:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#181716;background:#f2f0eb;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,select{font:inherit}button{border-radius:0}.app-shell{display:grid;grid-template-rows:70px 1fr;width:100%;height:100vh;overflow:hidden;background:#ece9df}.tool-topbar,.mode-nav{display:flex;align-items:center;gap:18px;padding:10px 20px;border-bottom:1px solid #d6d1c5;background:linear-gradient(90deg,rgba(20,20,18,.04) 1px,transparent 1px) 0 0 / 24px 24px,#fbfaf6}.brand-mark{display:flex;align-items:center;gap:10px;min-width:235px}.brand-mark>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #191817;background:#191817;color:#f5f2ea;font-size:12px;font-weight:800}.atlas-mark>span{border-color:#27221d;background:linear-gradient(90deg,rgba(239,231,214,.2) 1px,transparent 1px) 0 0 / 7px 7px,linear-gradient(0deg,rgba(239,231,214,.2) 1px,transparent 1px) 0 0 / 7px 7px,#171615;color:#f3ece1}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{font-size:13px}.brand-mark small{margin-top:2px;color:#89857c;font-size:10px}.topbar-rules{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0;overflow-x:auto}.topbar-rules span{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-left:1px solid #cbc5b7;color:#5c574f;font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.mode-buttons{display:flex;gap:6px;min-width:0;overflow-x:auto}.mode-buttons button{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;min-width:126px;padding:8px 10px;border:1px solid #dedbd2;background:transparent;color:#4f4b45;cursor:pointer}.mode-buttons button svg{grid-row:1 / span 2}.mode-buttons button span{font-size:12px;font-weight:650}.mode-buttons button small{color:#969188;font-size:9px;text-align:left;text-transform:uppercase}.mode-buttons button.active{border-color:#191817;background:#191817;color:#fff}.mode-buttons button.active small{color:#cbc6ba}.workspace{display:grid;grid-template-columns:316px minmax(0,1fr);min-height:0}.control-panel{height:calc(100vh - 70px);padding:22px 18px;overflow-y:auto;border-right:1px solid #dedbd2;background:#fbfaf7}.atlas-panel{background:linear-gradient(90deg,rgba(22,21,19,.035) 1px,transparent 1px) 0 0 / 16px 16px,#fbfaf7}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.panel-heading h1{margin:0;font-size:17px;line-height:1.2}.panel-heading p{margin:4px 0 0;color:#9a958c;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.atlas-heading{padding-bottom:10px;border-bottom:2px solid #191817}.syntax-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 14px}.syntax-switcher button{display:grid;gap:3px;min-height:54px;padding:8px 9px;border:1px solid #d4cec0;background:#fff6;color:#2e2b27;text-align:left;cursor:pointer}.syntax-switcher button.is-active{border-color:#191817;background:linear-gradient(135deg,rgba(184,51,37,.22),transparent 58%),#191817;color:#f9f5ec}.syntax-switcher span{font-size:11px;font-weight:850;letter-spacing:.12em}.syntax-switcher small{color:#8e887d;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.syntax-switcher button.is-active small{color:#d5cdbf}.panel-section{padding:13px 0;border-top:1px solid #ebe8df}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#33302c;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.section-check input,.check-line input,.control-head input[type=checkbox]{width:14px;height:14px;accent-color:#191817}.section-body{display:grid;gap:9px}.numeric-control{display:grid;gap:5px}.numeric-control.is-disabled{opacity:.5}.control-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.control-head label{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#5f5a52;font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.control-actions{display:inline-flex;align-items:center;gap:4px}.number-input{width:64px;padding:4px 5px;border:1px solid #d7d3c8;background:#fff;color:#272522;font-size:11px;text-align:right}.control-hint,.tiny-note{display:flex;align-items:center;gap:4px;margin:0;color:#aaa59b;font-size:10px;line-height:1.45}input[type=range]{width:100%;accent-color:#222}.choice-group,.button-row,.button-grid{display:flex;flex-wrap:wrap;gap:6px}.button-grid button,.choice-group button,.button-row button,.file-button,.control-panel button,.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border:1px solid #d7d3c8;background:transparent;color:#4d4841;font-size:11px;cursor:pointer}.choice-group button.is-active,.button-row button.toggle-on,button.toggle-on{border-color:#222;background:#222;color:#fff}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.module-toggle{display:flex;align-items:center;gap:7px;min-height:30px;padding:6px 7px;border:1px solid #ded8cc;background:#ffffff61;color:#4f4a42;font-size:10px;font-weight:760;letter-spacing:.06em;text-transform:uppercase}.module-toggle input{width:13px;height:13px;margin:0;accent-color:#191817}.advanced-toggle{border-color:#c9beac;background:linear-gradient(135deg,rgba(190,75,75,.1),transparent 58%),#ffffff75}.advanced-toggle:has(input:checked){border-color:#191817;background:#191817;color:#f8f3ea}.icon-button{width:32px;height:32px;padding:0!important}.icon-button.mini{width:22px;height:22px}.file-button{position:relative;width:100%}.file-button input{display:none}.swatches{display:flex;flex-wrap:wrap;gap:7px}.swatches button{width:34px;height:34px;padding:0;border:1px solid #d7d3c8}.swatches button.is-active{outline:2px solid #222;outline-offset:1px}select,.text-input{width:100%;padding:8px;border:1px solid #d7d3c8;border-radius:0;background:#fff;color:#272522;font-size:12px}.check-line{display:flex;align-items:center;gap:7px;color:#5f5a52;font-size:11px;text-transform:uppercase}.primary-action{width:100%;margin-top:18px;padding:10px 12px;border-color:#191817;background:#191817;color:#fff;font-weight:750}.canvas-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:24px;overflow:hidden;background:linear-gradient(90deg,rgba(240,235,222,.04) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(0deg,rgba(240,235,222,.035) 1px,transparent 1px) 0 0 / 34px 34px,#151515}.canvas-shadow{line-height:0;border:1px solid rgba(238,231,214,.12);box-shadow:0 10px 80px #00000061}.canvas-shadow canvas{display:block;background:#0b0b0a}.floating-actions{position:fixed;right:22px;top:78px;z-index:20;display:flex;gap:8px;padding:6px;border:1px solid rgba(245,242,234,.12);background:#191817d1;box-shadow:0 10px 36px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.floating-actions button{display:inline-flex;align-items:center;gap:6px;min-width:92px;height:34px;padding:0 10px;border:1px solid rgba(245,242,234,.22);background:#ffffff0f;color:#f6f2ea;font-size:11px;font-weight:750;cursor:pointer}.floating-actions button:disabled{opacity:.42;cursor:not-allowed}.floating-actions small{margin-left:auto;color:#b8b0a4;font-size:9px}.signal-shell{background:#05080a}.signal-topbar{border-bottom-color:#65ffe233;background:linear-gradient(90deg,rgba(0,240,255,.08) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(0deg,rgba(183,255,42,.05) 1px,transparent 1px) 0 0 / 28px 28px,#070b0d}.signal-mark{min-width:265px}.signal-mark>span{width:42px;border-color:#00f0ff;background:linear-gradient(135deg,rgba(0,240,255,.24),transparent 48%),#061012;color:#d9fbff;box-shadow:inset 0 0 18px #00f0ff33}.signal-mark strong{color:#f4fdff}.signal-mark small,.signal-rules span{color:#75a9aa}.signal-rules span{border-left-color:#00f0ff38}.signal-workspace{grid-template-columns:342px minmax(0,1fr)}.signal-panel{border-right-color:#00f0ff2e;background:linear-gradient(90deg,rgba(0,240,255,.05) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(0deg,rgba(183,255,42,.035) 1px,transparent 1px) 0 0 / 18px 18px,#070b0d;color:#dffcff}.signal-panel .panel-section{border-top-color:#6fffe729}.signal-heading{border-bottom:1px solid rgba(0,240,255,.65)}.signal-heading h1,.signal-panel .section-toggle,.signal-panel .control-head label{color:#eaffff}.signal-heading p,.signal-panel .control-hint,.signal-panel .tiny-note{color:#6f9da0}.signal-panel input[type=range],.signal-panel input[type=checkbox]{accent-color:#00f0ff}.signal-panel .number-input,.signal-panel select,.signal-panel .text-input{border-color:#00f0ff3d;background:#020607;color:#eaffff}.signal-panel .button-grid button,.signal-panel .choice-group button,.signal-panel .button-row button,.signal-panel .file-button,.signal-panel button,.signal-panel .primary-action{border-color:#00f0ff38;background:#ffffff06;color:#d9fbff}.signal-panel .choice-group button{justify-content:flex-start;min-height:30px;color:#a9d9dc}.signal-panel .choice-group button.is-active,.signal-panel .button-row button.toggle-on,.signal-panel button.toggle-on{border-color:#b7ff2a;background:linear-gradient(135deg,rgba(183,255,42,.24),transparent 65%),#00f0ff14;color:#f5ffe8}.signal-switcher button{border-color:#00f0ff38;background:linear-gradient(135deg,rgba(0,240,255,.06),transparent 60%),#ffffff05;color:#dffcff}.signal-switcher button.is-active{border-color:#00f0ff;background:linear-gradient(135deg,rgba(0,240,255,.26),transparent 50%),linear-gradient(45deg,rgba(255,61,113,.16),transparent 68%),#061012;color:#fff}.signal-switcher small,.signal-switcher button.is-active small{color:#86d9d7}.signal-toggle{border-color:#00f0ff2e;background:linear-gradient(90deg,rgba(0,240,255,.04),transparent 60%),#ffffff05;color:#bdeff0}.signal-toggle:has(input:checked){border-color:#b7ff2aa6;color:#f5ffe8;background:linear-gradient(135deg,rgba(183,255,42,.18),transparent 58%),#00f0ff14}.signal-swatches button{border-color:#00f0ff42;box-shadow:inset 0 0 0 1px #ffffff0d}.signal-swatches button.is-active{outline-color:#b7ff2a}.signal-primary{border-color:#00f0ff!important;background:linear-gradient(90deg,#00f0ff3d,#b7ff2a24)!important;color:#f4fdff!important}.signal-workspace .canvas-stage{background:radial-gradient(circle at 65% 35%,rgba(0,240,255,.12),transparent 30%),linear-gradient(90deg,rgba(0,240,255,.05) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(0deg,rgba(183,255,42,.04) 1px,transparent 1px) 0 0 / 34px 34px,#030607}.signal-workspace .canvas-shadow{border-color:#00f0ff42;box-shadow:0 0 0 1px #b7ff2a14,0 22px 90px #000000a3,0 0 70px #00f0ff2e}.signal-workspace .canvas-shadow canvas{background:#030709}.specimen-shell{background:#e5e5df}.specimen-topbar{border-bottom-color:#c8c7bf;background:linear-gradient(90deg,rgba(24,25,24,.045) 1px,transparent 1px) 0 0 / 30px 30px,#f5f4ef}.specimen-mark{min-width:292px}.specimen-mark>span{width:40px;border-color:#151515;background:#f5f4ef;color:#151515}.specimen-mark strong{color:#171716}.specimen-mark small,.specimen-rules span{color:#77756d}.specimen-rules span{border-left-color:#c9c7be}.specimen-workspace{grid-template-columns:342px minmax(0,1fr)}.specimen-panel{border-right-color:#d2d0c8;background:linear-gradient(90deg,rgba(24,25,24,.035) 1px,transparent 1px) 0 0 / 18px 18px,#f7f6f2;color:#191817}.specimen-panel .panel-section{border-top-color:#e1dfd7}.specimen-heading{border-bottom:1px solid #191817}.specimen-heading h1,.specimen-panel .section-toggle,.specimen-panel .control-head label{color:#1f1e1c}.specimen-heading p,.specimen-panel .control-hint,.specimen-panel .tiny-note{color:#858179}.specimen-panel input[type=range],.specimen-panel input[type=checkbox]{accent-color:#1e2323}.specimen-panel .number-input,.specimen-panel select,.specimen-panel .text-input{border-color:#d1cec4;background:#fffefa;color:#1d1c1a}.specimen-panel .button-grid button,.specimen-panel .choice-group button,.specimen-panel .button-row button,.specimen-panel .file-button,.specimen-panel button,.specimen-panel .primary-action{border-color:#d3d0c7;background:#ffffff6b;color:#3c3933}.specimen-panel .choice-group button{justify-content:flex-start;min-height:30px}.specimen-panel .choice-group button.is-active,.specimen-panel .button-row button.toggle-on,.specimen-panel button.toggle-on{border-color:#171716;background:#171716;color:#f7f5ef}.specimen-switcher button{border-color:#d3d0c7;background:#ffffff59;color:#26231f}.specimen-switcher button.is-active{border-color:#171716;background:linear-gradient(135deg,rgba(150,47,38,.1),transparent 60%),#171716;color:#f7f5ef}.specimen-switcher small,.specimen-switcher button.is-active small{color:#8c887e}.specimen-switcher button.is-active small{color:#d8d2c6}.specimen-toggle{border-color:#d8d5cb;background:#ffffff6b;color:#3d3934}.specimen-toggle:has(input:checked){border-color:#191817;background:linear-gradient(135deg,rgba(49,90,86,.08),transparent 60%),#fffefa;color:#171716}.specimen-swatches button{border-color:#ccc8bd}.specimen-swatches button.is-active{outline-color:#171716}.specimen-primary{border-color:#171716!important;background:#171716!important;color:#f7f5ef!important}.specimen-workspace .canvas-stage{background:linear-gradient(90deg,rgba(245,244,238,.08) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(0deg,rgba(245,244,238,.06) 1px,transparent 1px) 0 0 / 34px 34px,#161616}.specimen-workspace .canvas-shadow{border-color:#f5f4ee2e;box-shadow:0 18px 80px #0000006b}.specimen-workspace .canvas-shadow canvas{background:#f4f3ef}.structure-shell{background:#111}.structure-topbar{border-bottom-color:#e2dccf2e;background:linear-gradient(90deg,rgba(226,220,207,.055) 1px,transparent 1px) 0 0 / 28px 28px,#111}.structure-mark{min-width:300px}.structure-mark>span{width:40px;border-color:#d8d0c2;background:#181715;color:#eee8dc}.structure-mark strong{color:#eee8dc}.structure-mark small,.structure-rules span{color:#8f887c}.structure-rules span{border-left-color:#e2dccf2e}.structure-workspace{grid-template-columns:342px minmax(0,1fr)}.structure-panel{border-right-color:#e2dccf2e;background:linear-gradient(90deg,rgba(226,220,207,.04) 1px,transparent 1px) 0 0 / 18px 18px,#151514;color:#eee8dc}.structure-panel .panel-section{border-top-color:#e2dccf1f}.structure-heading{border-bottom:1px solid #d8d0c2}.structure-heading h1,.structure-panel .section-toggle,.structure-panel .control-head label{color:#eee8dc}.structure-heading p,.structure-panel .control-hint,.structure-panel .tiny-note{color:#90897d}.structure-panel input[type=range],.structure-panel input[type=checkbox]{accent-color:#d8d0c2}.structure-panel .number-input,.structure-panel select,.structure-panel .text-input{border-color:#e2dccf38;background:#0d0d0c;color:#eee8dc}.structure-panel .button-grid button,.structure-panel .choice-group button,.structure-panel .button-row button,.structure-panel .file-button,.structure-panel button,.structure-panel .primary-action{border-color:#e2dccf2e;background:#eee8dc09;color:#d8d0c2}.structure-panel .choice-group button{justify-content:flex-start;min-height:30px}.structure-panel .choice-group button.is-active,.structure-panel .button-row button.toggle-on,.structure-panel button.toggle-on{border-color:#d8d0c2;background:linear-gradient(135deg,rgba(181,74,63,.16),transparent 62%),#eee8dc;color:#111}.structure-switcher button{border-color:#e2dccf2e;background:#eee8dc09;color:#eee8dc}.structure-switcher button.is-active{border-color:#d8d0c2;background:linear-gradient(135deg,rgba(181,74,63,.16),transparent 60%),#25231f;color:#f8f2e8}.structure-switcher small,.structure-switcher button.is-active small{color:#9f978a}.structure-toggle{border-color:#e2dccf29;background:#eee8dc09;color:#d8d0c2}.structure-toggle:has(input:checked){border-color:#d8d0c2b8;background:linear-gradient(135deg,rgba(181,74,63,.08),transparent 60%),#eee8dc14;color:#f2eadf}.structure-swatches button{border-color:#e2dccf38}.structure-swatches button.is-active{outline-color:#d8d0c2}.structure-primary{border-color:#d8d0c2!important;background:#eee8dc!important;color:#111!important}.structure-workspace .canvas-stage{background:linear-gradient(90deg,rgba(238,232,220,.045) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(0deg,rgba(238,232,220,.035) 1px,transparent 1px) 0 0 / 34px 34px,#0c0c0b}.structure-workspace .canvas-shadow{border-color:#eee8dc2e;box-shadow:0 20px 90px #0000008f,0 0 0 1px #eee8dc0d}.structure-workspace .canvas-shadow canvas{background:#111}@media(max-width:900px){.app-shell{grid-template-rows:auto 1fr}.tool-topbar,.mode-nav{align-items:flex-start;flex-direction:column}.topbar-rules{width:100%;margin-left:0}.brand-mark{min-width:0}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(300px,52vh) minmax(320px,1fr)}.control-panel{grid-row:2;height:auto;max-height:48vh;border-top:1px solid #dedbd2;border-right:0}.canvas-stage{grid-row:1;padding:16px}.floating-actions{top:auto;right:14px;bottom:14px}}