@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101413;--panel:#191e1c;--line:#303833;--muted:#929c95;--accent:#b7ed83;--text:#edf1e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,a{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;background:#242c26;color:var(--text);border:1px solid #3a443c;border-radius:7px;padding:10px 15px}button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}header{height:86px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:70px}.brand{font:800 24px Manrope,sans-serif;letter-spacing:-1px;white-space:nowrap}.brand>span:not(.mark){font-weight:400;color:#aab5a9}.mark{color:var(--accent);margin-right:9px}.brand small{font:9px 'DM Sans';border:1px solid #46513f;border-radius:4px;padding:3px 5px;margin-left:10px;vertical-align:middle;color:var(--accent);letter-spacing:1px}nav{display:flex;gap:25px;align-items:center}nav button,footer button{background:none;border:0;padding:0;color:var(--muted)}.current{color:var(--accent)}.local{margin-left:auto;font-size:12px;color:#b9c4b8}i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:100%;margin-right:7px}main{max-width:1320px;margin:auto;padding:0 46px}.intro{padding:54px 0 38px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:15px}h1{font:600 45px/1.17 Manrope,sans-serif;letter-spacing:-1.8px;margin:0}h1 em{font-style:normal;color:var(--accent)}.intro p{color:var(--muted);line-height:1.8;margin-bottom:0}.hero-wave{width:34%;padding:20px}.hero-wave svg{width:100%;fill:none;stroke:var(--accent);stroke-width:1.5}.hero-wave path:nth-child(2){opacity:.25}.hero-wave path:nth-child(3){opacity:.12}.hero-wave span{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:#69786b}.ad{border:1px dashed #354034;border-radius:7px;padding:14px 20px;display:flex;align-items:center;gap:24px;color:#788378;background:#141915}.ad>span{font-size:9px;letter-spacing:1.5px}.ad p{margin:0;font-size:12px}.ad small{margin-left:auto;font-size:10px}.workspace-head{display:flex;justify-content:space-between;align-items:center;margin:32px 0 20px}h2{font:600 21px Manrope;margin:0}h2 span{font:9px 'DM Sans';padding:4px 6px;border:1px solid #4b593c;border-radius:4px;color:var(--accent);margin-left:10px;vertical-align:middle}.workspace-head p{font-size:12px;color:var(--muted);margin:8px 0 0}.actions{display:flex;gap:10px}.primary{background:var(--accent);color:#20301c;border-color:var(--accent);font-weight:700}.primary:hover{background:#cbf5a4;color:#17220f}#drop{border:1px dashed #414e3a;background:#192017;padding:17px 20px;border-radius:8px;margin-bottom:18px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:12px}#drop>span:first-child{font-size:20px;color:var(--accent)}#drop small{color:var(--muted);font-size:11px}.pill{margin-left:auto;font-size:9px;letter-spacing:1px;color:var(--accent)}.editor{display:grid;grid-template-columns:218px 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}aside{border-right:1px solid var(--line);background:#151a17;padding:22px 12px;display:flex;flex-direction:column}.aside-title{font-size:10px;letter-spacing:1.5px;color:var(--muted);padding:0 12px 16px;display:flex;justify-content:space-between}.channel{display:flex;width:100%;align-items:center;text-align:left;background:transparent;border:1px solid transparent;gap:12px;margin-bottom:6px;padding:12px 10px}.channel.active{background:#283322;border-color:#495b38}.channel b{font-size:10px;border:1px solid #46503e;padding:7px 0;border-radius:5px;width:32px;text-align:center;color:var(--accent)}.channel span{font-size:12px}.channel small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.aside-bottom{margin-top:auto;font-size:10px;padding:30px 10px 0;color:#b4beb0;line-height:1.9}.aside-bottom small{color:var(--muted)}.panel{padding:26px 28px}.chart-head{display:flex;justify-content:space-between;align-items:center}h3{font:600 18px Manrope;margin:0}.chart-head p{font-size:11px;color:var(--muted);margin:5px 0}.legend{display:flex;gap:18px;font-size:10px;color:var(--accent)}.legend .original{color:#84917d}.chart-wrap{margin-top:18px}#chart{width:100%;display:block;overflow:visible}#chart text{fill:#89958b;font-size:11px}#chart .grid{stroke:#303931;stroke-width:1}#chart circle{fill:var(--panel);stroke:var(--accent);stroke-width:2}.chart-note{font-size:9px;color:#8f9b8f;letter-spacing:1px;display:flex;justify-content:space-between}.chart-note span{letter-spacing:0;color:#657164}.presets{display:flex;align-items:center;gap:7px;padding:23px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.presets>span{font-size:9px;color:var(--muted);letter-spacing:1px;margin-right:6px}.presets button{padding:7px 10px;font-size:11px;background:transparent}#reset{margin-left:auto;color:var(--muted);border:0}.settings{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:22px 0;border-bottom:1px solid var(--line)}label{font-size:12px}label>div{margin-top:10px;background:#101612;border:1px solid #3b453c;border-radius:6px;display:flex;align-items:center;padding-right:12px}input[type=number]{width:100%;padding:9px 12px;border:1px solid #3b453c;background:#111713;color:var(--text);border-radius:5px}label>div input{border:0!important}label>div span{font-size:11px;color:var(--muted)}label small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.switchlabel input{display:block;accent-color:var(--accent);width:28px;height:24px;margin:12px 0}.points-head{display:flex;justify-content:space-between;align-items:center;padding-top:18px}h4{font-size:12px;margin:0}h4 span{color:var(--muted);margin-left:6px}.points-head button{font-size:11px;padding:6px 10px}.pointlabels,.point{display:grid;grid-template-columns:1fr 1fr 32px;gap:12px}.pointlabels{font-size:10px;color:var(--muted);margin:14px 0 8px}.point{margin-bottom:7px}.point input{font-size:12px;padding:7px 10px}.point button{padding:4px;color:#94a08f;background:transparent;border-color:transparent}.panel-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;display:flex;align-items:center;justify-content:space-between}.panel-footer button{font-size:11px}.panel-footer span{font-size:10px;color:var(--muted)}.below{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:44px 0}.below article>span{font-size:9px;color:var(--accent);letter-spacing:1.3px}.below h3{font-size:16px;margin:12px 0}.below p{font-size:12px;color:var(--muted);line-height:1.8}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:24px 0 35px}footer .brand{font-size:18px}footer p{font-size:10px;color:#778376}footer button{margin-left:auto;font-size:11px}dialog{background:#1b231c;color:var(--text);border:1px solid #56684b;border-radius:12px;max-width:540px;padding:30px;line-height:1.8}dialog::backdrop{background:#000a}#close{float:right;border:0;background:none;font-size:22px;padding:0 5px}#dialogBody{color:#bac5b7;font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--accent);color:#16200f;border-radius:8px;padding:14px 22px;display:none;z-index:5;max-width:90vw}@media(max-width:900px){header{gap:24px}.local{display:none}main{padding:0 22px}h1{font-size:36px}.hero-wave{width:30%}.editor{grid-template-columns:170px 1fr}.panel{padding:20px 18px}.chart-note span{display:none}.presets>span{width:100%}.ad small{display:none}}@media(max-width:620px){header{height:72px;padding:0 20px;justify-content:space-between}.brand{font-size:21px}nav{gap:16px;font-size:11px}nav .current{display:none}.hero-wave{display:none}.intro{padding:34px 0}h1{font-size:32px}.intro p{font-size:12px}.ad{gap:10px}.ad p{font-size:10px}.workspace-head{display:block}.actions{margin-top:18px}#drop{flex-wrap:wrap}.pill{display:none}.editor{display:block}aside{border-right:0;border-bottom:1px solid var(--line);padding:16px 10px}#channels{display:flex;overflow:auto}.channel{min-width:130px;margin-bottom:0;padding:8px}.aside-title{padding-bottom:10px}.aside-bottom{display:none}.settings{gap:18px}.below{grid-template-columns:1fr;gap:20px;padding:30px 0}.below p{margin-bottom:0}.panel-footer{gap:12px}footer{flex-wrap:wrap;gap:10px}footer p{order:3}#reset{margin-left:0}}

