:root{--bg:#09090b;--glass:#15171c8c;--glass-strong:#191b21cc;--hairline:#f5f5f114;--hairline-strong:#f5f5f129;--ink:#f5f5f1;--ink-dim:#f5f5f170;--accent:#8ad8ff;--accent-2:#b9a3ff;--accent-soft:#8ad8ff38;--drain-red:#e10600;--radius:14px;--radius-sm:9px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;font-size:12px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);margin:0;overflow:hidden}.glass{background:var(--glass);-webkit-backdrop-filter:blur(26px)saturate(1.6);border:1px solid var(--hairline);border-radius:var(--radius);position:relative;box-shadow:0 14px 44px #00000080,inset 0 1px #ffffff0e,inset 0 0 0 .5px #ffffff05}.glass:before{content:"";border-radius:inherit;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.app{width:100%;height:100%;position:relative}.canvas-wrap{background:radial-gradient(1200px 800px at 70% -10%, #b9a3ff0d, transparent 60%), radial-gradient(900px 700px at 10% 110%, #8ad8ff0a, transparent 60%), var(--bg);touch-action:none;position:absolute;inset:0;overflow:hidden}.stage-canvas{transform-origin:0 0;position:absolute;box-shadow:0 24px 80px #0009}.stage-overlay{pointer-events:none;position:absolute;inset:0;overflow:visible}.topbar{z-index:20;align-items:center;gap:4px;padding:5px 10px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.wordmark{letter-spacing:.02em;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#c8d2dc 30%,#8a94a0 48%,#eaf0f5 52%,#aab4c0 75%,#fff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 10px 2px 6px;font-family:UnifrakturMaguntia,serif;font-size:19px}.wordmark .spark{color:var(--accent);-webkit-text-fill-color:var(--accent);vertical-align:super;font-size:12px}.left-panel{z-index:10;flex-direction:column;width:252px;display:flex;position:absolute;top:70px;bottom:14px;left:14px;overflow:hidden}.right-panel{z-index:10;flex-direction:column;width:264px;display:flex;position:absolute;top:70px;bottom:14px;right:14px;overflow:hidden}.panel-tabs{gap:2px;padding:8px 8px 0;display:flex}.panel-body{scrollbar-width:thin;scrollbar-color:#f5f5f126 transparent;flex:1;padding:10px;overflow-y:auto}.ibtn{appearance:none;border-radius:var(--radius-sm);width:30px;height:30px;color:var(--ink-dim);cursor:pointer;background:0 0;border:0;place-items:center;transition:background .12s,color .12s;display:grid}.ibtn:hover{color:var(--ink);background:#ffffff12}.ibtn.active{background:var(--accent-soft);color:var(--accent)}.ibtn:disabled{opacity:.3;cursor:default}.ibtn:disabled:hover{color:var(--ink-dim);background:0 0}.ibtn svg{display:block}.tab{appearance:none;color:var(--ink-dim);letter-spacing:.06em;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;background:0 0;border:0;flex:1;padding:6px 0;font-size:11px;transition:background .12s,color .12s}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);background:#ffffff0f}.btn{appearance:none;border:1px solid var(--hairline);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;padding:6px 12px;font-size:11.5px;transition:background .12s,border-color .12s}.btn:hover{border-color:var(--hairline-strong);background:#ffffff1a}.btn.primary{background:var(--accent-soft);color:var(--accent);border-color:#8ad8ff66}.btn.danger{color:var(--drain-red);border-color:#e1060059}.field{margin-bottom:10px}.field-label{color:var(--ink-dim);letter-spacing:.05em;justify-content:space-between;align-items:baseline;margin-bottom:3px;font-size:10.5px;display:flex}.field-label .val{color:var(--ink);font-family:SF Mono,ui-monospace,monospace;font-size:10px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:#ffffff1f;border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(#fff,#b8c4d0 55%,#8a94a0);border:.5px solid #0006;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 1px 4px #00000080,inset 0 1px #fffc}input[type=text],textarea,select{border:1px solid var(--hairline);border-radius:var(--radius-sm);width:100%;color:var(--ink);font:inherit;background:#0000004d;outline:none;padding:6px 8px}input[type=text]:focus,textarea:focus,select:focus{border-color:#8ad8ff73}input[type=color]{appearance:none;border:1px solid var(--hairline-strong);cursor:pointer;background:0 0;border-radius:7px;width:26px;height:26px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}.era-grid{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px;display:grid}.era-chip{appearance:none;border:1px solid var(--hairline);color:var(--ink);letter-spacing:.14em;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;padding:7px 4px;font-size:9.5px;transition:background .12s,border-color .12s,color .12s;overflow:hidden}.era-chip:hover{background:var(--accent-soft);color:var(--accent);border-color:#8ad8ff66}.query-chips{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.qchip{appearance:none;border:1px solid var(--hairline);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:99px;padding:3.5px 8px;font-size:10px;transition:all .12s}.qchip:hover{color:var(--ink);border-color:var(--hairline-strong);background:#ffffff0d}.qchip.active{color:var(--accent);background:var(--accent-soft);border-color:#8ad8ff66}.thumb-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.classics-grid{grid-template-columns:repeat(3,1fr);gap:5px}@media (width<=900px){.left-panel{width:210px}.right-panel{width:224px}}@media (width<=680px){.left-panel,.right-panel{max-height:42vh;top:auto;bottom:10px}.left-panel{width:auto;left:8px;right:51%}.right-panel{width:auto;left:51%;right:8px}}.thumb{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--hairline);cursor:pointer;background:#0000004d;padding:0;transition:border-color .12s,transform .12s;position:relative;overflow:hidden}.thumb:hover{border-color:#8ad8ff80;transform:scale(1.02)}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.loading-note{color:var(--ink-dim);text-align:center;letter-spacing:.08em;padding:18px 0;font-size:11px}.sticker-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sticker-cell{appearance:none;aspect-ratio:1;border:1px solid var(--hairline);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff08;place-items:center;padding:8px;transition:background .12s,border-color .12s;display:grid}.sticker-cell:hover{background:var(--accent-soft);border-color:#8ad8ff66}.sticker-cell svg{width:100%;height:100%}.layer-row{border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-dim);align-items:center;gap:6px;padding:5px 7px;transition:background .12s,color .12s;display:flex}.layer-row:hover{background:#ffffff0d}.layer-row.selected{background:var(--accent-soft);color:var(--accent)}.layer-row .lname{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;overflow:hidden}.layer-row .ibtn{width:22px;height:22px}.swatch-row{align-items:center;gap:4px;margin-bottom:4px;display:flex}.swatch-row .plabel{color:var(--ink-dim);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:9.5px;overflow:hidden}.swatch{cursor:pointer;border:1px solid #ffffff1f;border-radius:5px;width:16px;height:16px;padding:0;transition:transform .1s}.swatch:hover{transform:scale(1.2)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.modal{flex-direction:column;width:min(660px,90vw);max-height:80vh;padding:16px;display:flex}.modal h2{letter-spacing:.03em;margin:0 0 12px;font-family:UnifrakturMaguntia,serif;font-size:22px;font-weight:400}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid;overflow-y:auto}.gallery-item{border:1px solid var(--hairline);border-radius:var(--radius-sm);cursor:pointer;background:#0000004d;transition:border-color .12s;overflow:hidden}.gallery-item:hover{border-color:#8ad8ff80}.gallery-item img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.gallery-item .gname{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;padding:5px 8px;font-size:10.5px;overflow:hidden}.tip{z-index:200;pointer-events:none;letter-spacing:.02em;color:var(--ink);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(1.5);border:1px solid var(--hairline);white-space:nowrap;border-radius:7px;padding:3.5px 8px;font-size:10.5px;animation:.14s ease-out tip-in;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000073}@keyframes tip-in{0%{opacity:0;transform:translate(-50%)translateY(3px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.divider{background:var(--hairline);height:1px;margin:12px 0}.section-title{letter-spacing:.16em;color:var(--ink-dim);text-transform:uppercase;margin:14px 0 8px;font-size:10px}.section-title:first-child{margin-top:0}.drop-hint{z-index:50;pointer-events:none;color:var(--accent);background:#8ad8ff14;border:2px dashed #8ad8ff80;place-items:center;font-family:UnifrakturMaguntia,serif;font-size:28px;display:grid;position:absolute;inset:0}.row{align-items:center;gap:6px;display:flex}.row>*{flex:1}.row>input[type=color]{flex:none}