:root{--bg: #ffffff;--panel: #ffffff;--panel-soft: #f7f7ff;--text: #070707;--muted: #7b8794;--line: #eceef5;--line-strong: #cfd6e2;--accent: #19647e;--accent-strong: #0e2733;--steel: #2f6690;--cyan: #00c2df;--cyan-soft: #8fe9f5;--warm: #19647e;--warm-soft: #e8f5f8;--danger: #b23a3a;--shadow: 0 16px 42px rgba(7, 7, 7, .07);--shadow-lift: 0 22px 54px rgba(25, 100, 126, .14);color:var(--text);background:var(--bg);font-family:Lato,Arial,Helvetica,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:var(--bg)}.topbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;padding:12px 24px;position:sticky;top:0;z-index:10}.brand,.topbar-actions,.account,.secondary-button,.primary-button,.icon-button,.add-photo-button,.book-row,.mini-page,.success-text{align-items:center;display:inline-flex}.brand{gap:12px}.topbar-actions{gap:18px;justify-content:flex-end}.equiscore-wordmark{display:block;height:28px;object-fit:contain;opacity:.88;width:124px}.brand-mark{align-items:center;background:var(--accent);border-radius:8px;box-shadow:0 9px 20px #19647e2e;color:#fff;display:inline-flex;height:40px;justify-content:center;width:40px}.brand strong,.book-row strong,.mini-page strong{display:block}.brand small,.book-row small,.mini-page small,.auth-muted,.empty-note,.drop-zone small,.section-heading p{color:var(--muted);font-size:.86rem}.account{color:#24292e;gap:10px;min-height:40px}.nav-link{color:#33404b;font-size:.9rem;font-weight:800;padding:8px 4px}.nav-link:hover{color:var(--accent)}.avatar{border-radius:999px;height:30px;object-fit:cover;width:30px}.workspace-grid{display:grid;gap:22px;grid-template-columns:minmax(320px,440px) minmax(280px,1fr);margin:0 auto;max-width:1280px;padding:30px 24px}.creator-panel,.library-panel,.controls-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.creator-panel,.library-panel{padding:20px}.creator-panel{overflow:hidden;position:relative}.creator-panel:before{background:linear-gradient(90deg,var(--accent),var(--steel),var(--cyan));content:"";display:block;height:4px;margin:-20px -20px 18px}.library-panel{background:var(--panel)}.section-heading{margin-bottom:20px}.section-heading.compact{margin-bottom:14px}.section-heading p{margin:8px 0 0}.eyebrow{color:var(--warm);display:block;font-size:.76rem;font-weight:800;letter-spacing:0;margin-bottom:8px;text-transform:uppercase}h1,h2{color:var(--text);line-height:1.04;margin:0}h1{font-size:2.3rem;line-height:1.02;max-width:14ch}h2{font-size:1.28rem}.field{display:grid;gap:8px;margin-bottom:15px}.field span,.inline-title span{color:#24292e;font-size:.84rem;font-weight:750}input,textarea{background:var(--panel-soft);border:1px solid var(--line-strong);border-radius:8px;color:var(--text);outline:none;padding:11px 12px;resize:vertical;width:100%}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00c2df2e}.drop-zone{align-items:center;background:var(--panel-soft);border:1px dashed rgba(25,100,126,.45);border-radius:8px;color:var(--accent);cursor:pointer;display:grid;gap:7px;justify-items:center;min-height:136px;padding:20px;text-align:center;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.drop-zone:hover{background:#fff;border-color:var(--cyan);box-shadow:0 14px 30px #19647e1a;transform:translateY(-1px)}.drop-zone input{display:none}.thumb-strip{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));margin:14px 0}.thumb-item{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.thumb-strip img,.book-cover img,.mini-art img,figure img{height:100%;object-fit:cover;width:100%}.thumb-strip img{display:block}.thumb-remove{align-items:center;background:#0e2733eb;border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:24px;justify-content:center;opacity:0;padding:0;position:absolute;right:6px;top:6px;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease;width:24px}.thumb-item:hover .thumb-remove,.thumb-remove:focus-visible{opacity:1;transform:translateY(0)}.primary-button,.secondary-button,.icon-button{border:0;border-radius:8px;cursor:pointer;font-weight:800;gap:9px;justify-content:center;min-height:42px;padding:0 15px}.primary-button{background:var(--accent);box-shadow:0 12px 24px #19647e2e;color:#fff;transition:background .14s ease,box-shadow .14s ease,transform .14s ease;width:100%}.primary-button:hover{background:var(--accent-strong);box-shadow:var(--shadow-lift);transform:translateY(-1px)}.secondary-button{background:var(--panel-soft);color:var(--accent-strong)}.secondary-button:hover{background:#eceef5}.icon-button{background:var(--panel);border:1px solid var(--line-strong);color:#24292e;height:40px;padding:0;width:40px}.icon-button.wide{min-width:46px}button:disabled{cursor:not-allowed;opacity:.55}.book-list{display:grid;gap:9px}.book-row{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;gap:12px;padding:9px;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.book-row:hover,.mini-page:hover{background:#fff;border-color:var(--line-strong)}.book-row:hover{box-shadow:0 12px 26px #19647e14;transform:translateY(-1px)}.book-cover,.mini-art{align-items:center;background:var(--panel-soft);border-radius:6px;color:var(--steel);display:inline-flex;flex:0 0 auto;justify-content:center;overflow:hidden}.book-cover{height:56px;width:46px}.editor-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 65px)}.single-page-editor{grid-template-columns:minmax(0,1fr)}.page-rail{background:var(--panel-soft);border-right:1px solid var(--line);padding:16px}.rail-actions{display:grid;gap:9px;grid-template-columns:72px 1fr;margin-bottom:18px}.back-link{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:#33404b;display:inline-flex;font-weight:800;justify-content:center;min-height:40px}.add-photo-button{background:var(--accent);border-radius:8px;color:#fff;cursor:pointer;font-weight:800;gap:8px;justify-content:center;min-height:40px;padding:0 12px;width:100%}.add-photo-button input{display:none}.add-photo-button.disabled{cursor:not-allowed;opacity:.62}.rail-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.rail-heading .eyebrow{margin:0}.rail-heading strong{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.84rem;padding:3px 9px}.mini-pages{display:grid;gap:8px}.mini-page{background:transparent;border:1px solid transparent;border-radius:8px;color:#24292e;gap:10px;justify-content:flex-start;padding:7px;text-align:left;width:100%}.mini-page.active{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #00c2df24}.mini-art{height:54px;width:42px}.status-pill{background:var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:.72rem;font-weight:800;margin-top:5px;padding:3px 7px;text-transform:capitalize}.status-pill.done{background:#e8f5f8;color:var(--accent)}.status-pill.error{background:#fae5e1;color:var(--danger)}.status-pill.generating{background:#fff4df;color:#8a5a12}.page-stage{min-width:0;padding:18px 22px 30px}.book-toolbar{align-items:end;display:grid;gap:14px;grid-template-columns:72px minmax(180px,1fr);margin:0 auto 18px;max-width:1180px}.inline-title{display:grid;gap:7px}.page-workbench{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 112px 340px;margin:0 auto;max-width:1320px}.preview-pair{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.source-frame-stack{display:grid;gap:10px}figure{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #07070712;margin:0;overflow:hidden;position:relative}.page-frame.portrait{aspect-ratio:2 / 3}.page-frame.landscape{aspect-ratio:3 / 2}.page-frame img{display:block}.source-frame{cursor:grab;touch-action:none}.source-frame:active{cursor:grabbing}.source-frame img{pointer-events:none;-webkit-user-select:none;user-select:none}.generated-preview img{object-fit:contain}.coloring-canvas{cursor:none;height:100%;inset:0;position:absolute;touch-action:none;width:100%;z-index:2}.coloring-cursor{border:2px solid var(--cursor-color);border-radius:999px;box-shadow:0 0 0 1px #fffc,0 1px 4px #0f172a40;height:var(--cursor-size);left:var(--cursor-x);opacity:0;pointer-events:none;position:absolute;top:var(--cursor-y);transform:translate(-50%,-50%);width:var(--cursor-size);z-index:4}.coloring-cursor.visible{opacity:1}figcaption{background:#ffffffe6;border:1px solid rgba(236,238,245,.92);border-radius:6px;bottom:10px;color:#33404b;font-size:.8rem;font-weight:800;left:10px;padding:6px 8px;position:absolute;z-index:3}.pending-art,.loading-state{align-items:center;color:var(--muted);display:flex;height:100%;justify-content:center}.controls-panel{padding:16px}.orientation-toggle{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px}.orientation-toggle button{background:transparent;border:1px solid transparent;border-radius:7px;color:#33404b;cursor:pointer;font-weight:800;min-height:36px}.orientation-toggle button.selected{background:#fff;border-color:#19647e61;box-shadow:0 0 0 2px #00c2df1a;color:var(--accent)}.photo-orientation{box-shadow:0 10px 24px #0707070d}.button-row{display:grid;gap:10px;grid-template-columns:1fr auto;margin-bottom:15px}.coloring-tools{align-self:start;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:12px;padding:12px;position:sticky;top:84px}.tool-section-header,.tool-actions,.size-control{align-items:center;display:flex}.tool-section-header{align-items:flex-start;flex-direction:column;gap:9px;justify-content:space-between}.tool-label{align-items:center;display:inline-flex;gap:7px}.tool-section-header span,.size-control span{color:#24292e;font-size:.84rem;font-weight:800}.tool-actions{display:grid;gap:7px;grid-template-columns:repeat(3,1fr);width:100%}.mini-icon-button,.swatch{align-items:center;border:1px solid var(--line-strong);border-radius:8px;cursor:pointer;display:inline-flex;justify-content:center}.mini-icon-button{background:var(--panel-soft);color:#27313a;height:34px;padding:0;width:100%}.mini-icon-button.selected{background:#e8f5f8;border-color:#19647e6b;color:var(--accent)}.swatch-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.swatch,.color-wheel{aspect-ratio:1;min-height:28px;padding:0}.swatch{background:var(--swatch)}.swatch.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.color-wheel{background:conic-gradient(from 90deg,#d50718,#fa142a,#fcb531,#fff127,#83c94e,#08a84f,#159cd4,#1670b2,#123d78,#692b8f,#d50718);color:#fff;overflow:hidden;position:relative}.color-wheel svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.color-wheel input{cursor:pointer;height:100%;inset:0;opacity:0;padding:0;position:absolute;width:100%}.size-control{align-items:stretch;display:grid;gap:10px}.size-control input{accent-color:var(--accent);flex:1;padding:0}.size-control output{color:var(--muted);font-size:.84rem;font-weight:800;min-width:2ch;text-align:left}.success-text{color:var(--accent);gap:7px;margin:14px 0 0}.error-text{color:var(--danger);font-weight:750}.empty-note{margin:6px 0 0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.workspace-grid,.editor-layout,.preview-pair,.page-workbench{grid-template-columns:1fr}.coloring-tools{position:static}.tool-section-header,.size-control{align-items:center;display:flex;flex-direction:row}.tool-actions{width:auto}.swatch-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.page-rail{border-bottom:1px solid var(--line);border-right:0}.mini-pages{display:flex;overflow-x:auto;padding-bottom:4px}.mini-page{min-width:210px}}@media(max-width:640px){.topbar,.book-toolbar{align-items:stretch;grid-template-columns:1fr}.topbar{flex-direction:column}.topbar-actions,.account{justify-content:space-between}.equiscore-wordmark{height:24px;width:108px}.workspace-grid,.page-stage,.page-rail{padding:14px}h1{font-size:1.9rem}}