:root{color:#172033;font-synthesis:none;--blue:#367ff2;--blue-dark:#2366d5;--mint:#44bd8a;--text:#172033;--muted:#69758b;--line:#e2e8f2;--card:#fff;--danger:#d95252;--shadow:0 12px 38px #273d6314;background:#f4f7fb;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overflow-x:hidden}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.6rem;font-size:clamp(2rem,4vw,3rem);line-height:1.08}h2{font-size:1.25rem}p{color:var(--muted);line-height:1.65}.app-loader{place-items:center;min-height:100vh;display:grid}.loader{color:var(--muted);justify-content:center;align-items:center;gap:.65rem;padding:3rem;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.05rem;font-weight:700;transition:all .2s;display:inline-flex}.button:disabled{opacity:.52;cursor:not-allowed}.button-primary{color:#fff;background:linear-gradient(135deg,#448cf6,#2871e6);box-shadow:0 8px 20px #367ff233}.button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #367ff24d}.button-secondary{color:#29405f;background:#fff;border:1px solid #d8e0ec}.button-wide{width:100%}.icon-button{border:1px solid var(--line);color:#5c6b82;background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:inline-grid}.icon-button:hover{color:var(--blue);border-color:#a8c6fa}.danger-icon:hover,.text-danger{color:var(--danger)}.text-danger,.text-button,.bare-button{background:0 0;border:0}.text-button{color:var(--blue);margin-top:1.1rem;font-weight:700}.back-link{color:#55708f;align-items:center;gap:.4rem;margin-bottom:1.25rem;font-weight:600;display:inline-flex}.eyebrow{letter-spacing:.13em;color:var(--blue);font-size:.75rem;font-weight:800}.admin-shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#172336;flex-direction:column;width:254px;padding:1.5rem 1rem;display:flex;position:fixed;inset:0 auto 0 0}.brand-row{align-items:center;gap:.75rem;padding:.35rem .35rem 1.5rem;display:flex}.brand-row>div{flex-direction:column;display:flex}.brand-row small,.sidebar small{color:#91a0b8}.brand-mark{color:#fff;background:linear-gradient(145deg,#5a9cff,#2e73e5);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 8px 18px #2c74e740}.sidebar nav{gap:.35rem;display:grid}.sidebar nav a{color:#b9c4d4;border-radius:11px;align-items:center;gap:.8rem;padding:.85rem .9rem;font-weight:600;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#263750}.sidebar-note{background:linear-gradient(145deg,#4bbe8f2e,#367ff21f);border-radius:14px;flex-direction:column;margin-top:auto;padding:1rem;display:flex}.logout-button{color:#b9c4d4;background:0 0;border:0;gap:.6rem;padding:1rem .7rem 0;display:flex}.admin-main{min-height:100vh;margin-left:254px}.page{max-width:1320px;margin:0 auto;padding:2.5rem 3rem 5rem}.page-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.page-header p{margin-bottom:0}.mobile-menu,.sidebar-close,.sidebar-scrim{display:none}.notice{border-radius:12px;align-items:flex-start;gap:.6rem;margin:1rem 0;padding:.8rem 1rem;font-size:.93rem;display:flex}.notice-success{color:#18704c;background:#eaf9f2}.notice-error{color:#9d3030;background:#fff0f0}.notice-info{color:#285e9d;background:#edf5ff}.school-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.2rem;display:grid}.school-card,.section-card,.share-card{background:var(--card);box-shadow:var(--shadow);border:1px solid #e5eaf2;border-radius:20px}.school-card{padding:1.35rem}.card-heading{align-items:center;gap:1rem;display:flex}.card-heading h2{margin:0 0 .3rem}.card-heading p{align-items:center;gap:.3rem;margin:0;display:flex}.school-icon{width:50px;height:50px;color:var(--blue);background:#eaf2ff;border-radius:15px;place-items:center;display:grid}.stats-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:1.25rem 0;padding:1rem 0;display:grid}.stats-row span{color:var(--muted);flex-direction:column;font-size:.75rem;display:flex}.stats-row strong{color:var(--text);font-size:1.15rem}.card-meta{color:var(--muted);font-size:.78rem}.card-actions{align-items:center;gap:.65rem;margin-top:1rem;display:flex}.card-actions .button{margin-right:auto}.section-card{margin-top:1.3rem;padding:1.4rem}.section-title{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.section-title h2{margin-bottom:.25rem}.section-title p{margin:0}.empty-state{text-align:center;min-height:280px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.empty-state h3{color:var(--text);margin:.8rem 0 .3rem}.empty-icon{width:60px;height:60px;color:var(--blue);background:#edf4ff;border-radius:50%;place-items:center;display:grid}.class-list{display:grid}.class-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;padding:1rem .4rem;display:grid}.class-row:hover{background:#fafcff}.class-badge{width:55px;height:55px;color:var(--blue);background:#edf4ff;border-radius:16px;place-items:center;font-weight:800;display:grid}.class-info{flex-direction:column;gap:.35rem;display:flex}.class-info span{color:var(--muted);align-items:center;gap:.3rem;font-size:.85rem;display:flex}.class-stats{gap:1.2rem;display:flex}.class-stats span{color:var(--muted);font-size:.8rem}.warning-text{color:#b9781a!important}.success-text{color:#27835f!important}.metric-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.2rem;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:15px;justify-content:space-between;align-items:end;padding:1rem 1.2rem;display:flex}.metric span{color:var(--muted)}.metric strong{font-size:2rem}.metric-warning{background:#fffaf0}.share-card{background:linear-gradient(135deg,#f3fff9,#f8fbff);grid-template-columns:1fr auto;gap:2rem;padding:1.5rem;display:grid}.share-copy h2{margin:.4rem 0}.public-url{background:#fff;border:1px solid #dce6f1;border-radius:12px;align-items:center;gap:.6rem;margin:1rem 0;padding:.8rem 1rem;display:flex;overflow:hidden}.public-url span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inline-actions{flex-wrap:wrap;gap:.7rem;display:flex}.qr-box{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.qr-box small{color:var(--muted)}.data-table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:740px}.data-table th{text-align:left;color:#77849a;text-transform:uppercase;letter-spacing:.05em;padding:.75rem;font-size:.75rem}.data-table td{border-top:1px solid var(--line);vertical-align:middle;padding:.9rem .75rem}.data-table td small{color:var(--muted);margin-top:.25rem;display:block}.row-actions{justify-content:flex-end;gap:.4rem;display:flex}.status{border-radius:99px;padding:.35rem .65rem;font-size:.76rem;font-weight:700}.status-ready{color:#217b56;background:#e6f8ef}.status-new{color:#a76b13;background:#fff4dd}.filters{gap:.8rem;margin-bottom:1rem;display:flex}.filters input{flex:1}.status-select{border:0;border-radius:99px;padding:.45rem .65rem;font-weight:700}.status-new{background:#fff4dd}.status-confirmed{background:#e7f1ff}.status-in_progress{background:#f0eaff}.status-ready{background:#e5f8ef}.status-cancelled{background:#f2f3f5}.import-help{display:none}.catalog-toolbar{gap:.75rem;margin-bottom:1rem;display:grid}.catalog-filters{gap:.45rem;padding:.15rem 0;display:flex;overflow:auto}.catalog-bulk-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.button-danger{color:#ad3636;background:#fff5f5;border:1px solid #f0caca}.button-danger:hover:not(:disabled){background:#ffe7e7}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.catalog-card{border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:18px;min-width:0;overflow:hidden}.catalog-card-selected{border-color:var(--blue);box-shadow:0 0 0 2px #367ff238,var(--shadow)}.catalog-preview{aspect-ratio:4/3;color:#6682a7;background:#eaf1fa;place-items:center;height:auto;display:grid;position:relative;overflow:hidden}.catalog-preview img{object-fit:contain;background:#eaf1fa;width:100%;height:100%}.catalog-preview>span{background:#ffffffe6;border-radius:99px;padding:.3rem .55rem;font-size:.7rem;position:absolute;top:.7rem;left:.7rem}.catalog-preview .catalog-type{left:auto;right:.7rem}.media-badge{align-items:center;gap:.25rem;display:inline-flex}.catalog-select{z-index:3;cursor:pointer;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:.7rem;right:.7rem}.catalog-select input{opacity:0;width:1px;height:1px;position:absolute}.catalog-select span{color:#fff;background:#fffffff2;border:2px solid #c6d2e2;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.catalog-select input:checked+span{background:var(--blue);border-color:var(--blue)}.catalog-watermark,.catalog-viewer{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.watermark-image{object-fit:contain;max-width:45%;max-height:45%}.watermark-text{color:#fff;text-shadow:0 2px 8px #0000008c;white-space:nowrap;font-size:clamp(1rem,3vw,2rem);font-weight:800;transform:rotate(-18deg)}.catalog-body{min-width:0;padding:1rem}.catalog-title{justify-content:space-between;gap:.5rem;min-width:0;display:flex}.catalog-title h2{overflow-wrap:anywhere;font-size:1rem}.catalog-title strong{white-space:nowrap}.catalog-tags{justify-content:space-between;align-items:center;gap:.5rem;margin:.2rem 0 .5rem;display:flex}.catalog-category{text-overflow:ellipsis;white-space:nowrap;color:#3a69a7;background:#edf4ff;border-radius:99px;max-width:70%;padding:.25rem .5rem;font-size:.7rem;font-weight:700;overflow:hidden}.catalog-body p{overflow-wrap:anywhere;min-height:42px;font-size:.84rem}.catalog-footer{justify-content:flex-end;align-items:center;display:flex}.source-label{color:var(--muted);font-size:.72rem}.card-disabled{opacity:.56}.catalog-viewer{background:#eef3f8;border-radius:14px;min-height:260px;position:relative}.catalog-viewer img,.catalog-viewer video{object-fit:contain;width:100%;max-height:58vh}.viewer-meta{overflow-wrap:anywhere;justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.watermark-settings{gap:1rem;display:grid}.settings-hint{margin:0;font-size:.85rem}.watermark-file{align-items:center;gap:.75rem;display:flex}.watermark-file img{object-fit:contain;border:1px solid var(--line);border-radius:8px;width:80px;height:48px}.modal-backdrop{z-index:50;background:#0f19287a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(600px,100%);max-height:90vh;padding:1.35rem;overflow:auto;box-shadow:0 24px 80px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-header h2{margin:0}.form-stack{gap:1rem;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}label{gap:.4rem;font-size:.86rem;font-weight:700;display:grid}label small{color:var(--muted);font-weight:400}input,textarea,select{width:100%;color:var(--text);background:#fff;border:1px solid #d6deea;border-radius:11px;outline:none;padding:.75rem .85rem}input:focus,textarea:focus,select:focus{border-color:#74a8f8;box-shadow:0 0 0 3px #367ff21c}.form-actions{justify-content:flex-end;gap:.6rem;margin-top:.5rem;display:flex}.checkbox-row{align-items:center;gap:.5rem;display:flex}.checkbox-row input{width:auto}.visually-hidden{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.login-page{grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-visual{background:linear-gradient(145deg,#eaf3ff,#f5fffb);flex-direction:column;padding:3rem 5vw;display:flex}.login-brand{align-items:center;gap:.7rem;font-size:1.1rem;font-weight:800;display:flex}.login-copy{margin:auto 0}.login-copy h1{max-width:680px;font-size:clamp(2.5rem,5vw,4.7rem)}.login-copy p{max-width:620px;font-size:1.08rem}.login-camera{color:#377fe9;align-items:center;gap:1rem;display:flex}.login-camera span{color:#5d7191;max-width:220px}.login-panel{background:#fff;place-items:center;padding:2rem;display:grid}.login-card{width:min(420px,100%)}.login-card>p{margin-bottom:1.5rem}.input-with-icon{color:#8290a4;border:1px solid #d6deea;border-radius:11px;align-items:center;padding-left:.75rem;display:flex}.input-with-icon:focus-within{border-color:#74a8f8;box-shadow:0 0 0 3px #367ff21c}.input-with-icon input{border:0;box-shadow:none!important}.login-card form{gap:1rem;display:grid}.public-page{background:linear-gradient(#f8fbff,#f5f9f8);min-height:100vh;padding:1rem}.public-shell{width:min(680px,100%);min-height:calc(100vh - 2rem);box-shadow:var(--shadow);background:#fff;border-radius:24px;margin:0 auto;overflow:hidden}.public-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 1.25rem;display:flex}.public-logo{align-items:center;gap:.6rem;display:flex}.public-logo>div{flex-direction:column;display:flex}.public-logo small{color:var(--muted);font-size:.7rem}.step-indicator{color:var(--muted);font-size:.75rem}.public-content{padding:2rem 1.4rem 7rem}.public-content h1{margin:.6rem 0;font-size:2rem}.public-lead{font-size:1.05rem}.children-grid{gap:.8rem;display:grid}.child-choice{text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;padding:.8rem;display:grid;box-shadow:0 5px 15px #2a466e0f}.child-choice:hover{border-color:#82adf2;transform:translateY(-1px)}.avatar{border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.avatar-0{color:#5487cd;background:#e7f1ff}.avatar-1{color:#d97e7b;background:#ffeceb}.avatar-2{color:#4caf83;background:#e4f8ef}.privacy-note{text-align:center;color:var(--muted);margin-top:1.5rem;font-size:.76rem}.service-list{gap:.75rem;display:grid}.service-choice{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.8rem;padding:.75rem;display:grid}.service-choice.selected{background:#f4f8ff;border-color:#609af5}.service-thumb{color:#6383ad;background:#e8f0fb;border-radius:12px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.service-thumb img{object-fit:cover;width:100%;height:100%}.service-copy{flex-direction:column;display:flex}.service-copy span{color:var(--muted);margin-top:.25rem;font-size:.78rem}.service-check{border:2px solid #c9d2df;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.selected .service-check{background:var(--blue);border-color:var(--blue);color:#fff}.order-dock{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:1rem;margin:1rem -1.4rem -7rem;padding:1rem 1.4rem;display:flex;position:sticky;bottom:0}.order-dock>div{flex-direction:column;display:flex}.order-dock span{color:var(--muted);font-size:.74rem}.order-dock strong{font-size:1.2rem}.success-screen{text-align:center;padding:3rem 1.5rem}.success-mark{color:#fff;background:linear-gradient(145deg,#8be0be,#4fc394);border-radius:50%;place-items:center;width:100px;height:100px;margin:0 auto 1.4rem;display:grid}.success-mark svg{width:54px;height:54px}.success-pill{color:#267b59;background:#e1f7ed;border-radius:99px;padding:.45rem 1rem;display:inline-block}.order-number{margin:1.2rem 0}.confirmation-card{border:1px solid var(--line);text-align:left;border-radius:18px;margin:1.2rem 0;padding:1rem}.confirmation-card>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.7rem;display:flex}.confirmation-card>div:last-child{border:0}.confirmation-card span{color:var(--muted)}.public-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-illustration{width:80px;height:80px;color:var(--danger);background:#fff0f0;border-radius:50%;place-items:center;margin-bottom:1rem;font-size:2.5rem;display:grid}@media (width<=900px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar-open{transform:none}.sidebar-scrim{z-index:19;background:#00000059;border:0;display:block;position:fixed;inset:0}.sidebar-close{color:#fff;background:0 0;border:0;margin-left:auto;display:block}.mobile-menu{z-index:18;border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:.7rem;left:.7rem}.admin-main{margin-left:0}.page{padding:4.5rem 1.25rem 3rem}.login-page{grid-template-columns:1fr}.login-visual{min-height:42vh;padding:2rem}.login-camera{display:none}.login-panel{padding:2rem 1rem}.class-stats{display:none}.share-card{grid-template-columns:1fr}.qr-box{justify-self:start}.page-header{align-items:flex-start}}@media (width<=640px){h1{font-size:2rem}.page-header{flex-direction:column;gap:1rem}.page-header>.button{width:100%}.school-grid,.form-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.metric{padding:.75rem;display:block}.metric strong{font-size:1.45rem;display:block}.section-title{flex-direction:column;align-items:flex-start}.section-title .inline-actions{width:100%}.section-title .button{flex:1}.class-row{grid-template-columns:auto 1fr auto}.qr-box{justify-self:center}.public-page{padding:0}.public-shell{border-radius:0;min-height:100vh}.service-choice{grid-template-columns:auto 1fr auto}.service-choice>b{grid-column:2}.service-check{grid-area:1/3/3}.order-dock{flex-direction:column;align-items:stretch}.order-dock .button{width:100%}.login-copy h1{font-size:2.2rem}.filters{flex-direction:column}}.service-thumb video{object-fit:cover;width:100%;height:100%}.service-copy{min-width:0}.service-copy span{overflow-wrap:anywhere}.page-header>div,.share-copy,.class-info{min-width:0}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.service-choice{grid-template-columns:1fr;align-items:stretch;gap:.55rem;min-width:0;padding:.7rem;position:relative}.service-preview-button{aspect-ratio:4/3;color:#6383ad;cursor:zoom-in;background:#e8f0fb;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.service-preview-button img,.service-preview-button video{object-fit:contain;width:100%;height:100%}.preview-hint{color:#fff;opacity:0;background:#121f35bd;border-radius:99px;padding:.22rem .45rem;font-size:.66rem;transition:opacity .2s;position:absolute;bottom:.45rem;right:.45rem}.service-preview-button:hover .preview-hint,.service-preview-button:focus-visible .preview-hint{opacity:1}.service-choice .service-copy{padding:.1rem .1rem 0}.service-choice .service-copy strong{overflow-wrap:anywhere;font-size:.95rem}.service-choice .service-copy span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.service-choice>b{padding:.1rem;font-size:1rem}.service-choice .service-check{background:#fff;position:absolute;top:.85rem;right:.85rem}.service-choice.selected .service-check{background:var(--blue)}.public-media-viewer{background:#eef3f8;border-radius:14px;place-items:center;min-height:260px;display:grid;overflow:hidden}.public-media-viewer img,.public-media-viewer video{object-fit:contain;width:100%;max-height:62vh}.service-choice{color:#fff;background:#172033;border-color:#0000;border-radius:18px;min-height:220px;padding:0;display:block;overflow:hidden}.service-preview-button{z-index:0;aspect-ratio:auto;border-radius:inherit;background:#263750;width:100%;height:100%;position:absolute;inset:0}.service-preview-button:after{content:"";pointer-events:none;background:linear-gradient(#0c182c14 22%,#0c182c2e 40%,#0c182ceb 100%);position:absolute;inset:0}.service-preview-button img,.service-preview-button video{object-fit:cover}.service-preview-button>svg{z-index:1}.service-choice .service-copy{z-index:2;text-align:left;padding:0;position:absolute;bottom:2.6rem;left:.85rem;right:.85rem}.service-choice .service-copy strong{color:#fff;text-shadow:0 1px 3px #00000059;font-size:1rem;line-height:1.15;display:block}.service-choice .service-copy span{color:#ffffffdb;text-shadow:0 1px 3px #00000059;margin-top:.3rem;font-size:.76rem;line-height:1.25;display:-webkit-box}.service-choice>b{z-index:2;color:#fff;text-shadow:0 1px 3px #00000059;padding:0;font-size:1.05rem;position:absolute;bottom:.78rem;left:.85rem}.service-choice .service-check{z-index:3;background:#fffffff2;top:.75rem;right:.75rem}.service-choice.selected{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}.preview-hint{z-index:2;opacity:1;top:.75rem;bottom:auto;right:3.2rem}.service-choice,.service-preview-button,.preview-hint{cursor:pointer}.service-choice .service-check{width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.service-choice.selected .service-check{color:#fff}.modal-backdrop{overscroll-behavior:contain;touch-action:none}.modal{touch-action:auto}.catalog-filters{gap:.45rem;margin-top:.4rem;padding:.15rem 0 .8rem;display:flex;overflow:auto}.catalog-filters button{border:1px solid var(--line);color:#5c6b82;white-space:nowrap;background:#fff;border-radius:99px;padding:.5rem .8rem;font-weight:700}.catalog-filters button.active{background:var(--blue);border-color:var(--blue);color:#fff}.service-group{margin-top:1rem}.service-group h2{color:var(--text);margin:0 0 .65rem;font-size:1.05rem}.service-group:first-of-type{margin-top:.25rem}.catalog-gender-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:1rem 0 .7rem;display:grid}.catalog-gender-tabs button{border:1px solid var(--line);color:#5c6b82;overflow-wrap:anywhere;touch-action:manipulation;background:#fff;border-radius:14px;min-height:44px;padding:.45rem .35rem;font-weight:800;line-height:1.1}.catalog-gender-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 7px 18px #2f75e833}.public-catalog-content .catalog-filter-groups{gap:.65rem;margin:1rem 0;display:grid}.public-catalog-content .catalog-gender-tabs,.catalog-category-tabs{flex-wrap:wrap;gap:.6rem;margin:0;display:flex}.public-catalog-content .catalog-gender-tabs button,.catalog-category-tabs button{color:#182136;white-space:nowrap;touch-action:manipulation;background:#fff;border:1px solid #e0e5ec;border-radius:999px;min-height:44px;padding:.55rem 1rem;font-size:1rem;font-weight:800;line-height:1.1;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}.public-catalog-content .catalog-gender-tabs button.active,.catalog-category-tabs button.active{color:#20b95d;background:#e6f9ed;border-color:#51cf85;box-shadow:0 5px 14px #21b95d1f}.public-catalog-content .catalog-gender-tabs button:focus-visible,.catalog-category-tabs button:focus-visible{outline-offset:2px;outline:3px solid #2f75e86b}.public-catalog-content .catalog-gender-tabs button:active,.catalog-category-tabs button:active{box-shadow:none;transform:translateY(1px)}.catalog-section-list{gap:1.2rem;display:grid}.catalog-section{margin:0}.catalog-section h2{margin:0 0 .65rem;font-size:1.13rem}.catalog-gender-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.65rem;display:grid}.catalog-gender-column .public-catalog-grid{grid-template-columns:1fr}.catalog-gender-column h2{font-size:.94rem;line-height:1.15}.catalog-video-notice{color:#355d96;background:#edf5ff;border:1px solid #bcd5fb;border-radius:14px;align-items:flex-start;gap:.6rem;margin:.1rem 0 .75rem;padding:.75rem .8rem;font-size:.86rem;line-height:1.35;display:flex}.catalog-video-notice svg{flex:none;margin-top:.05rem}.catalog-related-title{color:var(--muted);margin:.85rem 0 .55rem;font-size:.9rem}.catalog-related-card,.service-choice-preview-only{opacity:.78}.service-choice-preview-only:after{content:"Только просмотр";color:#fff;background:#121f35c7;border-radius:999px;padding:.25rem .45rem;font-size:.62rem;font-weight:800;position:absolute;top:.85rem;left:.85rem}.delivery-preview-copy{margin-bottom:.8rem}.delivery-preview-copy h3{margin:0 0 .25rem;font-size:1rem}.delivery-preview-copy p{margin:0;font-size:.86rem}.delivery-preview{border-radius:16px;gap:.65rem;display:grid;overflow:hidden}.delivery-preview-stage{isolation:isolate;background:linear-gradient(135deg,#d7bc92,#b9804d 48%,#8c5634);border-radius:16px;place-items:center;min-height:330px;padding:22px;display:grid;position:relative;overflow:hidden}.delivery-paper{z-index:1;aspect-ratio:210/297;background:#fff;width:min(68%,360px);margin:0;padding:3px;position:relative;transform:rotate(-3deg);box-shadow:0 20px 26px #2e1b0d5c}.delivery-paper:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff6b,#0000 28% 64%,#ffffff2e);position:absolute;inset:3px}.delivery-paper img{object-fit:cover;width:100%;height:100%}.delivery-lamination{z-index:3;color:#fff;background:#111827c7;border:1px solid #ffffffb8;border-radius:999px;align-items:center;gap:.25rem;padding:.27rem .42rem;font-size:.62rem;font-weight:800;line-height:1.1;display:flex;position:absolute;top:9px;left:9px}.delivery-lamination:before{content:"";box-sizing:border-box;border:2px solid;border-radius:50%;width:.7rem;height:.7rem}.delivery-lamination:after{content:"";background:currentColor;width:.38rem;height:2px;position:absolute;bottom:-.24rem;left:.97rem;transform:rotate(45deg)}.delivery-phone{color:#fff;text-align:center;gap:5px;width:min(39%,205px);margin:0;display:grid}.delivery-phone.overlay{z-index:2;position:absolute;bottom:9%;right:clamp(14px,7%,64px);transform:rotate(7deg)}.delivery-phone.standalone{z-index:1;width:min(62%,265px);position:relative}.delivery-phone-screen{aspect-ratio:9/18.6;background:#111827;border:3px solid #111827;border-radius:28px;padding:8px 5px 7px;position:relative;overflow:hidden;box-shadow:0 19px 27px #0d0f1980}.delivery-phone-screen:before{z-index:1;content:"";pointer-events:none;background:#111827;border-radius:0 0 12px 12px;width:42%;height:13px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.delivery-phone-screen video,.delivery-phone-screen img{object-fit:cover;background:#000;border-radius:21px;width:100%;height:100%}.delivery-phone figcaption{color:#fff;background:#111827d1;border-radius:999px;padding:3px 7px;font-size:.67rem;font-weight:800;line-height:1.2}.delivery-video-actions{justify-items:stretch;gap:.4rem;display:grid}.delivery-video-actions .button{justify-content:center;min-height:44px}.delivery-video-actions p{color:#a03232;font-size:.78rem;line-height:1.3}.delivery-preview-stage:not(.has-phone-overlay) .delivery-paper{transform:rotate(-1deg)}@media (width<=640px){.delivery-preview-stage{min-height:280px;padding:16px}.delivery-paper{width:72%}.delivery-phone.overlay{top:20%;right:4%}}.order-dock{z-index:40;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(648px,100vw - 2rem);padding:1rem 1.1rem calc(1rem + env(safe-area-inset-bottom));border:1px solid #d8e4f4;border-radius:18px;margin:0;position:fixed;transform:translate(-50%);box-shadow:0 16px 42px #273d6333}.order-dock .button{white-space:nowrap}.service-step{padding-bottom:10rem}.watermark-preview{border:1px solid var(--line);background:linear-gradient(135deg,#d9e8f7 0%,#f8fbff 50%,#b7cbe5 100%);border-radius:16px;place-items:center;min-height:190px;display:grid;position:relative;overflow:hidden}.watermark-preview:before{content:"ПРИМЕР ПРЕВЬЮ";text-align:center;color:#6a7f9b;letter-spacing:.12em;font-size:.72rem;font-weight:800;position:absolute;inset:auto 0 1rem}.watermark-preview img{z-index:1;object-fit:contain;max-width:48%;max-height:48%;position:absolute}.watermark-preview span{z-index:2;color:#fff;letter-spacing:.04em;text-shadow:0 2px 8px #0f2341b3;white-space:nowrap;font-size:clamp(1.1rem,4vw,1.8rem);font-weight:800;position:absolute;transform:rotate(-18deg)}.success-items{text-align:left;gap:.55rem;margin:1rem 0;display:grid}.success-item{border:1px solid var(--line);background:#fbfdff;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:.65rem;padding:.5rem .65rem;display:grid}.success-item img,.success-item svg{object-fit:cover;color:#6682a7;background:#eaf1fa;border-radius:9px;width:44px;height:44px}.success-item span{overflow-wrap:anywhere;font-weight:700}.success-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1rem;display:flex}.success-actions .button{flex:160px}.public-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.public-catalog-card{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:18px;grid-template-rows:auto 142px;display:grid;overflow:hidden}.public-catalog-card.selected{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}.public-catalog-image{aspect-ratio:4/5;background:#eaf1fa;position:relative;overflow:hidden}.public-catalog-image>img{object-fit:cover;width:100%;height:100%}.public-watermark{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.public-watermark img{object-fit:contain;max-width:55%;max-height:55%}.public-watermark span{color:#fff;text-shadow:0 2px 8px #0009;white-space:nowrap;font-size:1rem;font-weight:800;transform:rotate(-18deg)}.public-catalog-add{z-index:1;color:#182946;background:#fff;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:.45rem;right:.45rem;box-shadow:0 3px 10px #0c224447}.selected .public-catalog-add{background:var(--blue);color:#fff}.public-catalog-copy{grid-template-rows:auto 1fr;gap:.42rem;min-width:0;padding:.55rem .65rem;display:grid}.public-catalog-title{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.4rem;min-width:0;display:grid}.public-catalog-copy strong{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.15;display:-webkit-box;overflow:hidden}.public-catalog-copy b{white-space:nowrap;font-size:.86rem;line-height:1.16}.delivery-feature-list{flex-wrap:wrap;align-content:flex-start;gap:.25rem;display:flex}.delivery-feature{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:.16rem .34rem;font-size:.59rem;font-weight:700;line-height:1.15;overflow:hidden}.delivery-feature-photo{color:#285b9f;background:#e9f2ff}.delivery-feature-print{color:#247548;background:#e9f8ef}.delivery-feature-lamination{color:#8a5c00;background:#fff4dd}.delivery-feature-qr{color:#6c44a5;background:#f1eaff}.delivery-feature-video{color:#a63c54;background:#ffe9ee}.delivery-preview-copy .delivery-feature-list{margin-top:.45rem}.catalog-order-dock{z-index:20;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));max-width:680px;margin:0 auto;position:fixed}.public-catalog-content{padding-bottom:6.5rem}.public-preview-actions,.catalog-checkout-total,.catalog-checkout-items>div{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.public-preview-actions{margin-top:.8rem}.catalog-checkout{gap:.85rem;display:grid}.catalog-checkout p{color:var(--muted);margin:0}.catalog-checkout-items{gap:.5rem;display:grid}.catalog-checkout-items>div{border-bottom:1px solid var(--line);padding:.55rem 0}.catalog-checkout-items span{overflow-wrap:anywhere;min-width:0}.catalog-checkout-total{padding-top:.2rem;font-size:1.1rem}.modal-close{border:1px solid var(--line);color:#5d708c;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:.7rem;right:.7rem}.modal{position:relative}.profile-form{border:1px solid var(--line);max-width:780px;box-shadow:var(--shadow);background:#fff;border-radius:18px;gap:1rem;padding:1.4rem;display:grid}.profile-watermark{border-top:1px solid var(--line);gap:1rem;padding-top:1rem;display:grid}.profile-watermark h2{margin:0;font-size:1.15rem}.profile-watermark-preview{object-fit:contain;border:1px solid var(--line);background:#edf3fb;border-radius:10px;width:150px;height:90px}.profile-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.profile-actions .button{flex:none}@media (width<=640px){.public-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.public-catalog-card{grid-template-rows:auto 142px}.public-catalog-copy{padding:.5rem}.public-catalog-copy strong,.public-catalog-copy b{font-size:.82rem}.delivery-feature{font-size:.58rem}.public-catalog-add{width:40px;height:40px}.catalog-order-dock{right:.6rem;bottom:max(.6rem,env(safe-area-inset-bottom));left:.6rem}.catalog-order-dock .button{white-space:nowrap}.success-actions{flex-direction:column}.success-actions .button{width:100%}.profile-actions{justify-content:stretch}.profile-actions .button{width:100%}}.catalog-grid{grid-auto-rows:1fr}.catalog-card{display:grid;aspect-ratio:3/5!important;grid-template-rows:minmax(0,1fr) 116px!important}.catalog-preview{min-height:0;aspect-ratio:auto!important;height:auto!important}.catalog-preview img{object-fit:cover!important}.catalog-body{grid-template-rows:auto 1fr;gap:.38rem;display:grid;padding:.62rem .7rem!important}.catalog-title{align-items:start;gap:.4rem}.catalog-title h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.14;display:-webkit-box;overflow:hidden;font-size:.98rem!important}.catalog-title strong{line-height:1.14;font-size:.98rem!important}.catalog-delivery{align-content:start;gap:.28rem;min-width:0;display:grid}.catalog-delivery>span{color:var(--muted);font-size:.66rem;font-weight:700;line-height:1.1}.catalog-delivery>div{flex-wrap:wrap;gap:.25rem;display:flex}.catalog-delivery i{color:#3a69a7;text-overflow:ellipsis;white-space:nowrap;background:#edf4ff;border-radius:999px;max-width:100%;padding:.15rem .34rem;font-size:.58rem;font-style:normal;font-weight:800;line-height:1.1;overflow:hidden}.catalog-delivery i:nth-child(2){color:#247548;background:#e9f8ef}.catalog-delivery i:nth-child(3){color:#8a5c00;background:#fff4dd}.catalog-delivery i:nth-child(4){color:#6c44a5;background:#f1eaff}.catalog-delivery i:nth-child(5){color:#a63c54;background:#ffe9ee}@media (width<=640px){.catalog-grid{gap:.75rem}.catalog-card{grid-template-rows:minmax(0,1fr) 110px}.catalog-body{padding:.55rem .6rem}.catalog-title h2,.catalog-title strong{font-size:.9rem}.catalog-delivery>span{font-size:.62rem}.catalog-delivery i{font-size:.54rem}}.catalog-select{width:44px;height:44px;top:.45rem;right:.45rem}.delivery-preview-stage{background:linear-gradient(145deg,#edf2f8,#dfe8f3);min-height:340px;padding:28px}.delivery-paper{background:#fff;border:0;border-radius:2px;width:min(67%,330px);padding:0;overflow:visible;transform:none;box-shadow:0 19px 30px #0d192b40}.delivery-paper:after{z-index:4;background:linear-gradient(118deg,#ffffff80 0%,#ffffff1f 22%,#0000 43%,#ffffff42 72%,#ffffff0f 100%);border-radius:2px;inset:0}.delivery-paper img{background:#fff;border-radius:2px;display:block}.delivery-lamination{top:10px;left:10px}.delivery-photo-phone{z-index:5;color:#fff;text-align:center;transform-origin:80% 90%;gap:5px;width:32%;margin:0;display:grid;position:absolute;bottom:4%;right:0;transform:rotate(4deg)}.delivery-photo-phone .delivery-phone-screen{aspect-ratio:9/18.6;background:#101217;border:4px solid #101217;border-radius:25px;width:100%;padding:7px 4px 6px;overflow:hidden;box-shadow:0 17px 24px #0a0f1a7a,inset 0 0 0 1px #ffffff1a}.delivery-photo-phone .delivery-phone-screen:before{height:11px;top:5px}.delivery-photo-phone .delivery-phone-screen video{object-fit:cover;background:#111827;border-radius:17px;width:100%;height:100%}.delivery-photo-phone>span{white-space:nowrap;background:#111827e0;border-radius:999px;justify-self:center;padding:3px 7px;font-size:.58rem;font-weight:800;line-height:1.1}.delivery-phone-play{color:#fff;background:linear-gradient(#0f172a0f,#0f172a6b);border:0;border-radius:17px;place-items:center;transition:opacity .16s;display:grid;position:absolute;inset:0}.delivery-phone-play:before{content:"";background:#0f172ac2;border-radius:50%;width:34px;height:34px;position:absolute}.delivery-phone-play svg{z-index:1;position:relative}.delivery-photo-phone.is-playing .delivery-phone-play{opacity:0;pointer-events:none}.delivery-preview-stage.has-phone-overlay .delivery-phone.overlay{display:none}@media (width<=640px){.delivery-preview-stage{min-height:330px;padding:18px}.delivery-paper{width:min(84%,300px)}.delivery-paper:after{inset:0}.delivery-lamination{top:10px;left:10px}.delivery-photo-phone{width:31%;bottom:4%;right:0;transform:rotate(5deg)}}.public-catalog-video-phone{z-index:2;aspect-ratio:9/18.6;color:#fff;transform-origin:80% 90%;touch-action:manipulation;background:#101217;border:2px solid #101217;border-radius:13px;width:32%;min-width:44px;max-width:58px;padding:3px;position:absolute;bottom:.45rem;right:.45rem;overflow:hidden;transform:rotate(4deg);box-shadow:0 5px 13px #0a0f1a61}.public-catalog-video-phone>img,.public-catalog-video-phone>video{object-fit:cover;border-radius:9px;width:100%;height:100%;display:block}.public-catalog-video-play{background:linear-gradient(#0f172a0a,#0f172a57);place-items:center;display:grid;position:absolute;inset:0}.public-catalog-video-play:before{content:"";background:#0f172ac2;border-radius:50%;width:26px;height:26px;position:absolute}.public-catalog-video-play svg{z-index:1;position:relative}.public-catalog-video-phone.is-playing{transform:rotate(2deg)}@media (width<=420px){.public-catalog-content .catalog-filter-groups{background:#f8fafd;border:1px solid #e1e8f2;border-radius:16px;gap:.5rem;margin:.65rem 0 .85rem;padding:.55rem}.public-catalog-content .catalog-gender-tabs{grid-template-columns:.65fr 1.2fr 1.1fr;gap:.5rem;width:100%;display:grid}.public-catalog-content .catalog-category-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;display:grid}.public-catalog-content .catalog-gender-tabs button,.public-catalog-content .catalog-category-tabs button{min-width:0;min-height:44px;padding:.35rem .15rem;font-size:.72rem}.public-catalog-content .catalog-category-tabs button{width:100%}}.catalog-gender-column h2{min-height:2.3em}.public-catalog-ai-option{color:#7047a7;align-self:end;align-items:center;gap:.28rem;min-width:0;font-size:.58rem;line-height:1.2;display:flex}.public-catalog-ai-option svg{color:#9a63d3;flex:none}.public-catalog-ai-option span{min-width:0}.public-catalog-ai-option strong{font:inherit;color:#7047a7;font-weight:800;display:inline}@media (width<=640px){.public-catalog-ai-option{font-size:.56rem}}.public-catalog-video-phone{z-index:2;aspect-ratio:9/18.6;background:#111827;border:2px solid #111827;border-radius:11px;width:34%;padding:3px;position:absolute;bottom:.45rem;right:.45rem;overflow:hidden;transform:rotate(5deg);box-shadow:0 7px 16px #0c182d66}.public-catalog-video-phone:after{content:"▶";color:#fff;text-align:center;background:#101e37c7;border-radius:50%;width:24px;height:24px;font-size:.68rem;line-height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.public-catalog-video-phone video{object-fit:cover;background:#111827;border-radius:7px;width:100%;height:100%}@media (width<=640px){.public-catalog-video-phone{width:36%;bottom:.35rem;right:.35rem}}