:root{--bg: #100f0d;--panel: #191714;--panel-2: #211e1a;--border: #2b2823;--text: #e8e3da;--muted: #8d877d;--accent: #a8b89f;--accent-soft: #7fa595}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.fs-app{max-width:1440px;margin:0 auto;padding:34px 22px 50px}.fs-header{text-align:center;margin-bottom:26px}.fs-header h1{margin:0 0 8px;font-size:2.3rem;font-weight:600;letter-spacing:.01em;color:var(--text)}.fs-header p{margin:0;color:var(--muted);font-size:.92rem;font-weight:400}.fs-input{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:18px}.fs-input-bar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.fs-input-bar>button{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:7px;padding:6px 9px;cursor:pointer;display:flex;transition:color .15s,border-color .15s}.fs-input-bar>button:hover{color:var(--text);border-color:#3a362f}.fs-samples{display:flex;align-items:center;gap:5px;color:var(--muted);padding-left:4px}.fs-sample-btn{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:3px 11px;font-size:.74rem;cursor:pointer;text-transform:capitalize;transition:color .15s,border-color .15s}.fs-sample-btn:hover{border-color:var(--accent-soft);color:var(--text)}.fs-lang{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--accent-soft);border:1px solid var(--border);border-radius:6px;padding:4px 12px;font-size:.72rem;font-weight:500;letter-spacing:.04em}.fs-input textarea{width:100%;background:#0c0b09;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:SF Mono,Menlo,Consolas,monospace;font-size:.86rem;padding:13px;resize:vertical;line-height:1.55}.fs-input textarea:focus{outline:none;border-color:var(--accent-soft)}.fs-input textarea::placeholder{color:#5f5a52}.fs-run{margin-top:11px;width:100%;border:1px solid var(--accent-soft);color:var(--bg);font-weight:600;font-size:.9rem;padding:12px;border-radius:8px;cursor:pointer;background:var(--accent-soft);letter-spacing:.02em;transition:filter .15s}.fs-run:hover{filter:brightness(1.08)}.fs-work{display:grid;grid-template-columns:1fr 268px;gap:18px}.fs-canvas-wrap{position:relative;background:#131210;border:1px solid var(--border);border-radius:10px;overflow:hidden;min-height:600px}.fs-controls{position:absolute;top:12px;right:12px;z-index:10;display:flex;gap:6px}.fs-controls button{background:#1e1c18e6;border:1px solid var(--border);color:var(--muted);border-radius:7px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s}.fs-controls button:hover:not(:disabled){color:var(--text)}.fs-controls button:disabled{opacity:.35;cursor:default}.fs-legend{position:absolute;top:12px;left:12px;z-index:10;display:flex;gap:12px;background:#131210cc;border:1px solid var(--border);border-radius:7px;padding:6px 10px;font-size:.72rem;color:var(--muted)}.fs-legend span{display:flex;align-items:center;gap:5px}.fs-legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.fs-viewport{width:100%;height:600px;overflow:hidden;position:relative}.fs-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:20px}.fs-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:.7rem;color:#5f5a52;pointer-events:none}.fs-sidebar{display:flex;flex-direction:column;gap:14px}.fs-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.fs-card h3{margin:0 0 11px;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);display:flex;align-items:center;gap:6px;font-weight:600}.fs-card.fs-muted{color:var(--muted);font-size:.82rem}.fs-card pre{background:#0c0b09;border-radius:7px;padding:10px;font-size:.76rem;white-space:pre-wrap;word-break:break-word;margin:10px 0 0;color:#cbc5ba;font-family:SF Mono,Menlo,monospace}.fs-kind-tag{display:inline-block;font-size:.72rem;padding:3px 10px;border-radius:5px;border:1px solid;text-transform:capitalize}.fs-stat{display:flex;justify-content:space-between;font-size:.82rem;padding:6px 0;border-bottom:1px solid #211e1a}.fs-stat:last-child{border-bottom:none}.fs-stat span:first-child{color:var(--muted)}.fs-stat span:last-child{font-weight:600}.fs-stat-hot{color:#c2a15f}.fs-warn{margin-top:9px;font-size:.74rem;color:#c2a15f;background:#c2a15f12;border:1px solid #c2a15f2e;border-radius:7px;padding:7px 9px}@media (max-width: 880px){.fs-work{grid-template-columns:1fr}}:root{color-scheme:dark}*{margin:0;padding:0}html,body,#root{height:100%}body{background:#100f0d}