.navbar-subnav{background:var(--tblr-navbar-bg, transparent)}.subnav{gap:.5rem;padding:.5rem 0}.subnav .nav-link{color:var(--tblr-text, #6b7280);border-radius:.375rem;padding:.5rem .75rem;position:relative}.subnav .nav-link .icon{opacity:.9;width:18px;height:18px;display:inline-block;vertical-align:middle;flex:none}.subnav .nav-link svg{width:18px;height:18px}.subnav .nav-link.active{color:var(--tblr-primary, #066fd1)}.subnav .nav-link.active:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:-.25rem;height:3px;border-radius:2px;background:linear-gradient(90deg,#066fd1,#039be5)}@media (max-width: 767px){.subnav{overflow-x:auto;white-space:nowrap}.subnav .nav-link{display:inline-flex}}.page-wrapper{padding-top:.25rem}.collage-component{aspect-ratio:16/9;position:relative;background:#fff;min-height:240px;width:100%;height:100%!important;min-height:360px!important}.collage-component .main-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:auto;z-index:1;object-fit:contain}.collage-component .collage-image-container{position:relative;padding:0;box-sizing:border-box;display:grid;gap:1px;grid-auto-rows:minmax(0,1fr);z-index:0;align-content:stretch;justify-content:stretch;align-items:stretch;justify-items:stretch;grid-auto-rows:1fr;overflow:hidden;width:100%;height:100%}.collage-component .collage-image-container .collage-placeholder{background:#d7c9c9;transition:opacity .18s ease,background-color .18s ease;width:100%;height:100%;border-radius:0;display:block;object-fit:cover}@supports not (height: 100%){.collage-component .collage-image-container .collage-placeholder{min-height:40px}}@media (max-width: 991px){.collage-component .collage-image-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 575px){.collage-component .collage-image-container{grid-template-columns:repeat(2,1fr)}}.collage-auto-pill{border-radius:999px;padding:4px 10px;background:#f3f4f6;color:#111827;border:1px solid rgba(0,0,0,.06)}.collage-auto-pill[aria-pressed=true]{background:linear-gradient(90deg,#066fd1,#039be5);color:#fff;border-color:#066fd1e6}.collage-controls{display:flex;gap:.5rem;align-items:center;background:var(--tblr-bg-surface-secondary);padding:1.5rem;border-radius:var(--tblr-border-radius);border:1px solid var(--tblr-border-color);margin-top:1rem}.collage-controls .form-control,.collage-controls .form-select{min-width:0}.card-body.collage-canvas{min-height:480px!important;height:100%!important;padding:0!important}#morphContainer,#tempContainer,#dotViewContainer,.collage-component{width:100%!important;height:100%!important;min-height:360px!important}#tempContainer,#dotViewContainer{position:absolute!important;top:0!important;left:0!important}@media (max-width: 575px){.collage-controls{flex-direction:column;align-items:stretch}.collage-controls .form-control,.collage-controls .form-select{width:100%!important}}body{perspective:2500px}body.fullscreen-mode{overflow:hidden}body.fullscreen-mode .card:not(#collageCard){display:none}body.fullscreen-mode .page-header{display:none}body.fullscreen-mode .point-counter{opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease}.photo{background-size:cover;background-position:center;border-radius:var(--tblr-border-radius);box-shadow:var(--tblr-box-shadow-border);will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:center center;min-width:0;min-height:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#6c757d;z-index:2}.photo-inner{position:absolute;inset:0;background-size:cover;background-position:center;border-radius:inherit;pointer-events:none}.debug-layout-issue{outline:3px dashed rgba(255,0,0,.95)!important;box-shadow:0 0 0 3px #ff00000f!important;z-index:20000!important}.morph-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;pointer-events:none;opacity:1;transition:opacity .6s ease}.debug-point{position:absolute;width:6px;height:6px;background:var(--tblr-danger);border-radius:50%;pointer-events:none;z-index:1000;margin-left:-3px;margin-top:-3px}.dot-view-point{position:absolute;background:var(--tblr-primary);border-radius:50%;pointer-events:none;z-index:10001;transform:translate(-50%,-50%)}#morphContainer{position:relative;width:100%;height:100%;transform-style:preserve-3d;overflow:hidden;opacity:1;z-index:1;pointer-events:auto;display:grid;gap:2px;padding:0;transition:all .3s ease}#morphContainer.morph-transform{display:block!important;gap:0!important;position:relative!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important}body.fullscreen-mode .collage-component{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;aspect-ratio:unset!important}#textCanvas{display:none!important;visibility:hidden!important;position:absolute!important;top:-99999px!important;left:-99999px!important;width:0!important;height:0!important;opacity:0!important;z-index:-9999!important}#dotViewContainer{position:absolute;top:0;left:0;width:100%;height:100%;background:#f8f9fa;display:flex;opacity:0;z-index:-1;pointer-events:none;border-radius:var(--tblr-border-radius-lg);overflow:hidden;justify-content:center;align-items:center;flex-direction:column;gap:2rem;transition:all .3s ease}body.dot-view-active #dotViewContainer{opacity:1!important;z-index:10!important;pointer-events:auto!important}body.dot-view-active #morphContainer,body.dot-view-active #tempContainer{opacity:0!important;z-index:-1!important;pointer-events:none!important}body.temp-view-active{overflow:hidden}body.temp-view-active #tempContainer{opacity:1!important;z-index:10!important;pointer-events:auto!important}body.temp-view-active #morphContainer,body.temp-view-active #dotViewContainer{opacity:0!important;z-index:-1!important;pointer-events:none!important}body.fullscreen-mode .temp-view-image{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;object-fit:cover!important;border-radius:12px;box-shadow:0 4px 20px #0000004d}#dotViewInfo{display:none!important;position:absolute!important;top:8px!important;left:50%!important;transform:translate(-50%)!important;background:#000c!important;color:#fff!important;padding:.5rem 1rem!important;border-radius:8px!important;font-size:13px!important;z-index:10002!important;box-shadow:0 4px 12px #0000004d!important;pointer-events:none}.toggle-container{display:flex;align-items:center;gap:var(--tblr-spacer-2);background:var(--tblr-bg-surface);padding:var(--tblr-spacer-2);border-radius:var(--tblr-border-radius);border:1px solid var(--tblr-border-color)}.toggle-switch{position:relative;display:inline-block;width:3rem;height:1.5rem}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--tblr-secondary);transition:all .3s ease;border-radius:1.5rem}.toggle-slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background:#fff;transition:all .3s ease;border-radius:50%;box-shadow:var(--tblr-box-shadow-sm)}input:checked+.toggle-slider{background:var(--tblr-primary)}input:checked+.toggle-slider:before{transform:translate(1.5rem)}.toggle-label{font-size:var(--tblr-font-size-sm);font-weight:var(--tblr-font-weight-medium);color:var(--tblr-body-color);min-width:2.5rem;text-align:center}.form-range{background:var(--tblr-border-color);height:.375rem;border-radius:var(--tblr-border-radius)}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--tblr-primary);cursor:pointer;box-shadow:var(--tblr-box-shadow-sm);transition:all .2s ease}.form-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--tblr-box-shadow)}.point-counter{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--tblr-spacer-2);background:#fffffffa;padding:var(--tblr-spacer-2) var(--tblr-spacer-3);border-radius:var(--tblr-border-radius-lg);font-size:var(--tblr-font-size-sm);box-shadow:var(--tblr-box-shadow-lg);z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--tblr-border-color-light)}.counter-label{font-weight:var(--tblr-font-weight-medium);color:var(--tblr-body-color)}.counter-value{font-weight:var(--tblr-font-weight-bold);padding:.125rem .375rem;border-radius:var(--tblr-border-radius-sm);font-size:var(--tblr-font-size-xs)}.points-count{background:rgba(var(--tblr-primary-rgb),.1);color:var(--tblr-primary)}.photos-count{background:rgba(var(--tblr-success-rgb),.1);color:var(--tblr-success)}.coverage-indicator{font-weight:var(--tblr-font-weight-medium);font-size:var(--tblr-font-size-xs);margin-left:var(--tblr-spacer-1)}.coverage-good{color:var(--tblr-success)}.coverage-warning{color:var(--tblr-warning)}.coverage-bad{color:var(--tblr-danger)}.settings-header{background:var(--tblr-bg-surface);border-radius:var(--tblr-border-radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--tblr-box-shadow-sm);border-left:4px solid var(--tblr-primary)}.settings-header .page-title{color:var(--tblr-body-color);margin-bottom:.25rem;font-weight:var(--tblr-font-weight-semibold);font-size:1.5rem}.settings-header .text-muted{color:var(--tblr-muted)!important;font-size:1rem}.card{border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius-lg);box-shadow:var(--tblr-box-shadow-sm);transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--tblr-box-shadow)}.card.no-hover:hover{transform:none;box-shadow:var(--tblr-box-shadow-sm)}.form-control:focus{border-color:var(--tblr-primary);box-shadow:0 0 0 .125rem rgba(var(--tblr-primary-rgb),.25)}.collage-controls{background:var(--tblr-bg-surface-secondary);padding:1.5rem;border-radius:var(--tblr-border-radius);border:1px solid var(--tblr-border-color);margin-top:1rem}.collage-controls>div{background:var(--tblr-bg-surface);padding:1rem;border-radius:var(--tblr-border-radius);box-shadow:var(--tblr-box-shadow-sm);border:1px solid var(--tblr-border-color);transition:all .3s ease}.collage-controls>div:hover{border-color:var(--tblr-primary);transform:translateY(-1px);box-shadow:var(--tblr-box-shadow)}.small.text-muted{background:var(--tblr-bg-surface-tertiary);padding:var(--tblr-spacer-2);border-radius:var(--tblr-border-radius);border-left:3px solid var(--tblr-primary);color:var(--tblr-muted)!important;font-size:var(--tblr-font-size-sm);line-height:1.5}@media (max-width: 768px){.page-header{margin:-1rem -1rem 1.5rem;padding:1.5rem 1rem}.page-header .page-title{font-size:1.5rem}#tempContainer .temp-title{font-size:2rem}.temp-view-image{max-width:95%;max-height:95%}.col-md-3,.col-md-4,.col-md-2{margin-bottom:1rem}}.dropdown-menu{border:1px solid var(--tblr-border-color);box-shadow:var(--tblr-box-shadow-lg);border-radius:var(--tblr-border-radius);z-index:9999!important;position:absolute}.dropdown-menu .dropdown-item.active{background-color:var(--tblr-primary);color:#fff}.dropdown-menu .dropdown-item.active i{color:#fff}.dropdown-menu .form-label{margin-bottom:.25rem;font-size:var(--tblr-font-size-xs);font-weight:var(--tblr-font-weight-medium)}.dropdown-menu .form-range{margin-bottom:.5rem}.input-group .form-control:not(:last-child){border-right:0}.input-group .form-control:focus{z-index:3}.loading{position:relative;opacity:.7;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:1.25rem;height:1.25rem;margin:-.625rem 0 0 -.625rem;border:2px solid var(--tblr-border-color);border-top:2px solid var(--tblr-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-group{position:relative!important}#textInput,#fileInput{transition:opacity .3s ease,z-index 0s}