@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff)format("woff")}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--color-bg:#f8fbfd;--color-surface:#fff;--color-surface-blue:#eef8ff;--color-border:#d9e3ea;--color-border-strong:#aebdca;--color-text:#172033;--color-muted:#607084;--color-primary:#35b894;--color-primary-dark:#096b56;--color-primary-soft:#dff7ef;--color-blue:#245fb9;--color-blue-soft:#e7f0ff;--color-yellow:#f6c94f;--color-orange:#f6923f;--color-pink:#eb7594;--color-purple:#8a73cd;--color-danger:#c74658;--color-success:#16866c;--color-warning:#a66510;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-round:999px;--shadow-sm:0 4px 14px #253c5412;--shadow-md:0 14px 36px #253c541c;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--font-xs:.75rem;--font-sm:.875rem;--font-md:1rem;--font-lg:1.25rem;--font-xl:clamp(1.6rem, 3vw, 2.25rem);background:#f8fbfd;font-family:Nunito,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-bg);margin:0}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #216de3}button:disabled{cursor:not-allowed;opacity:.58}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-mark{letter-spacing:-.09em;align-items:baseline;font-size:clamp(1.9rem,4vw,2.55rem);font-weight:900;line-height:1;display:inline-flex}.brand-mark span{display:inline-block}.brand-c,.brand-o,.brand-l{color:#172033}.brand-o2{color:var(--color-primary)}.brand-r{color:var(--color-orange)}.brand-i{color:var(--color-blue)}.brand-v{color:var(--color-yellow)}.brand-o3{color:var(--color-pink)}.brand-link{display:inline-flex}.button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;min-height:46px;padding:.7rem 1.15rem;font-size:.92rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--color-primary);box-shadow:0 7px 18px #35b8943d}.button-primary:not(:disabled):hover{background:var(--color-primary-dark)}.button-secondary{color:var(--color-text);border-color:var(--color-border-strong);background:#fff}.button-secondary:not(:disabled):hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.button-danger{color:#fff;background:var(--color-danger)}.button.full{width:100%}.text-button{color:var(--color-blue);cursor:pointer;background:0 0;border:0;font-weight:800}.app-shell{min-height:100vh}.topbar{justify-content:space-between;align-items:center;gap:var(--space-6);height:86px;padding:0 var(--space-8);z-index:20;background:linear-gradient(90deg,#edf8ff,#e6f4ff 60%,#f7fbff);border-bottom:1px solid #d4e4ef;display:flex;position:sticky;top:0}.topbar-tools{align-items:center;gap:var(--space-5);display:flex}.allowance,.profile-chip,.parent-lock{align-items:center;gap:.65rem;display:flex}.allowance svg,.parent-lock svg{width:22px}.allowance span,.profile-chip span:not(.profile-avatar){line-height:1.1;display:grid}.allowance strong,.profile-chip strong{text-transform:uppercase;letter-spacing:.03em;font-size:.88rem}.allowance small,.profile-chip small{color:var(--color-muted);margin-top:.2rem}.allowance meter{display:none}.profile-chip{padding-left:var(--space-5);border-left:1px solid #cadbe7}.profile-avatar{color:#80552c;width:44px;height:44px;box-shadow:var(--shadow-sm);background:#f4c86c;border:3px solid #fff;border-radius:50%;place-items:center;font-weight:900;display:grid}.parent-lock{border-radius:var(--radius-sm);background:#ffffff8c;border:1px solid #c8d8e5;padding:.75rem 1rem;font-weight:800}.shell-body{grid-template-columns:104px 1fr;min-height:calc(100vh - 86px);display:grid}.sidebar{padding:var(--space-6) .75rem;border-right:1px solid var(--color-border);background:#fff;flex-direction:column;gap:.65rem;display:flex}.nav-item{border-radius:var(--radius-sm);color:#4d5e70;min-height:80px;font-size:var(--font-xs);flex-direction:column;justify-content:center;align-items:center;gap:.45rem;font-weight:800;display:flex}.nav-item svg{width:24px;height:24px}.nav-item.active{color:var(--color-primary-dark);background:linear-gradient(135deg, var(--color-primary-soft), var(--color-surface-blue));box-shadow:inset 4px 0 var(--color-primary)}.page-content{min-width:0}.content-section{max-width:1400px;padding:var(--space-8);margin:0 auto}.page-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.page-heading h1{font-size:var(--font-xl);letter-spacing:-.03em;margin-bottom:.35rem;line-height:1.15}.page-heading p{color:var(--color-muted);max-width:680px;margin-bottom:0;line-height:1.55}.mobile-nav{display:none}.login-page{background:#fff;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);min-height:100vh;display:grid}.login-visual{padding:var(--space-10);background:linear-gradient(155deg,#eaf7ff 0%,#f7fbff 52%,#e8f8f1 100%);flex-direction:column;display:flex;overflow:hidden}.login-visual .brand-mark{align-self:flex-start}.login-art{aspect-ratio:1.25;width:min(680px,90%);box-shadow:var(--shadow-md);border:10px solid #fff;border-radius:32px;margin:auto;overflow:hidden;transform:rotate(-1.5deg)}.login-art img{object-fit:cover;width:100%;height:100%}.trust-row{color:var(--color-muted);justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:flex}.trust-row svg{width:18px;color:var(--color-primary-dark)}.trust-row span{background:#9aabba;border-radius:50%;width:4px;height:4px;margin:0 .5rem}.login-panel{padding:var(--space-8);place-items:center;display:grid}.login-card{width:min(440px,100%)}.login-card>.brand-mark{display:none}.login-card h1{margin:var(--space-8) 0 var(--space-4);letter-spacing:-.04em;font-size:clamp(2rem,5vw,3rem)}.login-card>p{color:var(--color-muted);font-size:1.08rem;line-height:1.65}.login-card .button{width:100%;margin-top:var(--space-5)}.phase-note{text-align:center;margin-top:var(--space-5);font-size:.78rem!important}.agreement-check{align-items:start;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-5);color:var(--color-muted);background:var(--color-blue-soft);border-radius:var(--radius-sm);font-size:var(--font-sm);grid-template-columns:22px 1fr;line-height:1.45;display:grid}.agreement-check input{width:20px;height:20px;accent-color:var(--color-primary);margin-top:2px}.agreement-check strong{color:var(--color-text);display:block}.profile-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(180px,250px));display:grid}.profile-card{min-height:260px;padding:var(--space-6);justify-content:center;align-items:center;gap:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;flex-direction:column;display:flex;position:relative}.profile-card.selected{border-color:var(--color-primary);box-shadow:0 12px 28px #35b89424}.profile-card strong{font-size:var(--font-lg)}.profile-card small{color:var(--color-muted)}.large-avatar{width:98px;height:98px;margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);border:5px solid #fff;border-radius:50%;place-items:center;font-size:2.5rem;font-weight:900;display:grid}.large-avatar.mint{color:#0d775e;background:#a9ead7}.large-avatar.yellow{color:#8a5c12;background:#f9dc83}.large-avatar.empty{color:#738292;background:#edf1f4}.selected-check{top:var(--space-4);right:var(--space-4);color:var(--color-primary-dark);font-size:var(--font-xs);align-items:center;gap:.25rem;font-weight:900;display:flex;position:absolute}.selected-check svg{width:15px}.nickname-note,.privacy-row,.offline-note{align-items:center;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-6);border-radius:var(--radius-md);background:var(--color-blue-soft);color:#294e83;display:flex}.nickname-note svg,.privacy-row svg,.offline-note svg{flex:none}.inline-form-panel{max-width:760px;margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff}.inline-form-panel form{align-items:end;gap:var(--space-4);grid-template-columns:1fr minmax(220px,.7fr) auto;display:grid}.inline-form-panel h2{margin-bottom:.3rem}.inline-form-panel p{color:var(--color-muted);margin:0}.inline-form-panel label,.project-title-field{font-size:var(--font-xs);gap:.35rem;font-weight:900;display:grid}.inline-form-panel input,.project-title-field input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#fff;min-height:44px;padding:.65rem .75rem}.inline-form-actions{gap:var(--space-2);display:flex}.workflow-steps{margin:0 0 var(--space-6);color:var(--color-muted);font-size:var(--font-sm);align-items:center;gap:0;font-weight:800;display:flex}.workflow-steps span{text-align:center;border-bottom:3px solid var(--color-border);flex:1;padding:.7rem 1rem}.workflow-steps .current{color:var(--color-primary-dark);border-color:var(--color-primary)}.upload-layout,.review-layout{gap:var(--space-6);grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);align-items:start;display:grid}.drop-zone{min-height:480px;padding:var(--space-8);text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:2px dashed #9babb8;flex-direction:column;justify-content:center;align-items:center;display:flex}.drop-zone.has-file{border-style:solid;border-color:var(--color-primary);background:linear-gradient(#fff,#f1fbf7)}.drop-zone>strong{font-size:var(--font-lg);margin-top:var(--space-4)}.drop-zone>p{color:var(--color-muted)}.upload-icon,.upload-success{background:var(--color-primary-soft);width:76px;height:76px;color:var(--color-primary-dark);border-radius:50%;place-items:center;display:grid}.upload-icon svg{width:34px;height:34px}.upload-success{background:var(--color-primary);color:#fff}.upload-actions{gap:var(--space-3);margin:var(--space-4) 0;display:flex}.privacy-row span,.offline-note span{gap:.2rem;display:grid}.privacy-row small,.offline-note small{color:#365f8e}.project-options,.review-controls{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff}.project-options fieldset{margin:0 0 var(--space-6);border:0;padding:0}.project-options legend{margin-bottom:var(--space-3);font-weight:900}.project-title-field{margin-bottom:var(--space-5)}.style-options{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.style-options button{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:88px;font-size:var(--font-xs);cursor:pointer;background:#fff;place-items:center;gap:.4rem;font-weight:800;display:grid}.style-options button.selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.style-options svg{width:24px}.strength-options{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.strength-options button{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;place-items:center;min-height:70px;display:grid}.strength-options button.selected{border:2px solid var(--color-primary);color:var(--color-primary-dark);background:#f0fbf7}.strength-options span{color:var(--color-muted);font-size:.7rem}.option-help,.button-help{color:var(--color-muted);font-size:var(--font-xs)}.toggle-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;margin-bottom:var(--space-4);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex}.toggle-row span{display:grid}.toggle-row small{color:var(--color-muted);margin-top:.2rem}.toggle-row input{width:44px;height:24px;accent-color:var(--color-primary)}.project-options>.button{width:100%}.button-help{text-align:center;margin-top:var(--space-2);display:block}.review-canvas-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff}.comparison{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#f4f6f7;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.comparison figure{min-width:0;margin:0;position:relative}.comparison figure:first-child{border-right:2px solid #fff}.comparison img{aspect-ratio:1.05;object-fit:cover;width:100%}.comparison figcaption{left:var(--space-3);bottom:var(--space-3);color:#fff;font-size:var(--font-xs);background:#172033d6;border-radius:6px;padding:.35rem .55rem;font-weight:900;position:absolute}.mobile-compare{display:none}.invariant-note{gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-4);color:var(--color-primary-dark);background:var(--color-primary-soft);border-radius:var(--radius-sm);align-items:center;display:flex}.invariant-note span{display:grid}.invariant-note small{color:#47766a;margin-top:.2rem}.review-controls{gap:var(--space-4);display:grid}.control-section{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.control-section h2{font-size:var(--font-md);align-items:center;gap:.5rem;display:flex}.control-section h2 svg{width:20px}.control-section p{margin:var(--space-3) 0 0;color:var(--color-muted);font-size:var(--font-xs);line-height:1.5}.palette-list{gap:.55rem;display:flex}.palette-list button{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:9px;width:64px;height:44px;padding:3px;display:flex;overflow:hidden}.palette-list button.selected{border-color:var(--color-text)}.palette-list span{flex:1}.control-section.preserve{align-items:center;gap:var(--space-3);color:var(--color-primary-dark);display:flex}.preserve span{display:grid}.preserve small{color:var(--color-muted)}.action-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.action-grid button,.action-grid a{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:.45rem;min-height:62px;font-weight:800;display:flex}.inline-notice{padding:var(--space-3);color:#72501a;border-radius:var(--radius-sm);font-size:var(--font-sm);background:#fff4d7;margin:0}.inline-notice p{margin-bottom:.3rem}.inline-notice a{color:#815500;font-weight:900;text-decoration:underline}.filter-bar{align-items:end;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;display:flex}.filter-bar label{color:var(--color-muted);font-size:var(--font-xs);gap:.3rem;font-weight:800;display:grid}.filter-bar select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#fff;min-width:180px;padding:.65rem}.gallery-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.project-card{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;position:relative;overflow:hidden}.project-card>img{aspect-ratio:1.3;object-fit:cover;width:100%}.project-card>div{padding:var(--space-4)}.project-card h2{font-size:var(--font-md);margin:.45rem 0 .2rem}.project-card p{color:var(--color-muted);margin:0}.project-card>button{right:var(--space-3);bottom:var(--space-3);background:0 0;border:0;position:absolute}.project-visibility{color:var(--color-muted);font-size:var(--font-xs);align-items:center;gap:.25rem;font-weight:800;display:inline-flex}.project-visibility svg{width:13px}.project-card>a{display:block}.project-card>a img{aspect-ratio:1.3;object-fit:cover;width:100%}.project-card>a>div{padding:var(--space-4)}.project-card.selected{border:2px solid var(--color-primary)}.project-select{z-index:2;top:var(--space-3);left:var(--space-3);border-radius:var(--radius-round);box-shadow:var(--shadow-sm);font-size:var(--font-xs);background:#fff;align-items:center;gap:.4rem;padding:.45rem .65rem;font-weight:900;display:flex;position:absolute}.project-select input{width:18px;height:18px;accent-color:var(--color-primary)}.selection-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin:calc(var(--space-3) * -1) 0 var(--space-5);padding:var(--space-3) var(--space-4);color:var(--color-primary-dark);background:var(--color-primary-soft);border-radius:var(--radius-sm);display:flex}.confirmation-backdrop{z-index:100;padding:var(--space-4);background:#17203385;place-items:center;display:grid;position:fixed;inset:0}.confirmation-dialog{width:min(480px,100%);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;position:relative}.confirmation-dialog h2{padding-right:var(--space-6)}.confirmation-dialog p{color:var(--color-muted);line-height:1.55}.confirmation-dialog>div{justify-content:flex-end;gap:var(--space-3);display:flex}.dialog-close{top:var(--space-4);right:var(--space-4);background:var(--color-bg);cursor:pointer;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute}.toast{right:var(--space-6);bottom:var(--space-6);z-index:90;padding:var(--space-4) var(--space-5);color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background:#172033;font-weight:800;position:fixed}.empty-state{text-align:center;min-height:380px;padding:var(--space-8);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:70px;height:70px;margin-bottom:var(--space-4);color:var(--color-primary-dark);background:var(--color-primary-soft);border-radius:50%;place-items:center;display:grid}.empty-state p{color:var(--color-muted)}.plan-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.plan-card{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;display:flex}.plan-card.featured{border:2px solid var(--color-primary);transform:translateY(-5px)}.plan-card h2{margin:var(--space-4) 0 var(--space-2)}.plan-card>strong{font-size:2rem}.plan-card>p{min-height:48px;color:var(--color-muted)}.plan-card ul{flex:1;padding:0;list-style:none}.plan-card li{gap:.45rem;margin:.65rem 0;display:flex}.plan-card li svg{width:18px;color:var(--color-primary-dark)}.plan-label{color:var(--color-primary-dark);background:var(--color-primary-soft);border-radius:var(--radius-round);font-size:var(--font-xs);align-self:flex-start;padding:.35rem .6rem;font-weight:900}.settings-list{gap:var(--space-3);display:grid}.settings-list article{align-items:center;gap:var(--space-4);min-height:88px;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;grid-template-columns:40px 1fr auto;display:grid}.settings-list h2{font-size:var(--font-md);margin:0 0 .25rem}.settings-list p{color:var(--color-muted);margin:0}.settings-list button{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:.5rem .75rem}.settings-list .danger{color:var(--color-danger)}.status-dot{color:#5d6b79;border-radius:var(--radius-round);font-size:var(--font-xs);background:#edf1f4;padding:.35rem .6rem;font-weight:900}.status-dot.ready{color:var(--color-primary-dark);background:var(--color-primary-soft)}.coloring-generator-layout{gap:var(--space-6);grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);align-items:start;display:grid}.coloring-controls{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff}.coloring-controls fieldset{margin:0 0 var(--space-6);border:0;padding:0}.coloring-controls legend,.coloring-subject,.coloring-option-grid label{font-weight:900}.coloring-controls legend{margin-bottom:var(--space-3)}.coloring-subject{gap:var(--space-2);margin-bottom:var(--space-6);display:grid}.coloring-subject textarea{resize:vertical;width:100%;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);line-height:1.45}.field-help{margin:calc(-1 * var(--space-2)) 0 var(--space-3);color:var(--color-muted);font-size:var(--font-xs);line-height:1.45}.segmented-options{border-radius:var(--radius-sm);background:#edf2f5;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.segmented-options button{min-height:42px;font-size:var(--font-xs);cursor:pointer;background:0 0;border:0;border-radius:7px;font-weight:800}.segmented-options button.selected{color:var(--color-primary-dark);box-shadow:var(--shadow-sm);background:#fff}.outline-options{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.outline-options button{min-height:70px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;place-items:center;gap:.3rem;display:grid}.outline-options button.selected{border:2px solid var(--color-primary);background:var(--color-primary-soft)}.outline-options button>span{width:28px;height:28px;box-shadow:0 0 0 1px var(--color-border-strong);border:3px solid #fff;border-radius:50%}.outline-options small{font-size:.68rem;font-weight:800}.coloring-option-grid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.coloring-option-grid label{gap:var(--space-2);display:grid}.coloring-option-grid select{min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#fff}.generation-status{margin:var(--space-3) 0 0;color:var(--color-muted);text-align:center;font-size:var(--font-xs);font-weight:700}.coloring-output{min-width:0}.coloring-preview{width:min(100%,700px);min-height:520px;padding:var(--space-5);border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:#fff;place-items:center;margin:0 auto;display:grid}.coloring-preview.letter-portrait{aspect-ratio:17/22}.coloring-preview.square{aspect-ratio:1}.coloring-preview.landscape{aspect-ratio:22/17;min-height:390px}.coloring-preview img{object-fit:contain;width:100%;height:100%}.coloring-preview>div{place-items:center;gap:var(--space-3);color:var(--color-muted);text-align:center;display:grid}.coloring-preview>div svg{width:56px;height:56px;color:var(--color-primary)}.coloring-preview>div strong{color:var(--color-text);font-size:var(--font-lg)}.coloring-preview>div span{font-size:var(--font-sm)}.coloring-downloads{justify-content:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.coloring-history{margin-top:var(--space-8)}.coloring-history h2{font-size:var(--font-lg)}.coloring-history>div{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.coloring-history article{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;display:grid}.coloring-history article span{color:var(--color-muted);font-size:var(--font-xs)}.child-shell{background:linear-gradient(#eff9ff,#fff 28%);flex-direction:column;min-height:100vh;display:flex}.child-topbar{height:82px;padding:0 var(--space-8);border-bottom:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;display:flex}.child-topbar>span{color:var(--color-primary-dark);align-items:center;gap:.5rem;font-weight:900;display:flex}.child-shell main{flex:1}.child-shell footer{padding:var(--space-5);color:var(--color-muted);border-top:1px solid var(--color-border);background:#fff;justify-content:center;align-items:center;gap:.5rem;display:flex}.child-library-page{max-width:1100px;padding:var(--space-8);margin:auto}.child-library-page>header{margin-bottom:var(--space-6);justify-content:space-between;align-items:start;display:flex}.child-library-page h1{font-size:var(--font-xl);margin-bottom:.35rem}.child-library-page header p{color:var(--color-muted)}.read-only-badge{color:var(--color-primary-dark);background:var(--color-primary-soft);border-radius:var(--radius-round);align-items:center;gap:.4rem;padding:.55rem .8rem;font-weight:900;display:flex}.child-project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.child-project-grid article{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;overflow:hidden}.child-project-grid img{aspect-ratio:1.25;object-fit:cover;width:100%}.child-project-grid article div{padding:var(--space-5)}.child-project-grid h2{margin-bottom:.25rem}.child-project-grid p{color:var(--color-muted);margin:0}.child-empty{min-height:220px;color:var(--color-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:#fff;place-items:center;display:grid}.error-page,.loading-page{align-content:center;place-items:center;gap:var(--space-3);min-height:100vh;padding:var(--space-8);text-align:center;display:grid}.spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.coloring-generator-layout{grid-template-columns:1fr}.coloring-preview{min-height:420px}.coloring-preview.landscape{min-height:300px}.topbar{height:72px;padding:0 var(--space-4)}.topbar-tools .allowance,.topbar-tools .parent-lock,.profile-chip span:not(.profile-avatar){display:none}.profile-chip{border-left:0;padding-left:0}.profile-avatar{width:40px;height:40px}.shell-body{min-height:calc(100vh - 72px);display:block}.sidebar{display:none}.content-section{padding:var(--space-5) var(--space-4) 110px}.mobile-nav{z-index:30;border-top:1px solid var(--color-border);background:#fff;grid-template-columns:repeat(4,1fr);height:72px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -7px 24px #253c541a}.mobile-nav a{color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:.68rem;font-weight:800;display:flex}.mobile-nav a.active{color:var(--color-primary-dark);background:linear-gradient(180deg, white, var(--color-primary-soft))}.mobile-nav svg{width:21px}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{background:linear-gradient(#eef8ff,#fff 40%);min-height:100vh}.login-card>.brand-mark{display:inline-flex}.login-card h1{margin-top:var(--space-8)}.upload-layout,.review-layout{grid-template-columns:1fr}.project-options,.review-controls{order:2}.drop-zone{min-height:370px}.comparison{grid-template-columns:1fr}.comparison figure:first-child{border:0}.comparison.before .after,.comparison.after .before{display:none}.mobile-compare{margin-bottom:var(--space-3);border-radius:var(--radius-sm);background:#edf2f5;grid-template-columns:1fr 1fr;padding:4px;display:grid}.mobile-compare button{background:0 0;border:0;border-radius:7px;padding:.6rem;font-weight:800}.mobile-compare button.active{box-shadow:var(--shadow-sm);background:#fff}.plan-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{min-height:220px}.inline-form-panel form{grid-template-columns:1fr}.inline-form-actions{justify-content:flex-start}}@media (width<=560px){.segmented-options{grid-template-columns:repeat(2,1fr)}.outline-options{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto}.coloring-option-grid{grid-template-columns:1fr}.coloring-downloads{flex-direction:column}.coloring-downloads .button{width:100%}.coloring-preview{min-height:360px;padding:var(--space-3)}.brand-mark{font-size:2rem}.page-heading{flex-direction:column;align-items:stretch}.page-heading .button{width:100%}.workflow-steps{font-size:.68rem}.workflow-steps span{padding-inline:.3rem}.upload-actions{flex-direction:column;width:100%}.upload-actions .button{width:100%}.drop-zone{padding:var(--space-5)}.style-options button{min-height:76px}.strength-options{grid-template-columns:repeat(2,1fr)}.profile-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}.profile-card{min-height:190px;padding:var(--space-4)}.large-avatar{width:78px;height:78px;font-size:2rem}.nickname-note{align-items:flex-start}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar select,.filter-bar .button{width:100%}.gallery-grid{grid-template-columns:1fr}.settings-list article{grid-template-columns:34px 1fr}.settings-list article>button,.settings-list article>.status-dot{grid-column:2;justify-self:start}.child-topbar{align-items:flex-start;gap:var(--space-3);height:auto;padding:var(--space-4);flex-direction:column}.child-library-page{padding:var(--space-5) var(--space-4)}.child-library-page>header{flex-direction:column}.read-only-badge{margin-top:var(--space-3)}.selection-toolbar{flex-direction:column;align-items:stretch}.selection-toolbar .button{width:100%}.confirmation-dialog>div{flex-direction:column-reverse}.confirmation-dialog .button{width:100%}.toast{left:var(--space-4);right:var(--space-4);bottom:88px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{@page{margin:.25in}html,body,.app-shell,.shell-body,.page-content{background:#fff;min-height:0}.topbar,.sidebar,.mobile-nav,.page-heading,.coloring-controls,.coloring-downloads,.coloring-history{display:none!important}.shell-body,.coloring-generator-layout{display:block}.content-section{max-width:none;padding:0}.coloring-preview,.coloring-preview.letter-portrait,.coloring-preview.square,.coloring-preview.landscape{aspect-ratio:auto;width:100%;min-height:0;box-shadow:none;border:0;padding:0}.coloring-preview img{object-fit:contain;width:100%;height:auto;max-height:10.5in}}