:root{--gold:#f5c518;--bg:#03050f;--line:rgba(255,255,255,.08);--mono:"IBM Plex Mono","Courier New",monospace;--sb:350px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:#e8eaf0;font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased}.site-header{background:#03050feb;border-bottom-color:#ffffff14}.header-title{color:#fff}.header-title span{color:#ffffff73}.burger span{background:#ffffff8c}@media (max-width:849px){.site-nav{background:#03050ff7;border-bottom-color:#ffffff14}}#bg-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.layout{position:relative;z-index:1;display:flex;height:calc(100vh - 52px)}.sidebar{width:var(--sb);flex-shrink:0;background:#03050fb8;border-right:1px solid var(--line);backdrop-filter:blur(14px);overflow-y:auto;padding:18px 14px 48px;display:flex;flex-direction:column;gap:14px}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sb-head{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffff4d;margin-bottom:11px}.sb-box{border:1px solid var(--line);border-radius:9px;padding:14px 13px;background:#ffffff05}.star-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.09);background:transparent;cursor:pointer;text-align:left;margin-bottom:6px;transition:border-color .15s,background .15s}.star-btn:last-child{margin-bottom:0}.star-btn:hover{border-color:#ffffff38;background:#ffffff08}.star-btn.active{border-color:var(--sc);background:rgba(var(--scr),.08)}.star-dot{width:13px;height:13px;border-radius:50%;flex-shrink:0}.star-info{flex:1}.star-name{display:block;font-size:.82rem;font-weight:600;color:#fff}.star-sub{font-size:.68rem;color:#ffffff61}.star-hz{font-size:.64rem;color:#ffffff47;white-space:nowrap;text-align:right}.planet-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px}.planet-tool{padding:8px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.09);background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--mono);font-size:.72rem;color:#ffffff80;transition:border-color .15s,background .15s,color .15s}.planet-tool:hover{border-color:#ffffff40;color:#fff;background:#ffffff0a}.planet-tool.active{border-color:var(--gold);color:var(--gold);background:#f5c51812}.ptool-icon{font-size:1.1rem;line-height:1}.tempo-tool{width:100%;padding:7px 10px;border-radius:6px;margin-bottom:7px;border:1px solid rgba(255,255,255,.09);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;font-family:var(--mono);font-size:.75rem;color:#fff6;transition:border-color .15s,background .15s,color .15s}.tempo-tool:hover{border-color:#ffffff40;color:#fff;background:#ffffff0a}.tempo-tool.active{border-color:#00e06a;color:#00e06a;background:#00e06a12}.place-hint{font-size:.7rem;color:#ffffff47;line-height:1.6}.hz-range{display:flex;align-items:baseline;gap:10px;margin-top:8px}.hz-val{font-size:1.7rem;font-weight:600;line-height:1;letter-spacing:-.03em}.hz-cold{color:#8ad}.hz-warm{color:#ffb02e}.hz-sep{font-size:.78rem;color:#ffffff47}.hz-sub{font-size:.7rem;color:#ffffff40;margin-top:7px;line-height:1.55}.g-speed-row{display:flex;align-items:center;gap:8px;margin-top:2px}.g-speed-lbl{font-size:.7rem;color:#ffffff52;flex-shrink:0}.g-speed-slider{flex:1;-webkit-appearance:none;height:2px;border-radius:1px;background:#ffffff1f;outline:none;cursor:pointer}.g-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--gold);cursor:pointer;box-shadow:0 0 6px #f5c51880}.g-speed-val{font-size:.7rem;color:var(--gold);min-width:34px;text-align:right}.planet-card{border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#ffffff05;margin-bottom:8px;overflow:hidden}.planet-card:last-child{margin-bottom:0}.pc-header{display:flex;align-items:center;gap:8px;padding:9px 10px;cursor:pointer;transition:background .12s}.pc-header:hover{background:#ffffff06}.pc-icon{font-size:1.15rem;flex-shrink:0}.pc-name-input{flex:1;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-family:var(--mono);font-size:.88rem;font-weight:500;outline:none;padding:2px 0;min-width:0}.pc-name-input::placeholder{color:#ffffff2e}.pc-name-input:focus{border-bottom-color:#fff6}.pc-hz{font-size:.66rem;padding:2px 7px;border-radius:3px;flex-shrink:0}.pc-hz.in{background:#00d26424;color:#00d264}.pc-hz.out{width:0;overflow:hidden;padding:0}.pc-del{background:none;border:none;cursor:pointer;color:#ffffff38;font-size:1rem;padding:2px 5px;transition:color .15s;flex-shrink:0}.pc-del:hover{color:#f57}.pc-chevron{font-size:.8rem;color:#ffffff38;transition:transform .22s;flex-shrink:0}.pc-chevron.open{transform:rotate(180deg)}.pc-body{display:none;padding:0 14px 16px;border-top:1px solid rgba(255,255,255,.05)}.pc-body.open{display:block}.pc-section{margin-top:14px}.pc-lbl{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff47;margin-bottom:6px}.pc-temp-val{font-size:2.4rem;font-weight:600;line-height:1;letter-spacing:-.03em}.pc-temp-sub{font-size:.78rem;color:#ffffff52;margin-top:4px}.pc-speed-row{display:flex;align-items:center;gap:10px}.pc-speed-slider{flex:1;-webkit-appearance:none;height:3px;border-radius:2px;background:#ffffff1f;outline:none;cursor:pointer}.pc-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--gold);cursor:pointer;box-shadow:0 0 8px #f5c51880}.pc-speed-val{font-size:1rem;font-weight:600;color:var(--gold);min-width:38px;text-align:right}.pc-stepper-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.pc-stepper-lbl{font-size:.92rem;color:#ffffff8c}.pc-stepper{display:flex;align-items:center;gap:0}.pc-step-btn{width:32px;height:32px;border-radius:5px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff9;font-family:var(--mono);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.pc-step-btn:hover{background:#ffffff1f;color:#fff}.pc-step-val{font-size:1.5rem;font-weight:600;color:#fff;min-width:42px;text-align:center}.sb-empty{font-size:.72rem;color:#ffffff38}.result-row{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:7px}.rk{color:#ffffff54}.rv{color:#fff}.verdict{margin-top:11px;padding:9px 11px;border-radius:6px;font-size:.76rem;font-weight:600;text-align:center;border:1px solid}.verdict.good{background:#00d26417;border-color:#00d26447;color:#00d264}.verdict.maybe{background:#f5c51817;border-color:#f5c51847;color:var(--gold)}.verdict.bad{background:#ff557712;border-color:#f573;color:#f57}.btn-reset{width:100%;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#fff6;font-family:var(--mono);font-size:.76rem;cursor:pointer;transition:color .15s,border-color .15s}.btn-reset:hover{color:#fff;border-color:#ffffff47}.save-slot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.save-slot:last-child{border-bottom:none;padding-bottom:0}.save-slot:first-child{padding-top:0}.save-slot-info{flex:1;min-width:0}.save-slot-name{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-family:var(--mono);font-size:.76rem;font-weight:600;outline:none;padding:1px 0 3px}.save-slot-name::placeholder{color:#ffffff47;font-weight:400}.save-slot-name:focus{border-bottom-color:#fff6}.save-slot-sub{font-size:.66rem;color:#ffffff52;margin-top:4px}.save-slot-btns{display:flex;gap:5px;flex-shrink:0}.save-slot-btn{padding:6px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#ffffff80;font-family:var(--mono);font-size:.66rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.save-slot-btn:hover{color:#fff;border-color:#ffffff4d}.save-slot-btn[data-action=load]{color:var(--gold);border-color:#f5c5184d}.save-slot-btn[data-action=load]:hover{background:#f5c5181a;border-color:var(--gold)}.save-slot-btn:disabled{opacity:.25;cursor:default}.save-slot-btn:disabled:hover{color:#ffffff80;border-color:#ffffff1f;background:#ffffff08}.playground{flex:1;position:relative;overflow:hidden}#sys-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}#sys-canvas.tempo{cursor:grab}#sys-canvas.tempo.dragging{cursor:grabbing}.mode-pill{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#03050fd9;border:1px solid rgba(245,197,24,.3);color:var(--gold);font-family:var(--mono);font-size:.76rem;padding:5px 14px;border-radius:20px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.mode-pill.on{opacity:1}.mode-pill.tempo-on{border-color:#00e06a4d;color:#00e06a}@media (max-width:760px){body{overflow:auto}.layout{flex-direction:column;height:auto}.sidebar{width:100%;height:auto;overflow:visible}.playground{height:65vw;min-height:300px}}