:root{color:#182522;background:#e9e8df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #182522;--deep: #12221f;--paper: #f8f7f1;--muted: #69736d;--line: #d7d8cf;--orange: #e76f51;--teal: #2a9d8f}*{box-sizing:border-box}html{min-width:320px;background:#e9e8df}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(231,111,81,.08),transparent 28rem),linear-gradient(rgba(18,34,31,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(18,34,31,.028) 1px,transparent 1px),#e9e8df;background-size:auto,24px 24px,24px 24px,auto}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(42,157,143,.28);outline-offset:2px}[hidden]{display:none!important}.topbar{min-height:76px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:var(--deep);color:#fff;border-bottom:4px solid var(--orange)}.brand{display:inline-flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;display:flex;align-items:flex-end;gap:4px;padding:7px;border:1px solid rgba(255,255,255,.35);transform:rotate(-2deg)}.brand-mark i{width:6px;background:var(--orange);display:block}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:21px;background:#f2c14e}.brand-mark i:nth-child(3){height:15px;background:var(--teal)}.brand strong{display:block;font-size:17px;line-height:1;letter-spacing:.16em}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:.24em;color:#b8c4bf}.topbar-note{display:flex;align-items:center;gap:9px;color:#b8c4bf;font-size:12px;letter-spacing:.04em}.topbar-note b{padding:4px 7px;border:1px solid #60706a;color:#fff;font-size:10px}.signal-dot{width:7px;height:7px;border-radius:50%;background:#67d9b8;box-shadow:0 0 0 4px #67d9b81f}.workspace{width:min(1880px,100%);margin:0 auto;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);align-items:start}.chart-panel{min-width:0;background:#f8f7f1f5;border:1px solid #cfd2c8;box-shadow:0 8px 30px #18252212}.panel-heading{min-height:88px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 7px;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.2em}.panel-heading h1,.panel-heading h2{margin:0;font:650 24px/1.05 Georgia,Times New Roman,serif;letter-spacing:-.02em}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #ccd0c7;color:#7c827d;background:#f0f0e9;font-size:9px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.status-pill i{width:6px;height:6px;border-radius:50%;background:#a9ada8}.status-pill.live{color:#176b5f;border-color:#9dcfc3;background:#e5f3ed}.status-pill.live i,.status-pill.saved i{background:var(--teal)}.status-pill.saved{color:#fff;border-color:var(--deep);background:var(--deep)}.chart-frame{height:365px;position:relative;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}.chart{position:absolute;inset:0}.chart-corner-label{position:absolute;right:10px;bottom:8px;pointer-events:none;color:#12221f47;font-size:8px;font-weight:900;letter-spacing:.18em}.saved-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#66716c;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(18,34,31,.018) 10px 20px),#fbfbf7}.saved-placeholder span{font:700 38px/1 Georgia,serif;color:#a9afa8}.saved-placeholder strong{margin-top:12px;color:var(--ink);font:600 18px/1.2 Georgia,serif}.saved-placeholder p{max-width:310px;margin:8px 0 0;font-size:12px;line-height:1.55}.save-rail{min-height:520px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:88px 0 0}.rail-line{width:1px;height:100px;background:#bdc1b8}.rail-line:last-child{height:150px}.rail-caption{color:#79817c;font-size:7px;font-weight:800;letter-spacing:.15em;writing-mode:vertical-rl}.save-button{width:68px;height:68px;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;background:var(--orange);box-shadow:5px 5px 0 var(--deep);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.save-button span{font-size:11px;font-weight:900;letter-spacing:.12em}.save-button i{font-style:normal;font-size:20px;line-height:1}.save-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--deep);background:#d85d40}.save-button:active:not(:disabled){transform:translate(3px,3px);box-shadow:2px 2px 0 var(--deep)}.save-button:disabled{filter:grayscale(1);opacity:.46;cursor:not-allowed}.save-button.confirmed{animation:saved-pop .35s ease}@keyframes saved-pop{50%{transform:scale(.91);background:var(--teal)}}.validation-message{min-height:34px;padding:9px 22px;display:flex;align-items:center;border-bottom:1px solid var(--line);color:#68716c;background:#f2f2eb;font-size:10px;letter-spacing:.025em}.validation-message:before{content:"";width:6px;height:6px;margin-right:8px;border-radius:50%;background:#a7aca7}.validation-message.success:before{background:var(--teal)}.validation-message.error{color:#8f3025;background:#fff0eb}.validation-message.error:before{background:var(--orange)}.inspector{display:block}.config-section{padding:20px 22px 22px;border-bottom:1px solid var(--line)}.config-section:last-child{border-bottom:0}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:17px}.section-title span{color:#34443f;font-size:9px;font-weight:900;letter-spacing:.16em}.section-title i{height:1px;flex:1;background:var(--line)}.section-title small{color:#89908b;font-size:9px}.control-grid{display:grid;gap:13px 14px}.control-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{min-width:0;display:flex;flex-direction:column;gap:6px;color:#505b56;font-size:10px;font-weight:650}.field>span{letter-spacing:.02em}.field small{margin-top:-2px;color:#929892;font-size:8px;font-weight:500}.field input,.field select{width:100%;height:36px;min-width:0;padding:0 10px;border:1px solid #cdd1c8;border-radius:0;color:#1c2c28;background:#fff;font-size:11px}.field input[type=color]{padding:4px;cursor:pointer}.field input:hover,.field select:hover{border-color:#9ba49e}.toggle-grid{margin-top:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.toggle{min-height:49px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d9dbd3;background:#f2f2ec;cursor:pointer}.toggle>span{display:flex;min-width:0;flex-direction:column}.toggle strong{color:#34413d;font-size:10px}.toggle small{margin-top:2px;color:#919791;font-size:8px}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle i{width:29px;height:16px;flex:0 0 auto;position:relative;border-radius:10px;background:#b6bbb5;transition:background .15s}.toggle i:after{content:"";width:12px;height:12px;position:absolute;left:2px;top:2px;border-radius:50%;background:#fff;transition:transform .15s}.toggle input:checked+i{background:var(--teal)}.toggle input:checked+i:after{transform:translate(13px)}.series-stack{display:grid;gap:13px}.series-card{border:1px solid #d1d4cb;background:#f4f4ed}.series-card>header{min-height:49px;padding:8px 11px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d9dbd3;background:#eeeee6}.series-card header div{min-width:0;flex:1}.series-card header small{display:block;color:#929791;font-size:7px;font-weight:900;letter-spacing:.13em}.series-card header strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/1 Georgia,serif}.series-swatch{width:8px;align-self:stretch;background:var(--orange)}.series-card .control-grid{padding:14px}.series-card .toggle{min-height:36px;padding-top:6px;padding-bottom:6px}.generator-label{padding:0 14px;display:flex;align-items:center;gap:8px;color:#858c87;font-size:7px;font-weight:900;letter-spacing:.12em}.generator-label i{height:1px;flex:1;background:#d8dad2}.icon-button{width:29px;height:29px;border:1px solid #cdd0c8;background:transparent;color:#75807a;cursor:pointer}.icon-button:hover:not(:disabled){color:#fff;border-color:var(--orange);background:var(--orange)}.icon-button:disabled{opacity:.3;cursor:not-allowed}.add-series-button{width:100%;min-height:43px;margin-top:13px;border:1px dashed #aeb5af;background:transparent;color:#4d5b56;font-size:10px;font-weight:750;letter-spacing:.05em;cursor:pointer}.add-series-button span{margin-right:5px;color:var(--orange);font-size:15px}.add-series-button:hover:not(:disabled){border-style:solid;border-color:var(--teal);background:#e8f3ef}.add-series-button:disabled{opacity:.45;cursor:not-allowed}.inline-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.toggle-grid.compact{grid-template-columns:minmax(0,220px)}.quiet-button{min-height:32px;padding:0 11px;border:1px solid #bfc4bd;background:#fff;color:#48544f;font-size:9px;font-weight:750;letter-spacing:.035em;cursor:pointer}.quiet-button:hover:not(:disabled){border-color:var(--deep);color:var(--deep)}.quiet-button.accent{border-color:var(--deep);color:#fff;background:var(--deep)}.quiet-button:disabled{opacity:.38;cursor:not-allowed}.document-toolbar{min-height:74px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.document-toolbar .eyebrow{margin-bottom:5px}.document-toolbar strong{display:block;color:#55615c;font-size:10px;font-weight:600}.toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.json-viewer{border-bottom:1px solid var(--line)}.json-viewer summary{min-height:47px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#3d4a45;font-size:10px;font-weight:750;letter-spacing:.03em}.json-viewer summary small{color:#929891;font-weight:500}.json-viewer pre{max-height:690px;margin:0;padding:18px 20px;overflow:auto;border-top:1px solid var(--line);color:#d9e3de;background:#15231f;font:10px/1.65 SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.page-footer{padding:0 30px 25px;display:flex;justify-content:space-between;gap:20px;color:#7b837e;font-size:8px;font-weight:650;letter-spacing:.08em}@media(max-width:1200px){.workspace{grid-template-columns:1fr;gap:16px}.save-rail{min-height:auto;padding:0;flex-direction:row;justify-content:center}.rail-line{width:min(150px,18vw);height:1px}.rail-line:last-child{width:min(150px,18vw);height:1px}.rail-caption{writing-mode:horizontal-tb;order:3}.save-button{width:112px;height:48px;flex-direction:row;box-shadow:4px 4px 0 var(--deep)}.saved-panel{min-height:540px}}@media(max-width:680px){.topbar{min-height:68px;padding:0 16px}.topbar-note span:not(.signal-dot),.topbar-note b{display:none}.workspace{padding:14px}.panel-heading{min-height:76px;padding:17px 16px}.panel-heading h1,.panel-heading h2{font-size:20px}.chart-frame{height:305px}.config-section{padding:18px 16px}.control-grid.two,.control-grid.three{grid-template-columns:1fr}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%;justify-content:flex-start}.page-footer{padding:0 16px 18px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}