:root{--paper: #eceef3;--ink: #050810;--ink-soft: #5b6472;--line: #d2d7e0;--accent: #0a8f63;--font-display: "Orbitron", "Courier New", monospace;--font-text: "JetBrains Mono", "Courier New", ui-monospace, monospace;--font-mono: "JetBrains Mono", "Courier New", ui-monospace, monospace;--text-sm: .8125rem;--text-base: 1rem;--text-lg: 1.375rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius: 0px;--dur-fast: .12s;--dur: .24s;--ease: cubic-bezier(.22, 1, .36, 1)}:root{--rail-w: 17.5rem;--gallery-w: 24rem;--maxw: 46rem;--hair: var(--line);--raise: rgba(5, 8, 16, .03);--accent-wash: rgba(10, 143, 99, .1);--vignette: none;--card: rgba(255, 255, 255, .7)}[data-theme=dark]{--paper: #050810;--ink: #ffffff;--ink-soft: #8892A4;--line: #1a1f30;--accent: #00FFB2;--raise: rgba(255, 255, 255, .03);--accent-wash: rgba(0, 255, 178, .1);--vignette: none;--card: rgba(14, 18, 32, .55)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-text);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(900px 600px at 85% -10%,rgba(0,255,178,.06),transparent 60%),radial-gradient(800px 700px at -8% 10%,rgba(40,70,160,.1),transparent 55%),radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,auto,22px 22px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--vignette)}::selection{background:var(--accent);color:var(--paper)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.atelier-shell{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100%}.atelier-main{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr) var(--gallery-w);flex:1 1 auto;min-height:0}.auth-bar,.projectbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line)}.gallery-region,.history{padding:var(--space-5) var(--space-6);border-top:1px solid var(--line)}.rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8) var(--space-6);border-right:1px solid var(--hair);overflow-y:auto}.rail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.rail__brand{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.65rem;align-items:center;animation:rise var(--dur) var(--ease) both}.rail__brand-mark{grid-row:1 / 3;width:.6rem;height:.6rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-wash)}.rail__brand-name{font-family:var(--font-display);font-size:1.2rem;font-weight:600;letter-spacing:-.012em;line-height:1.1}.rail__brand-kicker{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}.rail__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.rail__list>li{animation:rise var(--dur) var(--ease) both}.rail__list>li:nth-child(1){animation-delay:.03s}.rail__list>li:nth-child(2){animation-delay:.06s}.rail__list>li:nth-child(3){animation-delay:.09s}.rail__list>li:nth-child(4){animation-delay:.12s}.rail__list>li:nth-child(5){animation-delay:.15s}.rail__list>li:nth-child(6){animation-delay:.18s}.rail__list>li:nth-child(7){animation-delay:.21s}.rail__list>li:nth-child(8){animation-delay:.24s}.rail__item{width:100%;display:block;padding:.62rem .7rem;border:0;border-left:2px solid transparent;border-radius:0 var(--radius) var(--radius) 0;background:none;color:var(--ink-soft);font-family:var(--font-text);font-size:.96rem;text-align:left;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.rail__name{display:block}.rail__tag{display:block;margin-top:.12rem;font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);opacity:.55}.rail__item:hover{color:var(--ink);background:var(--raise)}.rail__item.is-selected{color:var(--ink);background:var(--accent-wash);border-left-color:var(--accent)}.rail__item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.theme-toggle{flex-shrink:0;width:2.1rem;height:2.1rem;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-soft);font-size:.95rem;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.theme-toggle:hover{color:var(--ink);border-color:var(--ink-soft);background:var(--raise)}.workspace{height:100vh;overflow-y:auto;padding:var(--space-8) clamp(var(--space-8),5vw,3.75rem) 5rem;animation:rise var(--dur) var(--ease) .08s both}.workspace__head{max-width:var(--maxw);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--hair)}.workspace__kicker{display:block;margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.workspace__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-weight:600;font-size:clamp(2.1rem,4vw,3.1rem);line-height:1.02;letter-spacing:-.022em}.workspace__desc{margin:0;max-width:38rem;color:var(--ink-soft);font-size:1.0625rem;line-height:1.5}.form{max-width:var(--maxw);display:flex;flex-direction:column;gap:var(--space-6)}.form__field{display:flex;flex-direction:column;gap:.5rem}.form__label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.form__input,.form__textarea,.form__select{width:100%;padding:.72rem .85rem;background:var(--raise);border:1px solid var(--hair);border-radius:var(--radius);color:var(--ink);font-family:var(--font-text);font-size:1rem;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.form__textarea{min-height:6rem;line-height:1.5;resize:vertical}.form__input:focus,.form__textarea:focus,.form__select:focus{outline:none;border-color:var(--accent);background:var(--accent-wash)}.form__input::placeholder{color:var(--ink-soft);opacity:.5}.form__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239a938a' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.2rem;cursor:pointer}.form__toggle{display:inline-flex;align-items:center;gap:.65rem;cursor:pointer;color:var(--ink-soft);font-size:.95rem}.form__toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:2.3rem;height:1.25rem;border-radius:1rem;background:var(--line);cursor:pointer;transition:background var(--dur) var(--ease)}.form__toggle input:after{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:50%;background:var(--ink);transition:transform var(--dur) var(--ease)}.form__toggle input:checked{background:var(--accent)}.form__toggle input:checked:after{transform:translate(1.05rem)}.form__array{display:flex;flex-direction:column;gap:.5rem}.form__add{align-self:flex-start;padding:.35rem .8rem;background:none;border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.form__add:hover{color:var(--ink);border-color:var(--ink-soft)}.form__input,.form__textarea,.form__select,.output__text{background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:color-mix(in srgb,var(--ink) 12%,transparent);border-radius:10px;box-shadow:0 4px 24px #00000061,inset 0 1px color-mix(in srgb,var(--ink) 6%,transparent)}.form__input:focus,.form__textarea:focus,.form__select:focus{background:var(--card);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px color-mix(in srgb,var(--accent) 28%,transparent)}.rail,.gallery{background:color-mix(in srgb,var(--paper) 58%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.form__submit{border-radius:10px;box-shadow:0 6px 22px color-mix(in srgb,var(--accent) 24%,transparent)}.workspace__enrich,.gallery__copy,.form__add{border-radius:8px}.auth-bar,.projectbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.auth-bar__name,.auth-bar__status,.projectbar__label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.auth-bar__signin,.auth-bar__signout,.projectbar__create,.projectbar__new{padding:.5rem .95rem;background:var(--accent-wash);border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.auth-bar__signin:hover,.auth-bar__signout:hover,.projectbar__create:hover,.projectbar__new:hover{background:var(--accent);color:var(--paper)}.projectbar__input{padding:.55rem .8rem;background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:8px;color:var(--ink);font-family:var(--font-mono);font-size:.8rem}.projectbar__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.gallery__label{color:var(--accent)}.gallery__label:before{content:"{ ";color:var(--ink-soft)}.gallery__label:after{content:" }";color:var(--ink-soft)}.workspace__kicker:before{content:"[ ";color:var(--ink-soft)}.workspace__kicker:after{content:" ]";color:var(--ink-soft)}.workspace__head{position:relative}.workspace__head:after{content:"+";position:absolute;top:2px;right:4px;color:var(--ink-soft);opacity:.5;font-family:var(--font-mono);font-size:.85rem;line-height:1;pointer-events:none}.form__submit{align-self:flex-start;margin-top:var(--space-2);padding:.82rem 1.7rem;background:var(--accent);border:0;border-radius:var(--radius);color:var(--paper);font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:filter var(--dur) var(--ease),transform var(--durFast) var(--ease)}.form__submit:after{content:"→";margin-left:.55rem;display:inline-block;transition:transform var(--dur) var(--ease)}.form__submit:hover{filter:brightness(1.08)}.form__submit:hover:after{transform:translate(3px)}.form__submit:active{transform:translateY(1px)}.workspace__enrich{margin-top:var(--space-4);margin-left:.6rem;padding:.8rem 1.4rem;background:none;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-soft);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:not-allowed;opacity:.55}.gallery{height:100vh;overflow-y:auto;padding:var(--space-8) var(--space-6);border-left:1px solid var(--hair);animation:rise var(--dur) var(--ease) .12s both}.gallery__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.gallery__label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}.gallery__copy{padding:.32rem .65rem;background:none;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-soft);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.gallery__copy:hover{color:var(--ink);border-color:var(--ink-soft)}.gallery__empty{margin:0;padding:var(--space-8) 0;color:var(--ink-soft);font-family:var(--font-mono);font-size:.75rem;line-height:1.7;letter-spacing:.02em;opacity:.6}.output__text{margin:0;padding:var(--space-6);background:var(--card);border:1px solid var(--hair);border-radius:var(--radius);color:var(--ink);font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;white-space:pre-wrap;word-break:break-word}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media (max-width: 1000px){.atelier-main{grid-template-columns:1fr}.rail,.workspace,.gallery{position:static;height:auto}.rail{flex-direction:column;border-right:0;border-bottom:1px solid var(--hair)}.gallery{border-left:0;border-top:1px solid var(--hair)}}.mobile-appbar,.mobile-drawer{display:none}@media (max-width: 720px){.atelier-main{grid-template-columns:1fr}.rail{display:none}.gallery{border-left:none;border-top:1px solid var(--line)}.workspace{padding:var(--space-4)}.mobile-appbar{display:flex;align-items:center;gap:var(--space-3);position:sticky;top:0;z-index:20;padding:var(--space-2) var(--space-4);padding-top:calc(var(--space-2) + env(safe-area-inset-top));padding-left:calc(var(--space-4) + env(safe-area-inset-left));padding-right:calc(var(--space-4) + env(safe-area-inset-right));background:var(--paper);border-bottom:1px solid var(--line)}.mobile-wordmark{flex:1 1 auto;font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);letter-spacing:.02em}.mobile-appbar-actions{display:flex;align-items:center;gap:var(--space-2)}.mobile-menu-btn,.mobile-theme-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--text-lg);line-height:1;cursor:pointer;transition:border-color var(--dur-fast) var(--ease)}.mobile-menu-btn:hover,.mobile-theme-toggle:hover{border-color:var(--ink-soft)}.mobile-drawer{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.mobile-drawer--open{pointer-events:auto}.mobile-drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:color-mix(in srgb,var(--paper) 70%,transparent);opacity:0;cursor:pointer;transition:opacity var(--dur) var(--ease)}.mobile-drawer--open .mobile-drawer-scrim{opacity:1}.mobile-drawer-panel{position:absolute;inset:0 auto 0 0;width:min(80vw,18rem);padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));padding-left:calc(var(--space-4) + env(safe-area-inset-left));background:var(--paper);border-right:1px solid var(--line);overflow-y:auto;transform:translate(-100%);transition:transform var(--dur) var(--ease)}.mobile-drawer--open .mobile-drawer-panel{transform:translate(0)}.mobile-tool-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.mobile-tool-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);background:transparent;color:var(--ink);border:0;border-radius:var(--radius);font-family:var(--font-text);font-size:var(--text-base);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease)}.mobile-tool-item:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.mobile-tool-item[aria-current=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.mobile-tool-icon{font-family:var(--font-display);color:var(--ink-soft)}}@media (prefers-reduced-motion: reduce){.mobile-drawer-scrim,.mobile-drawer-panel,.mobile-menu-btn,.mobile-theme-toggle,.mobile-tool-item{transition:none}}