.cp-tabs{background:var(--wash);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;padding:4px;display:grid}.cp-tabs .pa-pill{border-radius:10px;justify-content:center;height:34px}.cp-subject{resize:none;min-height:58px;line-height:1.4}.cp-bookq{grid-template-columns:repeat(6,minmax(0,1fr))}.cp-add{aspect-ratio:1;border:1.5px dashed var(--line-strong);width:100%;color:var(--ink-70);background:0 0;border-radius:12px;place-items:center;font-size:22px;font-weight:700;display:grid}.cp-add:hover{background:var(--hover)}.cp-paper{width:min(100cqw, calc(100cqh * var(--ar,.75)));aspect-ratio:var(--ar,.75);background:#fff;border-radius:6px;max-height:100cqh;position:relative;overflow:hidden;box-shadow:0 1px #140c1a0f,0 10px 30px -12px #140c1a59,inset 0 0 0 1px #140c1a14}.cp-paper>canvas,.cp-paper>img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.cp-paper[data-coloring]>canvas{cursor:crosshair;touch-action:manipulation}.cp-paper:not([data-ready])>canvas{opacity:0}.cp-wait{color:#6b5f73;place-items:center;font-size:13.5px;font-weight:600;display:grid;position:absolute;inset:0}.cp-note{color:#fff6e6;background:#140c1ab8;border-radius:10px;margin:0;padding:8px 12px;font-size:12.5px;line-height:1.35;position:absolute;bottom:10px;left:10px;right:10px}.cp-tools{flex:none;gap:10px;margin-top:12px;display:grid}.cp-tune{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:center;gap:8px 16px;display:grid}.cp-slide{min-width:0;color:var(--ink-70);gap:6px;font-size:12.5px;font-weight:700;display:grid}.cp-switch{color:var(--ink-70);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:inline-flex}.cp-regions{color:var(--ink-50,var(--ink-70));grid-column:1/-1;font-size:12px}.cp-acts{flex-wrap:wrap;gap:8px;display:flex}.cp-chip{background:var(--wash);height:34px;color:var(--ink);border:0;border-radius:11px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;transition:background-color .2s,transform .2s;display:inline-flex}.cp-chip svg{width:15px;height:15px}.cp-chip:hover{background:var(--hover-2,var(--hover))}.cp-chip[data-on]{background:var(--plum,#4b2b5f);color:#fff6e6}.cp-palette{background:var(--wash);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;animation:.3s cubic-bezier(.34,1.56,.64,1) both cp-in;display:flex}.cp-sw{border:0;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .15s;box-shadow:inset 0 0 0 1px #140c1a2e}.cp-sw[data-on]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--tangerine);transform:scale(1.12)}.cp-sw-x{background:var(--surface);color:var(--ink-70);place-items:center;display:grid}.cp-sw-x svg,.cp-ib svg{width:15px;height:15px}.cp-ib{background:var(--surface);width:30px;height:30px;color:var(--ink);border:0;border-radius:9px;place-items:center;display:grid}.cp-hint{color:var(--ink-70);flex-basis:100%;font-size:12px}.cp-dl{flex-wrap:wrap;flex:none;align-items:center;gap:8px;margin-top:10px;display:flex}.cp-btn{background:var(--wash);height:36px;color:var(--ink);white-space:nowrap;border:0;border-radius:11px;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:700;transition:background-color .2s,transform .2s;display:inline-flex}.cp-btn svg{width:15px;height:15px}.cp-btn:hover:not(:disabled){background:var(--hover-2,var(--hover));transform:translateY(-1px)}.cp-btn:disabled{opacity:.55}.cp-btn[data-main],.cp-btn-main{background:var(--ink);color:var(--on-ink)}.cp-btn[data-main]:hover:not(:disabled),.cp-btn-main:hover:not(:disabled){background:var(--ink)}.cp-dl-sel{gap:6px;margin-left:auto;display:inline-flex}.cp-dl-sel [data-slot=select-trigger]{width:auto}.cp-pages,.cp-shots{justify-content:center}.cp-pages button[data-st=pending]{opacity:.55}.cp-pnum{background:var(--wash);width:100%;height:100%;color:var(--ink-70);place-items:center;font-weight:800;display:grid}.cp-pnum svg{width:18px;height:18px}.cp-book-grid{place-items:stretch stretch}.cp-spreads{grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:12px;height:100%;margin:0;padding:0;list-style:none;display:grid}.cp-spreads li{min-height:0;animation:cp-in .5s calc(var(--i) * 70ms) cubic-bezier(.34, 1.56, .64, 1) both;justify-items:center;gap:6px;display:grid}.cp-spreads img{aspect-ratio:3/4;object-fit:contain;background:#fff;border-radius:6px;width:100%;max-height:min(52cqh,100%);box-shadow:0 10px 24px -14px #140c1a73,inset 0 0 0 1px #140c1a14}.cp-spreads span{color:var(--ink-70);font-size:12px;font-weight:700}.cp-sample .cp-dl{justify-content:center}.cp-g-wall li{grid-template-columns:1fr 1fr}.cp-g-wall img{object-fit:contain;background:#fff}.cp-g-idea{aspect-ratio:3/4;background:var(--wash);color:var(--ink-70);text-align:center;border-radius:10px;place-items:center;padding:8px;font-size:12px;line-height:1.3;display:grid}.cp-g-book{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.cp-g-book img{aspect-ratio:3/4;object-fit:contain;width:100%;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:6px}@keyframes cp-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}@media (prefers-reduced-motion:reduce){.cp-palette,.cp-spreads li{animation:none}.cp-sw,.cp-btn,.cp-chip{transition:none}}@media (max-width:900px){.cp-tune{grid-template-columns:minmax(0,1fr)}.cp-dl-sel{margin-left:0}.cp-spreads{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.cp-spreads img{max-height:30vh}.cp-book-grid.tb-stage-main{height:auto}}@media (max-width:380px){.cp-btn{padding:0 10px;font-size:12.5px}.cp-bookq{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:901px){.ws-app[data-app=coloring-page-generator] .ws-app-scroll,.ws-app[data-app=photo-to-line-drawing] .ws-app-scroll{overflow:hidden}.ws-app[data-app=coloring-page-generator] .ws-app-root,.ws-app[data-app=photo-to-line-drawing] .ws-app-root{flex-direction:column;flex:1 1 0;min-height:0;display:flex}}.cp-paper[hidden]{display:none}.cp-tools-h{color:var(--ink);margin:0;font-size:12.5px;font-weight:800}.cp-tools-h small{background:var(--mint,#d9f2e4);color:#1d5b3c;border-radius:99px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:800}