:root{--cyan:#00f0ff;--cyan-dim:#00cfe0;--cyan-dark:#004d55;--navy:#020c18;--navy2:#040f1e;--panel-bg:#020c1ceb;--panel-border:#00f0ff73;--text-main:#ddf3ff;--text-dim:#7abfd8;--text-label:#00f0ff;--font-mono:"Share Tech Mono", monospace;--font-hud:"Orbitron", sans-serif;--font-body:"Rajdhani", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--text-main);font-family:var(--font-body);min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}::selection{color:#fff;background:#00f0ff40}.os-grid{z-index:-20;pointer-events:none;background-image:linear-gradient(#00f0ff0a 1px,#0000 1px),linear-gradient(90deg,#00f0ff0a 1px,#0000 1px),linear-gradient(#00f0ff04 1px,#0000 1px),linear-gradient(90deg,#00f0ff04 1px,#0000 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px;animation:120s linear infinite grid-drift;position:fixed;inset:0}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(80px,80px)}}.scanlines{z-index:-10;pointer-events:none;background:repeating-linear-gradient(#0000,#0000 3px,#00000014 3px 4px);position:fixed;inset:0}.ambient{z-index:-15;pointer-events:none;background:radial-gradient(60% 40% at 15% 20%,#0050c82e 0%,#0000 70%),radial-gradient(50% 35% at 85% 80%,#00c8ff1f 0%,#0000 65%),radial-gradient(40% 50%,#001e5080 0%,#0000 70%);position:fixed;inset:0}.hero{text-align:center;justify-content:center;align-items:center;min-height:clamp(30vh,40vh,360px);padding:4rem 2rem 2rem;display:flex;position:relative}.hero:before,.hero:after{content:"";width:min(600px,80vw);height:1px;position:absolute;left:50%;transform:translate(-50%)}.hero:before{background:linear-gradient(90deg,#0000,#00f0ff66,#0000);top:2rem}.hero:after{background:linear-gradient(90deg,#0000,#00f0ff33,#0000);bottom:0}.hero-ring{pointer-events:none;opacity:.07;width:clamp(220px,32vw,400px);height:clamp(220px,32vw,400px);animation:30s linear infinite ring-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ring-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.hero-eyebrow{font-family:var(--font-mono);color:var(--cyan-dim);letter-spacing:.3em;text-transform:uppercase;opacity:0;margin-bottom:.75rem;font-size:.65rem;animation:.6s .2s forwards fade-in-up}.hero-title{font-family:var(--font-hud);color:#fff;text-shadow:0 0 30px #00f0ff99,0 0 60px #00f0ff4d;letter-spacing:.05em;opacity:0;font-size:clamp(1.4rem,3.5vw,2.6rem);font-weight:900;line-height:1.1;animation:.6s .5s forwards fade-in-up}.hero-title span{color:var(--cyan)}.hero-subtitle{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2em;opacity:0;margin-top:.75rem;font-size:.7rem;animation:.6s .8s forwards fade-in-up}.hero-subtitle:after{content:"_";color:var(--cyan);animation:.8s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.status-banner{font-family:var(--font-mono);color:var(--cyan-dim);letter-spacing:.15em;text-align:center;border-top:1px solid #00f0ff1a;border-bottom:1px solid #00f0ff1a;margin-bottom:1.25rem;padding:.5rem 1rem;font-size:.62rem}.shell{max-width:1300px;margin:0 auto;padding:0 1.5rem 4rem}.layout{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;display:grid}.os-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1.75rem;position:relative;box-shadow:inset 0 0 0 1px #00f0ff0f,0 4px 40px #0009,0 0 60px #00f0ff0d}.os-panel:before,.os-panel:after{content:"";border-color:var(--cyan);border-style:solid;width:16px;height:16px;position:absolute}.os-panel:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.os-panel:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.os-panel-corner-tr,.os-panel-corner-bl{border-color:var(--cyan);pointer-events:none;border-style:solid;width:16px;height:16px;position:absolute}.os-panel-corner-tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.os-panel-corner-bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.panel-titlebar{border-bottom:1px solid #00f0ff26;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.panel-titlebar-id{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.15em;opacity:.6;font-size:.6rem}.panel-titlebar h2{font-family:var(--font-hud);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);font-size:.8rem;font-weight:600}.panel-titlebar-dots{gap:4px;margin-left:auto;display:flex}.panel-titlebar-dots span{background:var(--cyan-dim);opacity:.4;border-radius:50%;width:6px;height:6px}.panel-titlebar-dots span:last-child{opacity:1;background:var(--cyan)}.form-section-heading{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.25em;color:var(--cyan);opacity:.6;border-bottom:1px solid #00f0ff1a;margin:1.5rem 0 .75rem;padding-bottom:.5rem;font-size:.58rem;font-weight:400}.form-section-heading:first-of-type{margin-top:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{font-family:var(--font-body);color:var(--text-dim);letter-spacing:.03em;flex-direction:column;gap:6px;font-size:.85rem;font-weight:500;display:flex}label.full{grid-column:1/-1}input,select,textarea{color:var(--text-main);font-family:var(--font-mono);letter-spacing:.04em;background:#000814cc;border:1px solid #00f0ff33;border-radius:0;outline:none;width:100%;padding:10px 12px;font-size:.78rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#00f0ff99;box-shadow:0 0 0 1px #00f0ff1f,0 0 12px #00f0ff12}select{appearance:none;cursor:pointer;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' stroke='%2300cfe0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}textarea{resize:vertical;min-height:90px}.checkbox{color:var(--text-main);flex-direction:row;align-items:center;gap:10px;padding-top:20px}.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--cyan);cursor:pointer;flex-shrink:0;padding:0}button.full-width{border:1px solid var(--cyan);width:100%;color:var(--cyan);font-family:var(--font-hud);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:#00f0ff12;margin-top:1.5rem;padding:14px;font-size:.78rem;font-weight:700;transition:background .2s,box-shadow .2s,color .2s,transform .15s;display:block;position:relative;overflow:hidden}button.full-width:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00f0ff0f,#0000);position:absolute;inset:0}button.full-width:hover{color:#fff;background:#00f0ff24;transform:translateY(-1px);box-shadow:0 0 24px #00f0ff33,0 0 48px #00f0ff14}button.full-width:disabled{opacity:.45;cursor:wait;transform:none}.hint{width:15px;height:15px;font-size:10px;font-family:var(--font-mono);color:var(--cyan-dim);cursor:help;vertical-align:middle;border:1px solid #00f0ff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;transition:border-color .2s,color .2s;display:inline-flex;position:relative}.hint:hover{border-color:var(--cyan);color:var(--cyan)}.hint:hover:after,.hint:focus-visible:after{content:attr(data-tooltip);min-width:260px;max-width:320px;color:var(--text-main);font-family:var(--font-mono);letter-spacing:.04em;white-space:pre-line;text-align:left;z-index:100;pointer-events:none;background:#020814f7;border:1px solid #00f0ff4d;padding:10px 14px;font-size:.65rem;line-height:1.6;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 0 30px #0009,0 0 20px #00f0ff12}.preview-file-list{flex-direction:column;gap:3px;margin:0 0 1rem;padding:0;list-style:none;display:flex}.preview-file-list li{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;border-left:2px solid #00f0ff26;padding:5px 10px;font-size:.68rem;transition:border-color .2s,color .2s}.preview-file-list li:hover{border-left-color:var(--cyan);color:var(--text-main)}.preview-pre{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;background:#000814d9;border:1px solid #00f0ff26;padding:12px 14px;font-size:.67rem;line-height:1.9;overflow-x:auto}.os-footer{text-align:center;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;border-top:1px solid #00f0ff1f;margin-top:2rem;padding:2rem 1.5rem;font-size:.6rem}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;box-shadow:0 0 0 4px #00f0ff1f}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.os-grid,.hero-ring{animation:none!important}.hero-eyebrow,.hero-title,.hero-subtitle{opacity:1!important;animation:none!important;transform:none!important}}@media (width<=900px){.layout,.grid{grid-template-columns:1fr}}@media (width<=640px){.os-grid{display:none}.scanlines{opacity:.5}.hero-ring{opacity:.04!important}.hero{padding:2.5rem 1rem 1.5rem}.shell{padding:0 1rem 3rem}.os-panel{padding:1.25rem}}