:root{color-scheme:dark;--void: #000000;--surface: #050508;--elevated: #0c0c10;--line: rgba(0, 255, 200, .22);--line-dim: rgba(255, 255, 255, .06);--acid: #00ffc8;--acid-dim: rgba(0, 255, 200, .12);--magenta: #ff2ea6;--text: #f0f0f5;--muted: #6a6a78;--danger: #ff3355;--radius: 2px;--font: "Syne", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);background:var(--void);color:var(--text);-webkit-font-smoothing:antialiased}body{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,255,200,.07),transparent 50%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(255,46,166,.06),transparent 45%);background-size:48px 48px,48px 48px,100% 100%,100% 100%;background-color:var(--void)}.noise{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.04;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1;min-height:100vh}.shell{max-width:1180px;margin:0 auto;padding:2rem 1.5rem 3.5rem;min-height:100vh;display:flex;flex-direction:column}.top{margin-bottom:2.25rem;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem}.session-bar{display:flex;align-items:center;gap:.75rem 1rem;font-family:var(--mono);font-size:.75rem}.session-user{color:var(--acid);letter-spacing:.04em}.session-logout{font-size:.75rem}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative}.login-card{width:100%;max-width:400px;background:var(--elevated);border:1px solid var(--line);padding:2rem 1.75rem 2.25rem;box-shadow:0 0 40px #00ffc80f}.login-head{margin-bottom:1.75rem}.login-sub{margin:.5rem 0 0;font-size:.82rem;color:var(--muted)}.login-form{display:flex;flex-direction:column;gap:1.1rem}.login-form .input{width:100%;margin-top:.35rem;padding:.65rem .75rem;font-family:var(--mono);font-size:.88rem;background:var(--surface);border:1px solid var(--line-dim);color:var(--text);border-radius:var(--radius)}.login-form .input:focus{outline:none;border-color:var(--acid);box-shadow:0 0 0 1px var(--acid-dim)}.login-btn{width:100%;margin-top:.5rem}.login-error{margin:0}.login-paywall{margin:0 0 1.25rem;padding:.85rem 1rem;font-size:1rem;font-weight:600;text-align:center;color:var(--danger);border:1px solid rgba(255,51,85,.45);background:#ff335514}.session-quota{color:var(--muted);font-size:.72rem;letter-spacing:.04em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#000000b8}.modal-card{width:100%;max-width:420px;padding:1.75rem 1.5rem;background:var(--elevated);border:1px solid var(--line);box-shadow:0 0 48px #ff2ea61f}.modal-title{margin:0 0 1rem;font-size:1.15rem;font-weight:700;color:var(--magenta);line-height:1.35}.modal-body{margin:0 0 1.5rem;font-size:.9rem;line-height:1.55;color:var(--text)}.modal-body strong{color:var(--acid)}.modal-btn{width:100%}.login-loading{font-family:var(--mono);font-size:.85rem;color:var(--muted);letter-spacing:.08em}.brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem 1.5rem}.logo{font-size:clamp(2.5rem,6vw,3.25rem);font-weight:800;letter-spacing:-.06em;color:var(--void);background:linear-gradient(105deg,var(--acid) 0%,#fff 48%,var(--magenta) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(0,255,200,.35))}.tagline{font-size:.82rem;font-weight:500;letter-spacing:.02em;color:var(--muted);max-width:26rem;line-height:1.45}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;flex:1;min-width:0;width:100%}@media(max-width:900px){.grid{grid-template-columns:1fr}}.panel{position:relative;background:var(--elevated);border:1px solid var(--line-dim);border-radius:var(--radius);padding:0;box-shadow:0 0 0 1px #00000080,0 32px 64px #0000008c}.panel:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--acid),transparent 70%);opacity:.7;pointer-events:none}.panel-head{display:flex;align-items:baseline;justify-content:flex-start;gap:.65rem;padding:1rem 0 .5rem;border-bottom:1px solid var(--line-dim)}.panel-title{margin:0;font-family:var(--font);font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;background:linear-gradient(105deg,var(--acid) 0%,#fff 48%,var(--magenta) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(0,255,200,.22))}.panel-index{font-family:var(--font);font-size:.72rem;font-weight:800;letter-spacing:.08em;background:linear-gradient(105deg,rgba(0,255,200,.85) 0%,#fff 45%,var(--magenta) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.95}.inputs,.output{padding:1rem 1.25rem 1.35rem;min-width:0}.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.15rem}.label{font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.field-hint{margin:0 0 .15rem;font-size:.72rem;line-height:1.45;color:var(--muted);opacity:.9}.select{width:100%;padding:.65rem .75rem;border-radius:var(--radius);border:1px solid var(--line-dim);background:var(--void);color:var(--text);font-family:var(--mono);font-size:.78rem;cursor:pointer}.select:focus{outline:none;border-color:var(--acid);box-shadow:0 0 0 1px var(--acid-dim)}.canvas-custom{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media(max-width:520px){.canvas-custom{grid-template-columns:1fr}}.canvas-custom-field{display:flex;flex-direction:column;gap:.25rem}.canvas-custom-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.canvas-num{width:100%;padding:.5rem .55rem;border-radius:var(--radius);border:1px solid var(--line-dim);background:var(--surface);color:var(--text);font-family:var(--mono);font-size:.8rem}.canvas-num:focus{outline:none;border-color:var(--acid)}.dropzone{position:relative;border:1px dashed var(--line);border-radius:var(--radius);min-height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface);transition:border-color .2s,box-shadow .2s}.dropzone:hover{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid-dim)}.ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media(max-width:520px){.ref-grid{grid-template-columns:1fr}}.dropzone--small{min-height:118px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.thumb{max-width:100%;max-height:200px;object-fit:contain;pointer-events:none}.hint{margin:0;font-size:.9rem;color:var(--muted);padding:1rem;text-align:center}.hint-num{font-family:var(--mono);font-size:1.25rem;font-weight:600;color:var(--acid);opacity:.5}.hint.center{margin-top:.75rem}.textarea{width:100%;resize:vertical;min-height:128px;padding:.9rem 1rem;border-radius:var(--radius);border:1px solid var(--line-dim);background:var(--void);color:var(--text);font-family:var(--mono);font-size:.82rem;line-height:1.55}.textarea::placeholder{color:#6a6a78d9}.textarea:focus{outline:none;border-color:var(--acid);box-shadow:0 0 0 1px var(--acid-dim)}.primary{position:relative;width:100%;margin-top:.35rem;padding:.95rem 1.25rem;border:none;border-radius:5px;font-family:var(--font);font-weight:700;text-transform:none;cursor:pointer;color:var(--void);background:linear-gradient(165deg,#65ffe8 0%,var(--acid) 38%,#00cfa8 72%,#00987a 100%);border-top:1px solid rgba(255,255,255,.42);border-left:1px solid rgba(255,255,255,.28);border-right:1px solid rgba(0,55,44,.45);border-bottom:4px solid rgba(0,48,38,.72);box-shadow:inset 0 2px 5px #ffffff6b,inset 0 -3px 10px #00282040,0 5px #002a22d9,0 8px 16px #0000006b,0 0 26px #00ffc847;display:flex;align-items:center;justify-content:center;transition:transform .08s ease-out,border-bottom-width .08s ease-out,box-shadow .12s ease-out,filter .15s,opacity .15s}.primary-label{font-family:var(--font);font-size:1.56rem;line-height:1.15;letter-spacing:.06em;font-weight:800;font-style:italic}.primary-label--loading{font-family:var(--font);font-size:.78rem;letter-spacing:.06em;font-weight:700;font-style:italic}.primary:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px);box-shadow:inset 0 2px 5px #ffffff73,inset 0 -3px 10px #00282038,0 7px #002a22d9,0 12px 22px #00000073,0 0 32px #00ffc861}.primary:active:not(:disabled){transform:translateY(3px);border-bottom-width:2px;filter:brightness(.97);box-shadow:inset 0 4px 12px #00000038,inset 0 -1px 4px #ffffff26,0 2px #002a22bf,0 4px 10px #00000059,0 0 18px #00ffc833}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:grayscale(.15);border-bottom-width:2px;box-shadow:inset 0 1px 3px #ffffff26,0 2px #00231c80,0 4px 10px #00000040}.link-btn{align-self:flex-start;padding:0;border:none;background:none;color:var(--magenta);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.err{margin:.75rem 0 0;font-family:var(--mono);font-size:.78rem;color:var(--danger)}.placeholder{margin:0;color:var(--muted);font-size:.88rem;line-height:1.65;font-weight:500}.skeleton-wrap{padding:.5rem 0;filter:drop-shadow(0 0 28px rgba(139,92,246,.55)) drop-shadow(0 0 18px rgba(0,255,200,.35))}.skeleton{height:220px;border-radius:var(--radius);border:1px solid rgba(0,255,200,.35);overflow:hidden;background:radial-gradient(ellipse 110% 140% at 100% 35%,rgba(124,58,237,.55) 0%,transparent 52%),radial-gradient(ellipse 90% 120% at 0% 65%,rgba(0,255,200,.22) 0%,transparent 58%),linear-gradient(115deg,#00ffc824,#ff2ea647 42%,#8b5cf638 58%,#00ffc824);background-size:100% 100%,100% 100%,220% 100%;background-position:0 0,0 0,0 0;animation:skeleton-shimmer 1.25s ease-in-out infinite;box-shadow:0 0 52px #8b5cf680,0 0 28px #00ffc847,inset 0 0 72px #581c8759,inset 0 1px #ffffff14}@keyframes skeleton-shimmer{0%{background-position:0 0,0 0,220% 0}to{background-position:0 0,0 0,-220% 0}}.loading-output{display:flex;flex-direction:column;gap:.75rem}.progress-row{display:flex;align-items:center;gap:.75rem}.progress-track{flex:1;min-width:0;height:6px;border-radius:999px;background:#0000008c;border:1px solid var(--line-dim);overflow:hidden;box-shadow:inset 0 0 12px #0009}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--acid) 0%,var(--magenta) 55%,#8b5cf6 100%);box-shadow:0 0 16px #00ffc873;transition:width .12s ease-out}.progress-label{flex-shrink:0;min-width:2.75rem;text-align:right;font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.08em;color:var(--acid);text-shadow:0 0 12px rgba(0,255,200,.35)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.gallery--single{grid-template-columns:1fr}.gallery--single .tile img{width:100%;max-height:min(72vh,640px);object-fit:contain}.tile{padding:0;border:1px solid var(--line-dim);border-radius:var(--radius);overflow:hidden;cursor:zoom-in;background:var(--void);transition:transform .15s,border-color .15s,box-shadow .15s}.tile:hover{transform:scale(1.01);border-color:var(--acid);box-shadow:0 0 32px #00ffc81f}.tile img{display:block;width:100%;height:auto;vertical-align:middle}.text-out{margin-top:.5rem}.pre{margin:.5rem 0 0;padding:1rem;border-radius:var(--radius);border:1px solid var(--line-dim);background:var(--surface);font-family:var(--mono);font-size:.74rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;border:none;padding:2rem;background:#000000eb;cursor:zoom-out;display:flex;align-items:center;justify-content:center}.lightbox img{max-width:min(96vw,1200px);max-height:92vh;object-fit:contain;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 24px 80px #000c;cursor:default}.history-bar{margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--line-dim);min-width:0;max-width:100%}.history-bar-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.history-bar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem}.history-save-hint{margin:0 0 .35rem;color:var(--acid)}.output-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:.75rem}.history-bar-hint{margin-top:.35rem}.history-strip{display:flex;flex-direction:row;gap:.55rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding:.35rem 0 .5rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,255,200,.35) rgba(0,0,0,.35)}.history-strip::-webkit-scrollbar{height:8px}.history-strip::-webkit-scrollbar-track{background:#00000059;border-radius:4px}.history-strip::-webkit-scrollbar-thumb{background:#00ffc859;border-radius:4px}.history-strip::-webkit-scrollbar-thumb:hover{background:#00ffc88c}.history-chip{position:relative;flex:0 0 auto;width:76px;height:76px;padding:0;border:1px solid var(--line-dim);border-radius:var(--radius);overflow:hidden;cursor:zoom-in;background:var(--void);scroll-snap-align:start;transition:border-color .15s,box-shadow .15s}.history-chip:hover{border-color:var(--acid);box-shadow:0 0 20px #00ffc82e}.history-chip img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.history-chip-time{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;font-family:var(--mono);font-size:.58rem;letter-spacing:.02em;color:var(--text);background:linear-gradient(transparent,#000000d9);text-align:center;line-height:1.2}.loop-always-row{display:flex;align-items:center;gap:.65rem;margin:.35rem 0 .65rem}.loop-always-label{font-family:var(--mono);font-size:.76rem;font-weight:700;letter-spacing:.14em;transition:color .18s ease,text-shadow .18s ease}.loop-always-label--on{color:var(--acid);text-shadow:0 0 18px rgba(0,255,200,.45),0 0 6px rgba(0,255,200,.35)}.loop-always-label--off{color:var(--muted);text-shadow:none}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;padding:0;border:1px solid var(--line-dim);border-radius:999px;background:#00000073;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.toggle-switch:hover{border-color:#00ffc859}.toggle-switch:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.toggle-switch--on{background:#00ffc838;border-color:var(--acid);box-shadow:0 0 14px #00ffc833}.toggle-switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .18s ease,background .18s ease;pointer-events:none}.toggle-switch--on .toggle-switch-thumb{transform:translate(20px);background:var(--acid)}.chain-banner{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;padding:.55rem .65rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--elevated)}.chain-banner img{width:56px;height:56px;object-fit:cover;border-radius:2px;border:1px solid var(--line-dim)}.chain-banner-meta{display:flex;flex-direction:column;gap:.35rem;min-width:0}.chain-banner-title{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--acid)}.secondary-btn{margin-top:.65rem;align-self:flex-start;padding:.45rem .85rem;border-radius:var(--radius);border:1px solid var(--line);background:transparent;color:var(--text);font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;cursor:pointer;transition:border-color .15s,box-shadow .15s,color .15s}.secondary-btn:hover{border-color:var(--acid);color:var(--acid);box-shadow:0 0 18px #00ffc826}.output-main-block{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%}.history-chip-wrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:.35rem;scroll-snap-align:start}.history-chain-btn{padding:3px 6px;border-radius:2px;border:1px solid var(--line-dim);background:var(--surface);color:var(--muted);font-family:var(--mono);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,color .15s}.history-chain-btn:hover{border-color:var(--magenta);color:var(--magenta)}