.coloring-view,.color-library-view,.visual-supports-view,.color-book-view{padding:clamp(12px,2vw,24px);display:grid;gap:16px}
.create-hub-head,.coloring-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.eyebrow{font-size:.78rem;letter-spacing:.08em;font-weight:700;color:#6a5c44}.coloring-layout,.visual-support-layout,.book-layout{display:grid;grid-template-columns:280px 1fr 320px;gap:16px;align-items:start}.coloring-stage-wrap{display:grid;gap:10px}.coloring-stage{position:relative;border-radius:24px;overflow:hidden;min-height:60vh;background:#fff;border:2px solid rgba(0,0,0,.08);box-shadow:0 6px 24px rgba(0,0,0,.08)}#coloringCanvas,.coloring-lineart{position:absolute;inset:0;width:100%;height:100%}.coloring-lineart svg{width:100%;height:100%}.coloring-lineart.glow svg *{filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.coloring-stagebar,.tool-row,.workspace-buttons,.coloring-head-actions,.coloring-grid-actions,.book-layout aside,.visual-support-layout aside{display:flex;gap:8px;flex-wrap:wrap}.card,.color-library-card{background:#fff7ef;border:1px solid rgba(0,0,0,.08);border-radius:22px;padding:14px;box-shadow:0 6px 18px rgba(0,0,0,.06)}.coloring-tools,.coloring-controls,.visual-support-preview,.book-pages,.visual-support-layout aside,.book-layout aside{display:grid;gap:10px}.coloring-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coloring-mode-grid button.active,.library-chip.active,.workspace-buttons button.active{background:#121212;color:#fff}.coloring-palette,.coloring-reference-row{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.coloring-swatch{min-width:72px;border:0;background:transparent;display:grid;gap:4px;justify-items:center;font:inherit}.coloring-swatch span,.vs-color-chip{width:44px;height:44px;border-radius:999px;background:var(--sw);border:2px solid rgba(0,0,0,.12);display:block}.coloring-swatch.selected span{outline:3px solid #000;outline-offset:2px}.region-cue{position:absolute;border:3px dashed #111;border-radius:18px;background:rgba(255,245,180,.28);pointer-events:none;transition:all .2s ease}.color-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.color-library-card{display:grid;gap:8px;justify-items:start;text-align:left}.color-library-card .preview{width:100%;aspect-ratio:1/1;border-radius:16px;background:linear-gradient(180deg,#fff,#f1ece4);border:1px solid rgba(0,0,0,.08);display:grid;place-items:center;font-size:2rem;overflow:hidden}.color-library-card .preview img{width:100%;height:100%;object-fit:cover}.color-library-card em{font-style:normal;font-size:.75rem;opacity:.75}.color-library-card.selected{outline:3px solid #111}.library-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.library-toolbar input[type=search]{flex:1 1 240px}.library-toolbar select,.library-toolbar button,.coloring-tools select,.coloring-tools input,.coloring-controls select,.coloring-controls input,.visual-support-layout input,.visual-support-layout textarea,.book-layout input,.book-layout select{width:100%}.library-categories{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.library-chip{white-space:nowrap}.pager-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.library-flip-strip{display:grid;grid-template-columns:52px 1fr 52px;gap:8px;align-items:center}.library-flip-window{overflow:hidden}.library-flip-track{display:flex;gap:10px;overflow:auto;scroll-snap-type:x proximity;padding-bottom:4px}.library-flip-card{min-width:180px;scroll-snap-align:start}.visual-support-preview .vs-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visual-support-preview article{display:grid;gap:8px;place-items:center;min-height:180px;border-radius:18px;background:#fff;border:1px dashed rgba(0,0,0,.16);padding:12px}.visual-support-preview article img{max-width:100%;max-height:110px;object-fit:contain}.book-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.book-page-item{display:grid;gap:8px;font-size:.92rem}.book-page-item img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.08)}.assist-note{font-size:.9rem;opacity:.78}.printing-book .bottom-nav,.printing-book .topbar,.printing-book .app-menu{display:none!important}@media (max-width:1100px){.coloring-layout,.visual-support-layout,.book-layout{grid-template-columns:1fr}.coloring-stage{min-height:52vh}}@media (max-width:720px){.color-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coloring-mode-grid{grid-template-columns:1fr}.coloring-swatch{min-width:58px}.coloring-swatch span{width:38px;height:38px}.coloring-stage{min-height:46vh}}