:root{--desk:#b98a54;--paper:#f4ecdc;--paper-2:#ebddc6;--paper-3:#e2d0b4;--ink:#3a2f26;--ink-dim:#7b6a58;--ink-faint:#ab9a86;--grape:#2f8f76;--grape-soft:#43a98d;--brass:#cf8a3f;--peach:#cf8a3f;--mint:#7cc0a6;--gold:#e0b256;--danger:#b85440;--line:#3a2f261f;--line-strong:#3a2f2633;--holo:linear-gradient(115deg, #ffc4dd 0%, #ffe6a8 22%, #b6f2cf 44%, #a9dcff 66%, #d6bcff 84%, #ffc4dd 100%);--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--paper-2);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}:focus-visible{outline:2px solid var(--grape);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app{--pw:150px;--frame-pad:22px;height:100vh;display:flex;overflow:hidden}.cover-blush .page-frame{--weave-base:#ecc4bd}.cover-butter .page-frame{--weave-base:#edd596}.cover-sage .page-frame{--weave-base:#bccdb2}.cover-lavender .page-frame{--weave-base:#cbc0ee}.cover-sky .page-frame{--weave-base:#b6cee2}.cover-charcoal .page-frame{--weave-base:#33333c}.cover-chip,.swatch{border-radius:50%}.cover-chip.cover-blush,.swatch.cover-blush{background:#ecc4bd}.cover-chip.cover-butter,.swatch.cover-butter{background:#edd596}.cover-chip.cover-sage,.swatch.cover-sage{background:#bccdb2}.cover-chip.cover-lavender,.swatch.cover-lavender{background:#cbc0ee}.cover-chip.cover-sky,.swatch.cover-sky{background:#b6cee2}.cover-chip.cover-charcoal,.swatch.cover-charcoal{background:#33333c}.library{background:linear-gradient(180deg, var(--paper), var(--paper-2));border-right:1px solid var(--line);flex-direction:column;flex:0 0 320px;width:320px;height:100%;transition:box-shadow .2s,margin-left .38s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:inset -14px 0 26px -22px #78502866}.lib-scroll{flex:1;min-height:0;padding:20px 18px;overflow-y:auto}.library.closed{margin-left:-321px}.library.drop{box-shadow:inset 0 0 0 2px var(--grape)}.lib-head{margin-bottom:18px}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:8px;margin:0;font-size:22px;font-weight:700;display:flex}.brand .mark-logo{width:24px;height:24px;display:block}.tagline{color:var(--ink-faint);margin:4px 0 0;font-size:12.5px}.tagline a{color:var(--grape);border-bottom:1px solid #2f8f7659;font-weight:500;text-decoration:none;transition:border-color .15s}.tagline a:hover{border-color:var(--grape)}.search{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px;font-size:14px}.search::placeholder{color:var(--ink-faint)}.search.armed{border-color:var(--gold);box-shadow:0 0 0 3px #e0b25647}.armed-hint{color:var(--ink-dim)}.mini-hint{color:var(--ink-faint);margin:8px 2px 0;font-size:12px}.mini-hint.err{color:var(--danger)}.link-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.results{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.result{aspect-ratio:63/88;background:#efe4d6;border-radius:7px;padding:0;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.result img{object-fit:cover;width:100%;height:100%;display:block}.result:hover{transform:translateY(-2px);box-shadow:0 6px 14px #78502840}.result-add{color:#fff;opacity:0;background:#2f8f7699;place-items:center;font-size:26px;font-weight:700;transition:opacity .12s;display:grid;position:absolute;inset:0}.result:hover .result-add{opacity:1}.result-owned{font-family:var(--font-mono);background:var(--grape);color:#fff;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0000004d}.radio-dock{flex:none;height:56px}.radio{background:#245c4d;border-top:3px solid #3aa88c;align-items:center;gap:9px;height:56px;padding:0 14px;display:flex;box-shadow:0 -3px 12px -4px #245c4d66}.radio-host.tucked{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.radio-play{color:#245c4d;background:var(--gold);border-radius:8px;flex:none;width:30px;height:30px;font-size:9px;transition:transform .12s,background .15s}.radio-play:hover:not(:disabled){background:#f0c877}.radio-play:active:not(:disabled){transform:scale(.92)}.radio-play:disabled{opacity:.5;cursor:default}.radio-panel{background:var(--paper);border-radius:7px;flex:1;align-items:center;gap:7px;min-width:0;padding:5px 8px;display:flex}.radio-caption{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);flex:1;font-size:9.5px;overflow:hidden}.radio-eq{flex:none;align-items:flex-end;gap:2px;height:13px;display:flex}.radio-eq i{background:#d9cab8;border-radius:1px;width:3px;height:3px}.radio-eq i:first-child{background:#cf8a3f}.radio-eq i:nth-child(2){background:#e0b256}.radio-eq i:nth-child(3){background:#2f8f76}.radio-eq i:nth-child(4){background:#d9cab8}.radio.on .radio-eq i{animation:.85s ease-in-out infinite eq}.radio.on .radio-eq i:nth-child(2){animation-delay:.12s}.radio.on .radio-eq i:nth-child(3){animation-delay:.26s}.radio.on .radio-eq i:nth-child(4){animation-delay:.38s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.radio-knob{background:var(--paper);cursor:grab;touch-action:none;border-radius:50%;flex:none;width:30px;height:30px;position:relative;box-shadow:inset 0 0 0 3px #3aa88c}.radio-knob.turning{cursor:grabbing}.radio-knob:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.radio-knob-mark{transform-origin:50% 100%;background:#cf8a3f;border-radius:2px;width:2.5px;height:9px;margin:-9px 0 0 -1.25px;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.radio.on .radio-eq i{height:8px;animation:none}}.lib-scroll{scrollbar-width:thin;scrollbar-color:#3a2f2638 transparent}.lib-scroll::-webkit-scrollbar{width:8px}.lib-scroll::-webkit-scrollbar-track{background:0 0}.lib-scroll::-webkit-scrollbar-thumb{background-color:#3a2f2633;background-clip:content-box;border:2px solid #0000;border-radius:8px}.lib-scroll::-webkit-scrollbar-thumb:hover{background-color:#3a2f2657}.art-adder{margin-top:14px}.add-art-btn{border:1px dashed var(--line-strong);width:100%;color:var(--ink-dim);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13.5px;font-weight:500;transition:border-color .15s,color .15s;display:flex}.add-art-btn:hover{border-color:var(--grape);color:var(--ink)}.size-grid{flex-wrap:wrap;gap:6px;display:flex}.size-btn{border:1px solid var(--line-strong);background:#faf3ea;border-radius:8px;padding:6px;transition:border-color .12s,background .12s,box-shadow .12s}.size-btn:hover{border-color:var(--grape);background:#fff}.size-btn.on{border-color:var(--grape);box-shadow:0 0 0 1.5px var(--grape);background:#fff}.glyph{aspect-ratio:1;gap:1.5px;width:26px;display:grid}.glyph i{background:#d9cab8;border-radius:1.5px}.glyph i.on{background:var(--grape)}.fit-seg,.pocket-seg,.seg{border:1px solid var(--line-strong);border-radius:8px;display:inline-flex;overflow:hidden}.fit-seg button,.seg button{color:var(--ink-dim);background:#faf3ea;padding:6px 12px;font-size:12.5px}.fit-seg button.on,.seg button.on{background:var(--grape);color:#fff}.tray-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);justify-content:space-between;align-items:center;margin:22px 0 10px;font-size:11px;display:flex}.tray-count{color:#fff;background:var(--grape);border-radius:20px;padding:1px 9px;animation:.32s cubic-bezier(.3,1.4,.5,1) pop}@keyframes pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.tray-empty{color:var(--ink-faint);font-size:12.5px;line-height:1.5}.tray-tools{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.seg.mini button{padding:4px 9px;font-size:11px}.tray-sort{font-family:var(--font-mono);color:var(--ink-dim);border:1px solid var(--line-strong);cursor:pointer;background:#faf3ea;border-radius:8px;padding:4px 6px;font-size:11px}.tray-sort:hover{border-color:var(--grape);color:var(--ink)}.tray{--tcols:3;grid-template-columns:repeat(var(--tcols), 1fr);grid-auto-rows:calc((284px - (var(--tcols) - 1) * 8px) / var(--tcols) * 88 / 63);grid-auto-flow:dense;gap:8px;display:grid}.tile{cursor:grab;touch-action:none;background:#efe4d6;border-radius:7px;animation:.3s cubic-bezier(.3,1.4,.5,1) pop;position:relative;overflow:hidden;box-shadow:0 2px 8px #78502838}.tile:active{cursor:grabbing}.tile.dragging{opacity:.3}.tile .face-img{object-fit:cover;width:100%;height:100%}.tile-count{font-family:var(--font-mono);background:var(--grape);color:#fff;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;bottom:4px;right:4px;box-shadow:0 1px 3px #0000004d}.tile-x{color:#fff;opacity:0;background:#00000073;border-radius:50%;width:18px;height:18px;font-size:10px;transition:opacity .12s;position:absolute;top:3px;right:3px}.tile:hover .tile-x{opacity:1}.tile-gear{color:#fff;opacity:0;background:#00000073;border-radius:50%;width:18px;height:18px;font-size:10px;transition:opacity .12s,background .12s;position:absolute;top:3px;left:3px}.tile:hover .tile-gear{opacity:1}.tile-gear:hover{background:var(--grape)}.workspace{background:var(--paper-2);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.lib-toggle{border:1px solid var(--line);background:var(--paper);width:22px;height:68px;color:var(--ink-dim);z-index:30;border-left:0;border-radius:0 10px 10px 0;font-size:15px;line-height:1;transition:background .15s,color .15s;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:3px 4px 12px -4px #3c220c4d}.lib-toggle:hover{color:var(--ink);background:#fff}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fdf7eff5;flex:0 0 58px;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex;position:relative}.counts{color:var(--ink-dim);font-size:13px}.counts b{color:var(--ink);font-family:var(--font-mono)}.counts i{color:var(--ink-faint);font-style:normal}.binderbar{align-items:center;gap:8px;display:flex;position:relative}.binder-switch{border:1px solid var(--line-strong);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:7px 12px;transition:border-color .12s;display:flex}.binder-switch:hover{border-color:var(--grape)}.cover-chip{flex:0 0 16px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0000001f}.binder-name{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:600}.chev{color:var(--ink-faint);font-size:11px}.gear{border:1px solid var(--line-strong);width:36px;height:36px;color:var(--ink-dim);background:#fff;border-radius:9px;font-size:16px}.gear:hover{border-color:var(--grape);color:var(--ink)}.menu-catch{z-index:30;position:fixed;inset:0}.binder-menu{z-index:31;border:1px solid var(--line-strong);background:#fff;border-radius:12px;min-width:240px;padding:6px;position:absolute;top:46px;left:0;box-shadow:0 18px 40px -12px #78502866}.menu-row{text-align:left;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 10px;display:flex}.menu-row:hover{background:var(--paper-2)}.menu-row.on{background:#2f8f7624}.menu-name{color:var(--ink);flex:1;font-size:14px}.menu-meta{font-family:var(--font-mono);color:var(--ink-faint);font-size:10.5px}.menu-new{text-align:left;width:100%;color:var(--grape);border-top:1px solid var(--line);border-radius:8px;margin-top:4px;padding:9px 10px;font-size:13.5px}.menu-new:hover{background:var(--paper-2)}.stage{background-color:var(--desk);background-image:var(--wood);background-position:50%;background-size:cover;flex:1;position:relative;overflow:hidden}.stage.focused{cursor:zoom-out}.stage:after{content:"";pointer-events:none;background:radial-gradient(120% 80% at 50% -8%,#fff6e247,#0000 55%);position:absolute;inset:0;box-shadow:inset 0 0 200px #3c220c6b}.camera{transform-origin:0 0;will-change:transform;z-index:1;transition:transform .8s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;left:0}.binder{perspective:2200px;--leaf-w:calc(var(--cols) * var(--pw) + (var(--cols) - 1) * 6px + 44px);align-items:stretch;padding:30px;display:flex}.spine{background:linear-gradient(90deg,#3c28188c,#281a0ebf 45% 55%,#3c28188c);border-radius:3px;align-self:stretch;width:34px;position:relative;box-shadow:inset 6px 0 12px -8px #000,inset -6px 0 12px -8px #000}.spine:before{content:"";background:repeating-linear-gradient(#ffffff47 0 2px,#0000 2px 5px);border-radius:4px;position:absolute;inset:8px 40%}.leaf{cursor:default;border-radius:20px;transition:box-shadow .3s;box-shadow:0 30px 55px -18px #3c220c99,0 2px #ffffff26}.leaf.ov{cursor:zoom-in}.leaf.ov:hover{box-shadow:0 34px 60px -18px #3c220ca8,0 0 0 2px #2f8f7666}.leaf.focused{box-shadow:0 30px 55px -18px #3c220c99,0 0 0 2px #2f8f768c}.page-frame{padding:var(--frame-pad);background-color:var(--weave-base,#ecc4bd);background-image:repeating-linear-gradient(45deg,#ffffff59 0 1px,#0000 1px 4px),repeating-linear-gradient(45deg,#00000024 2px 3px,#0000 3px 4px),repeating-linear-gradient(-45deg,#ffffff38 0 1px,#0000 1px 4px),repeating-linear-gradient(-45deg,#0000001a 2px 3px,#0000 3px 4px);background-size:4px 4px;border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #5a371929,inset 0 1px #fff6}.page-frame:before{content:"";pointer-events:none;border:1.5px dashed #ffffff80;border-radius:12px;position:absolute;inset:10px}.cover-charcoal .page-frame:before{border-color:#ffffff47}.page-grid{gap:6px;display:grid;position:relative}.pocket{background:linear-gradient(155deg,#ffffff8c,#fff3 45%,#ffffff6b);border-radius:5px;position:relative;box-shadow:inset 0 1px #ffffffb3,inset 0 0 0 1px #ffffff59,inset 0 -11px 16px #78553224}.pocket.empty{background:linear-gradient(155deg,#ffffff3d,#ffffff0f);box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #fff3,inset 0 7px 15px #50341c33}.pocket-gloss{border-radius:inherit;pointer-events:none;opacity:.55;background:linear-gradient(120deg,#0000 32%,#fff6 47%,#fff9 50%,#0000 62%);position:absolute;inset:0}.pocket:nth-child(3n) .pocket-gloss{opacity:.3}.pocket:nth-child(4n) .pocket-gloss{opacity:.65}.pocket.empty:after{content:"＋";color:#462d164d;opacity:0;pointer-events:none;place-items:center;font-size:20px;font-weight:300;transition:opacity .15s;display:grid;position:absolute;inset:0}.pocket.empty:hover:after{opacity:1}.pocket-add{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.pocket-add:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.pocket.armed:after{opacity:1;color:#462d1699}.pocket.armed{box-shadow:inset 0 0 0 2px var(--gold), inset 0 7px 15px #50341c33, 0 0 12px #e0b25680;animation:1.6s ease-in-out infinite armed-pulse}@keyframes armed-pulse{50%{box-shadow:inset 0 0 0 2px var(--gold), inset 0 7px 15px #50341c33, 0 0 20px #e0b256d9}}@media (prefers-reduced-motion:reduce){.pocket.armed{animation:none}}.placed{z-index:2;cursor:grab;touch-action:none;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 3px 8px #462d1466}.placed:active{cursor:grabbing}.placed.dragging{opacity:.25}.face-img{object-fit:cover;width:100%;height:100%;display:block}.art-view{position:relative;overflow:hidden}.art-clip{display:block;position:absolute;inset:0}.art-clip img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.art-band{pointer-events:none;position:absolute}.art-legacy{object-fit:cover;width:100%;height:100%;display:block}.card-sheen{pointer-events:none;opacity:.5;background:linear-gradient(118deg,#0000 42%,#ffffff52 50%,#0000 60%);position:absolute;inset:0}.placed.panel{box-shadow:0 6px 18px #462d1473}.card-tag{opacity:0;background:linear-gradient(#0000,#000c);flex-direction:column;gap:1px;padding:16px 8px 6px;transition:opacity .15s;display:flex;position:absolute;bottom:0;left:0;right:0}.placed:hover .card-tag{opacity:1}.card-tag-name{color:#fff;font-size:11px;font-weight:600;line-height:1.1}.card-tag-set{color:#ffffffa6;font-size:9.5px}.remove{z-index:3;color:#fff;opacity:0;background:#00000080;border-radius:50%;width:22px;height:22px;font-size:11px;transition:opacity .12s,background .12s;position:absolute;top:5px;right:5px}.placed:hover .remove{opacity:1}.remove:hover{background:var(--danger)}.seams{z-index:3;pointer-events:none;gap:6px;display:grid;position:absolute;inset:0}.seams span{border-radius:5px;box-shadow:inset 0 0 0 1px #78502d47,inset 0 0 0 1.5px #ffffff38}.footprint{z-index:4;pointer-events:none;border-radius:6px}.footprint.ok{box-shadow:0 0 0 2px var(--grape), inset 0 0 20px #2f8f7659;background:#2f8f7633}.footprint.no{box-shadow:0 0 0 2px var(--danger);background:#e0747033}.flip-layer{pointer-events:none;z-index:5;transform-style:preserve-3d;align-items:stretch;display:flex;position:absolute;inset:30px}.flip-layer.prev{flex-direction:row-reverse}.flip-spacer{width:var(--leaf-w);flex:0 0 var(--leaf-w)}.flip-gap{flex:0 0 34px;width:34px}.flip-sheet{width:var(--leaf-w);flex:0 0 var(--leaf-w);transform-style:preserve-3d;will-change:transform;border-radius:20px;position:relative}.flip-layer.next .flip-sheet{transform-origin:-17px;animation:.62s ease-in-out forwards flipNext}.flip-layer.prev .flip-sheet{transform-origin:calc(100% + 17px);animation:.62s ease-in-out forwards flipPrev}.flip-face{backface-visibility:hidden;border-radius:20px;position:absolute;inset:0;overflow:hidden}.flip-face.back{transform:rotateY(180deg)}.flip-face .page-frame{height:100%}.flip-shade{pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#0006);border-radius:20px;animation:.62s ease-in-out forwards flipShade;position:absolute;inset:0}@keyframes flipNext{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flipPrev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes flipShade{0%{opacity:0}50%{opacity:.55}to{opacity:0}}.viewbar{z-index:10;flex:0 0 56px;justify-content:center;align-items:center;height:56px;display:flex;position:relative}.pill{border:1px solid var(--line);background:#fdf8f0f7;border-radius:14px;align-items:center;gap:2px;padding:5px;display:flex;box-shadow:0 8px 22px -10px #3c220c80}.pill-btn{min-width:34px;height:32px;color:var(--ink-dim);border-radius:9px;padding:0 10px;font-size:15px;transition:background .12s,color .12s}.pill-btn:hover:not(:disabled){background:var(--paper-2);color:var(--ink)}.pill-btn:disabled{opacity:.35;cursor:not-allowed}.pill-label{text-align:center;min-width:96px;font-family:var(--font-mono);color:var(--ink);font-size:12px}.pill-div{background:var(--line-strong);width:1px;height:20px;margin:0 4px}.turn-zone{z-index:4;color:#fff;opacity:0;place-items:center;width:9%;max-width:120px;font-size:34px;transition:opacity .2s;display:grid;position:absolute;top:0;bottom:0}.turn-zone.left{background:linear-gradient(90deg,#28160852,#0000);justify-items:start;padding-left:14px;left:0}.turn-zone.right{background:linear-gradient(270deg,#28160852,#0000);justify-items:end;padding-right:14px;right:0}.turn-zone:hover:not(:disabled){opacity:1}.turn-zone:disabled{cursor:default}.turn-arrow{background:#1e120680;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 14px #00000059}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3c281459;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings,.dialog{background:var(--paper);border:1px solid var(--line);border-radius:18px;width:100%;box-shadow:0 30px 70px -18px #3c220c99}.settings{max-width:460px;padding:22px}.dialog{max-width:400px;padding:22px}.settings-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.settings-head h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:20px}.icon-btn{width:30px;height:30px;color:var(--ink-dim);border-radius:8px}.icon-btn:hover{background:var(--paper-2);color:var(--ink)}.field{margin-bottom:18px;display:block}.field-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;font-size:11px;display:block}.field-input{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px;font-size:15px}.cover-swatches{gap:10px;display:flex}.swatch{width:30px;height:30px;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001f}.swatch:hover{transform:scale(1.1)}.swatch.on{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--paper), 0 0 0 4px var(--grape)}.seg.big button{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px;font-size:14px;display:flex}.seg.big button i{opacity:.7;font-size:10.5px;font-style:normal;font-family:var(--font-mono)}.warn-banner{color:#9a4b47;background:#e074701f;border:1px solid #e0747066;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.warn-ico{font-size:15px}.warn-banner b{color:#7e3a37}.settings-foot{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.foot-right{gap:10px;display:flex}.dialog-title{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:18px}.dialog-body{color:var(--ink-dim);margin:0 0 20px;font-size:14px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.btn{border:1px solid #0000;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:500;transition:transform .1s,filter .12s}.btn:hover{filter:brightness(.97)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--grape);color:#fff}.btn.ghost{border-color:var(--line-strong);color:var(--ink-dim);background:0 0}.btn.ghost:hover{color:var(--ink)}.btn.danger{background:var(--danger);color:#fff}.btn.danger.ghost{color:var(--danger);background:0 0;border-color:#e0747080}.btn:disabled{opacity:.4;cursor:not-allowed}.toasts{z-index:60;flex-direction:column-reverse;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:11px;padding:10px 14px;animation:.28s cubic-bezier(.3,1.3,.5,1) toast-in;display:flex;box-shadow:0 14px 30px -10px #3c220c73}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-icon{width:28px;height:28px;color:var(--grape);background:#2f8f7629;border-radius:8px;flex:0 0 28px;place-items:center;font-size:14px;display:grid}.toast.warn .toast-icon{color:var(--danger);background:#e0747029}.toast-body{flex-direction:column;display:flex}.toast-title{color:var(--ink);font-size:13.5px;font-weight:600}.toast-sub{color:var(--ink-faint);font-size:11.5px}.toast-count{font-family:var(--font-mono);color:#fff;background:var(--grape);border-radius:20px;margin-left:4px;padding:2px 9px;font-size:12px;font-weight:700}.ghost{cursor:grabbing;border-radius:6px;overflow:hidden;transform:scale(1.04);box-shadow:0 24px 48px #3c220c80}.ghost .face-img{object-fit:cover;width:100%;height:100%}.stage.hide-cursor,.stage.hide-cursor *{cursor:none!important}.cursor-fx{z-index:16;pointer-events:none;text-align:center;transition:opacity .12s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-fx[data-on="0"]{opacity:0}.fx-bubble{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2014089e;border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;animation:.14s fx-pop;display:grid;box-shadow:0 6px 16px #0006}@keyframes fx-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.fx-cap{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px #000000b3;margin-top:6px;font-size:10px;display:block}.art-editor{background:var(--paper);border-radius:16px;flex-direction:column;gap:16px;width:min(700px,94vw);max-height:92vh;padding:18px 22px 20px;display:flex;overflow-y:auto;box-shadow:0 30px 80px #3c220c73}.art-editor-body{align-items:flex-start;gap:22px;display:flex}.art-editor-stage{flex-direction:column;flex:0 0 380px;align-items:center;gap:10px;width:380px;display:flex}.crop-frame{place-items:center;width:380px;height:380px;display:grid}.art-editor-stage .crop-zoom{width:100%}.art-editor-side{flex-direction:column;flex:1;gap:18px;min-width:0;display:flex}.art-editor-foot{justify-content:flex-end;gap:8px;display:flex}.crop-hint{color:var(--ink-faint);font-size:11.5px}.crop-bw{font-family:var(--font-mono);color:var(--ink-dim);text-align:right;min-width:38px;font-size:11px}.crop-window{cursor:grab;touch-action:none;background:#d9cab8;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.crop-window:active{cursor:grabbing}.crop-img{-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.crop-grid{pointer-events:none;background-image:linear-gradient(#fff6 1px,#0000 1px),linear-gradient(90deg,#fff6 1px,#0000 1px);background-size:33.33% 33.33%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffffb3}.crop-border{pointer-events:none;border-style:solid;position:absolute;inset:0}.crop-border.clear{border-style:dashed}.crop-zoom{width:100%;color:var(--ink-dim);align-items:center;gap:8px;font-size:15px;display:flex}.crop-zoom input{accent-color:var(--grape);flex:1}.crop-border-row{align-items:center;gap:8px;width:100%;display:flex}.crop-border-row input{accent-color:var(--grape);flex:1}.crop-swatches{align-items:center;gap:9px;width:100%;margin-top:10px;display:flex}.crop-swatches .swatch{cursor:pointer;border:1px solid #00000026;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;transition:transform .1s,box-shadow .1s;display:grid;position:relative}.crop-swatches .swatch:hover{transform:scale(1.15)}.crop-swatches .swatch.on{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--grape)}.swatch-check{color:var(--ink);font-size:12px;font-weight:700;line-height:1}.swatch-check.light{color:#fff}.crop-swatches .swatch.clear{background:repeating-conic-gradient(#00000029 0 25%, transparent 0 50%) 0 0 / 8px 8px, #fff}.swatch-wheel{cursor:pointer;background:conic-gradient(#e5484d,#f5a623,#ffe14d,#46c26f,#38b6d8,#6a6ff0,#c85dd6,#e5484d);border-radius:50%;place-items:center;width:26px;height:26px;transition:transform .1s,box-shadow .1s;display:grid;position:relative}.swatch-wheel:hover{transform:scale(1.15)}.swatch-wheel.on{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--grape)}.swatch-wheel-core{pointer-events:none;background:#fff;border:1px solid #00000026;border-radius:50%;width:12px;height:12px}.swatch-wheel input{opacity:0;cursor:pointer;position:absolute;inset:0}@media (width<=720px){.library{flex-basis:240px;width:240px}}