:root{--bg:#0c0a09;--bg-deep:#070605;--raised:#16110d;--panel:#1b1510;--panel-2:#211a13;--border:#392d22;--border-bright:#5b4733;--ember:#e6913a;--ember-bright:#f7bd66;--ember-deep:#b4501a;--gold:#d9b370;--text:#ece3d4;--muted:#a2937c;--faint:#6c5d4c;--good:#79d39b;--danger:#e07a55;--font-display:"Cinzel", "Times New Roman", serif;--font-body:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:12px;--shadow:0 18px 50px -22px #000000e6}*{box-sizing:border-box}@view-transition{navigation:auto}html,body{background:var(--bg);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-weight:300}html{scrollbar-gutter:stable}body{background:radial-gradient(120% 80% at 50% -10%, #e6913a29, transparent 55%), radial-gradient(90% 60% at 85% 15%, #b4501a1a, transparent 60%), radial-gradient(100% 100% at 50% 120%, #000000a6, transparent 70%), var(--bg);background-attachment:fixed;min-height:100vh}body:after{content:"";pointer-events:none;z-index:9999;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.forge-boot{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:center;padding:6rem 1rem;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}#forge{max-width:1300px;margin:0 auto;padding:clamp(1.25rem,3vw,3rem) clamp(1rem,3vw,2.5rem) 7rem}.forge-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem 2rem;padding-bottom:1.25rem;animation:.6s both rise;display:flex;position:relative}.forge-header>div:first-child{flex:auto}.forge-header:after{content:"";background:linear-gradient(90deg, var(--ember), transparent);width:180px;height:1px;position:absolute;bottom:-1px;left:0}.forge-title{font-family:var(--font-display);letter-spacing:.04em;background:linear-gradient(180deg, var(--ember-bright), var(--ember-deep));color:#0000;text-shadow:0 2px 30px #e6913a40;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:700;line-height:1}.forge-kicker{font-family:var(--font-body);letter-spacing:.42em;text-transform:uppercase;color:var(--faint);-webkit-text-fill-color:var(--faint);margin-bottom:.55rem;font-size:.7rem;font-weight:500;display:block}.forge-sub{color:var(--muted);max-width:46ch;margin:.65rem 0 0;font-size:.95rem}.forge-header>.forge-sub{flex-basis:100%;order:3;width:100%;max-width:none;margin-top:1rem}.forge-header-right{flex-direction:column;align-items:flex-end;gap:.7rem;display:flex}.back-link{font-family:var(--font-body);color:var(--gold);border:1px solid var(--border-bright);border-radius:999px;padding:.4rem .95rem;font-size:.85rem;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}.back-link:hover{border-color:var(--ember);background:#e6913a1a;transform:translateY(-1px)}.forge-tabs{gap:.5rem;margin-top:1rem;display:flex}.forge-tab{font-family:var(--font-body);letter-spacing:.04em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.4rem .9rem;font-size:.8rem;text-decoration:none;transition:color .18s,border-color .18s,background .18s}.forge-tab:hover{color:var(--ember);border-color:var(--ember)}.forge-tab.is-active{color:#1a0f06;background:linear-gradient(180deg, var(--ember-bright), var(--ember-deep));border-color:var(--ember-deep);font-weight:600}.mode-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);background:var(--panel);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .7rem;font-size:.72rem;display:inline-flex}.mode-badge:before{content:"";background:var(--faint);border-radius:50%;width:7px;height:7px;box-shadow:0 0}.mode-badge.is-live{color:var(--good)}.mode-badge.is-live:before{background:var(--good);box-shadow:0 0 10px 1px var(--good)}.mode-badge.is-static{color:var(--gold)}.mode-badge.is-static:before{background:var(--gold)}.forge-controls{flex-wrap:wrap;gap:1rem;margin:1.75rem 0;animation:.6s 50ms both rise;display:flex}.control{flex-direction:column;flex:220px;gap:.4rem;min-width:200px;display:flex}.control-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:500}select,input[type=text],input[type=number]{font-family:var(--font-body);color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;width:100%;padding:.6rem .75rem;font-size:.95rem;transition:border-color .18s,box-shadow .18s,background .18s}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23d9b370' stroke-width='1.6'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2.2rem}select:focus,input:focus{border-color:var(--ember);background:var(--panel-2);outline:none;box-shadow:0 0 0 3px #e6913a26}option{background:var(--panel);color:var(--text)}.slot-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}@media (width<=860px){.slot-grid{grid-template-columns:1fr}}.slot{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;animation:.55s both rise;display:flex;overflow:hidden}.slot:first-child{animation-delay:80ms}.slot:nth-child(2){animation-delay:.14s}.slot:nth-child(3){animation-delay:.2s}.slot-head{border-bottom:1px solid var(--border);background:#0000002e;align-items:center;gap:.6rem;padding:.85rem 1rem;display:flex}.slot-icon{width:26px;height:26px;color:var(--ember);opacity:.9;flex:none}.slot-name{font-family:var(--font-display);letter-spacing:.05em;flex:1;font-size:.95rem;font-weight:600}.slot-tag{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border-bright);color:var(--gold);border-radius:999px;padding:.2rem .5rem;font-size:.62rem;font-weight:600}.slot-tag.tag-2d{color:#8fc7e0;border-color:#355b6b}.slot-tag.tag-3d{color:var(--ember-bright);border-color:var(--ember-deep)}.slot-preview{aspect-ratio:4/3;border:1px solid var(--border);background-color:#100c09;background-image:linear-gradient(45deg,#221a13 25%,#0000 25%),linear-gradient(-45deg,#221a13 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#221a13 75%),linear-gradient(-45deg,#0000 75%,#221a13 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border-radius:9px;place-items:center;margin:.9rem;padding:.5rem;display:grid;position:relative;overflow:hidden}.slot-preview img{object-fit:contain;filter:drop-shadow(0 6px 14px #0009);max-width:100%;max-height:100%}.slot-preview.is-default img{opacity:.8}.preview-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070605b3;border-radius:999px;padding:.15rem .5rem;font-size:.58rem;font-weight:600;position:absolute;top:.45rem;left:.45rem}.preview-empty{border:1.5px dashed var(--border-bright);color:var(--muted);text-align:center;border-radius:7px;place-content:center;justify-items:center;gap:.5rem;display:grid;position:absolute;inset:.5rem}.preview-empty svg{opacity:.6;width:34px;height:34px}.preview-empty span{letter-spacing:.16em;text-transform:uppercase;font-size:.74rem}.slot-preview.has-model{background-color:#0b0807;background-image:radial-gradient(120% 90% at 50% 12%,#e6913a1f,#0000 60%)}.slot-preview .model-view{--poster-color:transparent;--progress-bar-color:var(--ember);--progress-mask:transparent;background:0 0;border-radius:7px;width:100%;height:100%}.slot-fields{flex-direction:column;gap:.7rem;padding:0 1rem 1rem;display:flex}.field{flex-direction:column;gap:.3rem;display:flex}.field>label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:500}.field-row{gap:.6rem;display:flex}.field-row .field{flex:1}.slot-actions{justify-content:flex-end;padding-top:.2rem;display:flex}.btn{font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;border:1px solid var(--border-bright);background:var(--panel);color:var(--text);border-radius:8px;padding:.55rem 1.1rem;font-size:.85rem;font-weight:500;transition:transform .15s,background .18s,border-color .18s,box-shadow .18s,opacity .18s}.btn:hover{border-color:var(--ember);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg, var(--ember-bright), var(--ember-deep));border-color:var(--ember-deep);color:#1a0f06;font-weight:600;box-shadow:0 8px 22px -8px #e6913a99}.btn-primary:hover{box-shadow:0 10px 28px -8px #f7bd66b3}.btn-ghost{border-color:var(--border);color:var(--muted);background:0 0}.btn-link{color:var(--danger);cursor:pointer;font-family:var(--font-body);letter-spacing:.04em;opacity:.8;background:0 0;border:none;padding:.2rem .3rem;font-size:.78rem}.btn-link:hover{opacity:1;text-decoration:underline}.code-wrap{grid-template-columns:1fr;gap:1.1rem;margin-top:1.75rem;animation:.6s .18s both rise;display:grid}.slot-grid .code{flex-direction:column;animation:.55s .2s both rise;display:flex}.slot-grid .code pre{flex:1;max-height:none}@media (width<=860px){.code-wrap{grid-template-columns:1fr}}.code{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.code-head{border-bottom:1px solid var(--border);background:#00000059;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.code-titles{flex-direction:column;gap:.12rem;min-width:0;display:flex}.code-head h3{font-family:var(--font-mono);color:var(--gold);letter-spacing:.02em;margin:0;font-size:.78rem;font-weight:500}.code-note{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:.64rem;font-weight:500}.code pre{font-family:var(--font-mono);color:#d6c9b3;white-space:pre-wrap;word-break:break-word;tab-size:2;max-height:320px;margin:0;padding:1rem;font-size:.8rem;line-height:1.55;overflow:auto}.code pre .k{color:var(--ember-bright)}.code pre .s{color:#9ccf8f}.code pre .n{color:#e0a0c4}.code pre .p{color:var(--faint)}.copy-btn{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .6rem;font-size:.72rem;transition:color .18s,border-color .18s}.copy-btn:hover{color:var(--ember);border-color:var(--ember)}.save-bar{border:1px solid var(--border-bright);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#140f0beb;border-radius:14px;align-items:center;gap:1rem;width:min(1100px,100% - 2rem);padding:.7rem 1rem .7rem 1.3rem;display:flex;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 20px 50px -18px #000000f2}.save-target{font-family:var(--font-mono);color:var(--text);font-size:.82rem}.save-target .save-kicker{color:var(--faint);margin-right:.4rem}.save-status{color:var(--muted);text-align:right;flex:1;min-height:1.2em;font-size:.82rem;transition:color .2s}.save-status.ok{color:var(--good)}.save-status.err{color:var(--danger)}.save-actions{gap:.6rem;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}