@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@600;700&display=swap";@layer components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}:root{--background:#0a0a0f;--background-alt:#12121a;--foreground:#fafafa;--muted:#1a1a24;--muted-foreground:#71717a;--accent:#f59e0b;--accent-foreground:#0a0a0f;--accent-muted:#f59e0b26;--border:#ffffff14;--border-hover:#ffffff26;--card:#1a1a2499;--card-solid:#1a1a24;--ring:#f59e0b;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d;color:var(--foreground);background-color:var(--background);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--background);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;padding-bottom:0;display:flex;position:relative}.sky-glow{pointer-events:none;z-index:0;background:radial-gradient(at top,#f59e0b0d,#0000 55%),radial-gradient(at 85% 85%,#f59e0b0a,#0000 50%),linear-gradient(#0c0c12f2,#08080c);position:absolute;inset:0}.grain{opacity:.02;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%20400%20400'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.8'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.ground-art{opacity:1;pointer-events:none;z-index:0;background:linear-gradient(#0000,#0a0a0fe6);height:200px;position:absolute;bottom:0;left:0;right:0}.topbar{z-index:2;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12121ad9;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:relative}.brand{align-items:center;gap:16px;display:flex}.brand-icon{gap:4px;width:34px;height:22px;display:grid}.brand-icon span{background:linear-gradient(90deg,#f59e0bcc,#f59e0b66);border-radius:10px;height:6px;display:block}.brand-name{color:var(--foreground);font-family:Space Grotesk,system-ui,sans-serif;font-size:20px;font-weight:700}.content{z-index:2;flex:1;min-height:0;padding:24px 32px 0;display:flex;position:relative}.editor-panel{flex:1;min-height:0;position:relative}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);flex-direction:column;height:100%;display:flex;overflow:hidden}.stats-bar{border-bottom:1px solid var(--border);background:#12121ab3;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid}.stat-block{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);flex-direction:column;gap:6px;font-size:12px;display:flex}.stat-value{color:var(--foreground);text-transform:none;letter-spacing:0;align-items:center;gap:6px;font-size:18px;font-weight:600;display:flex}.stat-value.small{font-size:14px;font-weight:500}.editor-area{flex:1;min-height:0;padding:20px 18px}.editor-input{width:100%;height:100%;min-height:0;color:var(--foreground);resize:none;background:0 0;border:none;outline:none;padding:12px 14px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.7}.editor-input::placeholder{color:var(--muted-foreground);opacity:.7}.panel-footer{border-top:1px solid var(--border);color:var(--muted-foreground);padding:12px 18px 14px;font-size:12px}.panel-footer a{color:var(--foreground);text-decoration:underline}.footer-title{color:var(--foreground);font-weight:600}::selection{color:var(--foreground);background:#f59e0b33}@media(max-width:768px){.topbar{flex-direction:column;gap:12px}.content{padding:20px 18px 0}.stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}*{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}