:root{--color-background:#0e0e0f;--color-surface-container-low:#131314;--color-surface-container:#1a191b;--color-surface-container-high:#201f21;--color-surface-container-highest:#262627;--color-on-surface:#fff;--color-on-surface-variant:#adaaab;--color-primary:#aaffdc;--color-primary-fixed:#00fdc1;--color-on-primary:#00654b;--color-secondary:#00e3fd;--color-outline:#767576;--color-outline-variant:#484849;--font-headline:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-label:"Manrope", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-background);color:var(--color-on-surface);font-family:var(--font-body);margin:0;overflow-x:hidden}button,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}::selection{background:var(--color-primary);color:var(--color-on-primary)}.app-shell{min-height:100vh;padding:32px;position:relative;overflow:hidden}.ambient,.grid-overlay{pointer-events:none;z-index:0;position:absolute}.ambient{filter:blur(150px);border-radius:999px;width:500px;height:500px}.ambient-primary{background:#aaffdc26;top:10%;left:-180px}.ambient-secondary{background:#00e3fd1a;bottom:8%;right:-180px}.grid-overlay{opacity:.03;background-image:linear-gradient(#aaffdc4d 1px,#0000 1px),linear-gradient(90deg,#aaffdc4d 1px,#0000 1px);background-size:60px 60px;inset:0}.formatter{z-index:1;background:var(--color-surface-container-low);border:1px solid #4848491f;border-radius:16px;grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);gap:20px;width:min(100%,1400px);min-height:calc(100vh - 64px);margin:0 auto;padding:24px;display:grid;position:relative}.script-section{background:linear-gradient(135deg, #201f2159, transparent 60%, #aaffdc08), var(--color-surface-container);border:1px solid #48484924;border-radius:16px;flex-direction:column;min-width:0;min-height:0;transition:border-color .25s;display:flex;overflow:hidden}.script-section:focus-within{border-color:#aaffdc4d}.section-header{border-bottom:1px solid #48484924;align-items:center;min-height:64px;padding:0 22px;display:flex}.section-header span{color:var(--color-secondary);font-family:var(--font-label);letter-spacing:.28em;text-transform:uppercase;font-size:12px;font-weight:800}textarea{resize:none;color:#ffffffe6;background:0 0;border:0;outline:0;flex:1;width:100%;min-height:520px;padding:22px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.7;display:block}textarea::placeholder{color:#adaaab7a}.button-section{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.primary-action,.secondary-action{width:100%;min-height:50px;font-family:var(--font-label);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;font-size:11px;font-weight:800;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}.primary-action{color:var(--color-on-primary);background:linear-gradient(90deg, var(--color-primary), var(--color-primary-fixed));border:0}.primary-action:hover{transform:translateY(-1px);box-shadow:0 0 36px #aaffdc57}.secondary-action{color:var(--color-primary);background:0 0;border:1px solid #4848494d}.secondary-action:hover:not(:disabled){background:var(--color-surface-container-high);border-color:#aaffdc4d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}@media (width<=980px){.formatter{grid-template-columns:1fr}.button-section{flex-direction:row}textarea{min-height:320px}}@media (width<=640px){.app-shell{padding:16px}.formatter{border-radius:14px;min-height:calc(100vh - 32px);padding:14px}.section-header{min-height:56px;padding:0 18px}.section-header span{letter-spacing:.22em;font-size:10px}textarea{min-height:260px;padding:18px;font-size:13px}}