:root{color-scheme:light;--ink:#183432;--muted:#536a68;--line:#d3e2de;--green:#176f61;--paper:#f4f8f6;--white:#fff;--gold:#f7bc60;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:var(--green);text-underline-offset:3px}button,input,select{font:inherit}button,.button{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:.5rem .8rem;cursor:pointer;text-decoration:none;line-height:1.4;display:inline-block}button:hover,.button:hover{border-color:var(--green);background:#edf8f3}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#125c51;color:white}.danger{color:#a93028}input:not([type=checkbox]):not([type=file]),select{width:100%;border:1px solid #b6ccc6;background:#fff;color:var(--ink);border-radius:5px;padding:.4rem .55rem;min-width:0}input[type=range]{padding:0}input[type=checkbox]{accent-color:var(--green)}:focus-visible{outline:3px solid #df982c;outline-offset:3px}[hidden]{display:none!important}.wrap{max-width:1240px;margin:auto;padding:0 24px}header{border-bottom:1px solid var(--line);background:white}.header{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:76px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;color:var(--ink);text-decoration:none;letter-spacing:-.3px}.brand img{width:36px;height:36px}.nav{display:flex;gap:14px;flex-wrap:wrap;font-size:.9rem}main{padding-bottom:64px}.hero{padding:42px 0 28px;max-width:850px}.eyebrow{color:var(--green);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;letter-spacing:-1.3px;margin:12px 0 16px}h2{font-size:1.3rem;line-height:1.3}h3{font-size:1.05rem}p{margin:0 0 18px}.muted,.meta,.note{color:var(--muted);font-size:.88rem}.editor{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #20483b08;overflow:hidden}.toolbar{padding:18px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line)}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.workgrid{display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);padding:18px;background:#f9fbfa}.workspace{padding:18px;min-width:0}.drop{padding:16px;border:1px dashed #89b8aa;border-radius:8px;background:#f5faf7}.dragover{background:#d9f3e8}.file-row{display:grid;grid-template-columns:1fr repeat(3,26px);gap:4px;border-bottom:1px solid var(--line);padding:10px 0}.file-row>button:first-child{grid-column:1/-1;text-align:left;overflow-wrap:anywhere}.file-row .meta{grid-column:1/-1}.small{font-size:.8rem;padding:.25rem}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:12px;margin:14px 0}label{font-size:.85rem;display:block}.check{display:inline-flex;align-items:center;gap:6px}.wave{display:block;width:100%;height:180px;border:1px solid var(--line);border-radius:7px;touch-action:none}.track{border:1px solid var(--line);border-radius:7px;margin:12px 0;padding:10px}.track-controls{display:grid;grid-template-columns:minmax(120px,1fr) repeat(3,auto) 95px 90px 26px;gap:7px;align-items:center}.lane{height:58px;background:repeating-linear-gradient(90deg,#f4f8f6 0,#f4f8f6 calc(10% - 1px),#d8e3de calc(10% - 1px),#d8e3de 10%);position:relative;overflow:hidden;border-radius:4px;margin-top:10px}.clip{position:absolute;height:46px;top:6px;background:#d4ece4;border-color:#97c3b4;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;touch-action:none;font-size:.78rem}.clip.selected{background:#b8e2d0;border:2px solid var(--green)}.clip-settings{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.clip-settings .tiny{width:120px}.clip-settings select{max-width:160px}.clip-settings strong{width:100%}.panel{padding:16px 0;border-top:1px solid var(--line);margin-top:18px}.panel h2{margin:0 0 12px}.statusbar{padding:18px;background:#edf5f0;border-top:1px solid var(--line)}#status{white-space:pre-wrap;font-weight:600}.error,#warning{color:#ab352b}progress{width:100%;height:10px;accent-color:var(--green)}.content{max-width:840px;margin:44px auto 0}.content p{line-height:1.85}.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px}.tool-card{background:white;padding:16px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--ink)}.tool-card:hover{border-color:var(--green)}.cta{background:#183c35;color:white;padding:26px;border-radius:12px;margin:28px 0}.cta a{color:#bff1dd}.faq details{padding:16px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:650}details p{margin:12px 0 0}footer{background:white;border-top:1px solid var(--line);padding:28px 0}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}ul,ol{padding-left:24px}code{overflow-wrap:anywhere}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:8px;background:white;padding:8px;z-index:9}@media(max-width:850px){.workgrid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.track-controls{grid-template-columns:repeat(3,1fr)}.track-controls input:first-child{grid-column:1/-1}.header{align-items:flex-start;flex-direction:column;padding:18px 0;gap:10px}.wrap{padding:0 16px}.hero{padding-top:28px}.toolbar{padding:12px}.workspace{padding:12px}.nav{gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}