:root { --orange:#ff9d1b; --amber:#ffc04d; --deep:#090603; --glass:rgba(255,145,0,.08); }
*{box-sizing:border-box} html,body{height:100%;margin:0;background:radial-gradient(circle at 50% 45%,#2b1203 0%,#090603 42%,#020100 100%);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#ffe2b0;overflow:hidden}
.shell{height:100%;display:grid;grid-template-columns:1fr 390px;gap:24px;padding:28px}.hud{position:relative;pointer-events:none;border:1px solid rgba(255,157,27,.22);border-radius:28px;background:linear-gradient(135deg,rgba(255,157,27,.06),rgba(0,0,0,.25));box-shadow:0 0 70px rgba(255,120,0,.14) inset,0 0 90px rgba(255,100,0,.16);overflow:hidden}.hud:before{content:"";position:absolute;pointer-events:none;inset:-40%;background:repeating-conic-gradient(from 0deg,rgba(255,157,27,.09) 0 1deg,transparent 1deg 9deg);animation:spin 36s linear infinite}.hud:after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(rgba(255,157,27,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,157,27,.035) 1px,transparent 1px);background-size:42px 42px;mask:radial-gradient(circle,#000 0%,transparent 72%)}#spectrum{position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:2}.core{position:absolute;pointer-events:none;left:50%;top:50%;width:360px;height:360px;transform:translate(-50%,-50%);z-index:3;filter:drop-shadow(0 0 30px rgba(255,145,0,.45))}.ring{position:absolute;inset:0;border:2px solid rgba(255,157,27,.45);border-radius:50%;box-shadow:0 0 28px rgba(255,157,27,.24),inset 0 0 24px rgba(255,157,27,.14)}.r1{animation:pulse 2.4s ease-in-out infinite}.r2{inset:42px;animation:pulse 2.4s .25s ease-in-out infinite reverse}.r3{inset:86px;border-style:dashed;animation:spin 11s linear infinite}.orb{position:absolute;inset:132px;border-radius:50%;display:grid;place-items:center;font-size:42px;background:radial-gradient(circle,#ffbd55,#fb7b08 55%,#351000);box-shadow:0 0 55px #ff8a00}.status{position:absolute;z-index:4;left:28px;bottom:24px;display:flex;flex-direction:column;gap:4px;letter-spacing:.22em;color:var(--amber);text-shadow:0 0 18px var(--orange)}.status span{font-size:15px;font-weight:800}.status small{font-size:11px;opacity:.72;letter-spacing:.08em}.panel{pointer-events:auto;border:1px solid rgba(255,157,27,.24);border-radius:24px;padding:24px;background:rgba(8,4,0,.66);box-shadow:0 0 40px rgba(255,120,0,.11);backdrop-filter:blur(16px);z-index:5}.panel h1{margin:0 0 8px;font-size:22px;letter-spacing:.18em;color:#ffd084}.sub{opacity:.72;font-size:13px;line-height:1.45}textarea{width:100%;height:180px;margin:22px 0 14px;border:1px solid rgba(255,157,27,.28);border-radius:16px;background:#080300;color:#ffe2b0;padding:14px;resize:none;outline:none;box-shadow:inset 0 0 24px rgba(255,120,0,.08)}.buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px}button,select{border:1px solid rgba(255,157,27,.42);background:linear-gradient(#2b1203,#130700);color:#ffd084;border-radius:12px;padding:11px;cursor:pointer;box-shadow:0 0 18px rgba(255,120,0,.12)}button:hover{box-shadow:0 0 28px rgba(255,157,27,.35)}label{display:flex;flex-direction:column;gap:8px;font-size:12px;opacity:.9}.log{margin-top:18px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.5;color:#ffcb78;opacity:.75;white-space:pre-wrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.55}}@media(max-width:900px){.shell{grid-template-columns:1fr;padding:14px}.panel{position:absolute;right:14px;bottom:14px;left:14px;max-height:44vh;overflow:auto}.core{width:260px;height:260px}.orb{inset:96px}}