:root{--bg-void:#000;--bg-panel:rgba(5,5,5,.82);--bg-panel-alt:rgba(12,12,12,.88);--border-dim:rgba(255,255,255,.13);--border-active:rgba(39,223,255,.42);--text-ghost:#494d46;--text-dim:#858981;--text-mid:#b4b7b0;--text-bright:#f2f2ef;--accent-cyan:#27dfff;--accent-amber:#ffe600;--accent-purple:#a45cff;--accent-blue:#466cff;--accent-green:#2dff88;--accent-red:#ff3158;--terminal-green:#2dff88}
body{animation:none;background:#000}.compute-field{position:fixed;inset:0;z-index:0}.compute-field canvas{width:100%;height:100%}.matrix-rain{display:none!important}.shell{z-index:2}.shell header{background:rgba(0,0,0,.76);border-color:var(--border-dim);backdrop-filter:blur(18px)}.title,.aria-glitch{position:relative;background:linear-gradient(90deg,#ff3158,#ff9f1c,#ffe600,#2dff88,#27dfff,#725cff,#ea3cff);background-size:240%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:aria-spectrum 5s linear infinite}.aria-glitch::before,.aria-glitch::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.aria-glitch::before{color:#27dfff;clip-path:inset(18% 0 62%);transform:translateX(-3px)}.aria-glitch::after{color:#ff3158;clip-path:inset(65% 0 13%);transform:translateX(3px)}.aria-glitch:hover::before,.aria-glitch:hover::after{opacity:.75;animation:aria-glitch .32s steps(2,end) infinite}main{gap:1px;background:var(--border-dim)}#chat-pane{grid-column:1;grid-row:1}#image-pane{grid-column:2;grid-row:1}#image-pane,#chat-pane{background:rgba(0,0,0,.82);backdrop-filter:blur(14px);border:0}input,textarea,select,.img-select,.img-input,.img-textarea,#chat-input{background:rgba(8,8,8,.82)!important;border-color:rgba(255,255,255,.16)!important;color:var(--text-bright)!important}.img-generate-btn,#chat-send{background:linear-gradient(90deg,#ff3158,#725cff,#27dfff)!important;border:0!important;color:#fff!important}.job-tile,.chat-msg{border-color:rgba(255,255,255,.13)!important;background:rgba(7,7,7,.76)!important}.pane-title,.chat-title{color:var(--accent-cyan)!important}.pane-title::first-letter,.title::first-letter{color:transparent}@keyframes aria-spectrum{to{background-position:240% 0}}@keyframes aria-glitch{0%{transform:translate(3px,-1px)}50%{transform:translate(-4px,1px)}100%{transform:translate(1px,0)}}
@media(max-width:900px){main{display:flex;flex-direction:column;overflow:visible}#chat-pane{order:1}#image-pane{order:2}}
@media(max-width:800px){html,body{height:auto;min-height:100%;overflow:auto}.shell{height:auto;min-height:100vh}.shell header{position:sticky;top:0;z-index:20;padding:12px 14px}.header-row{gap:8px}.title{font-size:25px;letter-spacing:6px}.subtitle{letter-spacing:1.5px}.header-right{gap:10px}#image-pane,#chat-pane{min-height:72vh;overflow:visible!important;padding:18px 14px 70px!important;border-bottom:1px solid var(--border-dim)}#chat-output{min-height:45vh;max-height:60vh}.img-grid-2{grid-template-columns:1fr 1fr}.img-generate-btn,#chat-send{min-height:46px}}

/* MacBook / Safari legibility pass — keep density, remove terminal squint. */
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}.shell{height:100dvh}.shell header,#image-pane,#chat-pane{-webkit-backdrop-filter:blur(16px)}header{padding:18px 28px 16px}.crumbs,.header-right{font-size:13px;letter-spacing:.12em}.title{font-size:clamp(38px,3.2vw,52px);letter-spacing:.18em}.subtitle{font-size:14px;letter-spacing:.12em;line-height:1.45}.pane-title,.chat-title{font-size:18px;letter-spacing:.1em}.pane-mini,.img-label,.gallery-label,.hint,#chat-host-badge,.server-pill{font-size:12px!important;line-height:1.4}.img-select,.img-input,.img-textarea,#chat-input,select,input,textarea{font-family:inherit!important;font-size:16px!important;line-height:1.45}.img-select,.img-input,select,input{min-height:44px}.img-textarea,#chat-input{padding:12px!important}.reload-btn,.img-generate-btn,#chat-send{min-width:44px;min-height:44px;font-family:inherit!important;font-size:14px!important}.img-generate-btn,#chat-send{font-weight:700;letter-spacing:.08em}.job-id,.job-state,.job-prompt,.empty-hint,.chat-msg,.msg-content{font-size:14px!important;line-height:1.55!important}.img-section{margin-bottom:20px}.gallery-section{margin-top:26px}#image-pane{padding:24px 28px 62px}#chat-header{padding:18px 20px!important}.chat-header-row{gap:10px!important}#chat-output{padding:18px 20px!important}#chat-input-line{padding:14px 18px calc(14px + env(safe-area-inset-bottom))!important;gap:10px!important}
@media(max-width:1180px){body{font-size:15px}.crumbs,.header-right{font-size:12px}.title{font-size:38px}.subtitle{font-size:13px}.pane-title,.chat-title{font-size:16px}.pane-mini,.img-label,.gallery-label,.hint,#chat-host-badge,.server-pill{font-size:11px!important}.img-select,.img-input,.img-textarea,#chat-input,select,input,textarea{font-size:15px!important}main{grid-template-columns:56fr 44fr}}
@media(max-width:800px){.shell{min-height:100dvh;height:auto}.shell header{padding:max(12px,env(safe-area-inset-top)) 16px 14px}.title{font-size:34px}.subtitle{font-size:12px}.crumbs,.header-right{font-size:11px}#image-pane,#chat-pane{padding-inline:16px!important}.img-select,.img-input,.img-textarea,#chat-input,select,input,textarea{font-size:16px!important}}
.legal-mark{position:fixed;z-index:80;right:12px;bottom:7px;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);pointer-events:none;background:rgba(0,0,0,.72);padding:3px 6px}