.sample-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;margin-bottom:18px;background:#1b2419;border:1px solid #354331;border-radius:8px}.sample-tools strong{font-size:12px}.sample-tools small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.sample-tools>div{margin-right:auto}.sample-download{background:var(--accent);color:#20301c;font-size:12px;font-weight:700;padding:10px 14px;border-radius:6px}.sample-tools button{font-size:12px}.sample-source{font-size:10px;color:var(--muted)}

.rew-workspace{margin-top:38px}.rew-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.rew-grid article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0}.rew-grid h3{margin:12px 0 20px}.rew-grid label{display:block;margin:14px 0}.rew-grid button{font-size:11px;margin:4px 0}.rew-grid select,.rew-grid textarea{display:block;width:100%;background:#101612;color:var(--text);border:1px solid #3b453c;border-radius:6px;padding:10px;margin-top:8px;font:12px 'DM Sans',sans-serif}.rew-grid input{margin-top:8px}.rew-grid p,.rew-notice{font-size:12px;color:var(--muted);line-height:1.7}.rew-notice{padding:12px 16px;border-left:2px solid #879f62;background:#182016}.rew-grid .hint{font-size:11px}.rew-grid hr{border:0;border-top:1px solid var(--line);margin:22px 0}.rew-grid summary{cursor:pointer;color:var(--accent);font-size:12px;margin:15px 0}.band{display:grid;grid-template-columns:1fr 1fr 1fr 25px;gap:5px}.band label{font-size:9px;margin:5px 0}.band input{padding:7px 4px}.band button{border:0;background:none;padding:0}#importChart{width:100%;display:none}.rew-actions{display:flex;gap:5px;flex-wrap:wrap}@media(max-width:1000px){.rew-grid{grid-template-columns:1fr 1fr}.rew-grid article:last-child{grid-column:1/-1}}@media(max-width:620px){.rew-grid{grid-template-columns:1fr}.rew-grid article:last-child{grid-column:auto}}

.sample-disclosure{margin:0 0 18px;color:var(--muted);font-size:11px}.sample-disclosure>summary{cursor:pointer;padding:5px 0;width:fit-content}.sample-disclosure .sample-tools{margin-top:10px;background:transparent;border-color:var(--line)}.export-summary{display:flex;align-items:center;gap:16px}.panel-footer #changes{color:var(--accent);font-size:13px;font-weight:700;padding:9px 12px;background:#25351e;border:1px solid #4c633c;border-radius:6px}.panel-footer #exportBottom{font-size:13px;padding:12px 18px;font-weight:700}.actions #export{padding:12px 20px;box-shadow:0 0 0 3px #b7ed8312}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media(max-width:620px){.panel-footer{flex-direction:column;align-items:stretch}.export-summary{justify-content:space-between;gap:8px}.panel-footer #changes{font-size:11px}.panel-footer #exportBottom{font-size:12px}}