:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243f43;background:#f6f7f2;line-height:1.5;font-size:14px;--ink:#163d3c;--green:#176452;--line:#dce4db;--muted:#61776e}*{box-sizing:border-box}body{margin:0}.shell{max-width:1400px;margin:auto;padding:0 38px}header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:750;color:var(--ink);text-decoration:none;display:flex;gap:12px;align-items:center}.mark{font-size:29px;background:#dcebdd;width:40px;height:40px;display:grid;place-content:center;border-radius:10px}.badge{font-size:10px;letter-spacing:1.25px;border:1px solid #cad9cc;border-radius:50px;padding:5px 11px;font-weight:700;color:#3d6654}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 31px;gap:25px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:750;color:#4e7862;margin:0 0 14px}h1{font-size:clamp(32px,3.4vw,47px);letter-spacing:-1.7px;line-height:1.12;margin:0 0 16px;font-weight:650}.lede{color:var(--muted);font-size:16px;line-height:1.7;margin:0}.privacy{border-left:1px solid var(--line);padding:12px 0 12px 30px;max-width:370px;font-size:12px}.privacy p{color:var(--muted);margin:9px 0 0}.dot{display:inline-block;width:7px;height:7px;background:#3a8d58;border-radius:50%;margin-right:8px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 3px #233c2a03}.import{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;gap:20px}h2{font-size:17px;font-weight:650;margin:0}h3{font-size:14px;margin:0;font-weight:700}.step{font-size:11px;color:#6e8b73;margin-right:8px}p{margin:8px 0}.fine{font-size:11px;color:var(--muted);line-height:1.6}.import p{font-size:12px;color:var(--muted)}.import .fine{font-size:10px}.import-actions,.export-actions{display:flex;align-items:center;gap:10px}button,.button{font:inherit;font-size:12px;font-weight:650;border-radius:7px;padding:11px 16px;background:#fff;border:1px solid #cddacf;color:#2b5346;cursor:pointer;white-space:nowrap;display:inline-block;text-decoration:none}.primary{background:var(--green);color:#fff;border-color:var(--green)}button:hover,.button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,.button:focus-visible{outline:3px solid #76b89a;outline-offset:2px}#files{position:absolute;width:1px;height:1px;opacity:0}#files:focus-visible+button,.button:has(+ input:focus-visible){outline:2px solid #176452}.message{padding:15px 4px;font-size:12px;color:#60786a;min-height:48px}.message.error{color:#9e401b;font-weight:650}.section-title{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px}.section-title p{font-size:12px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:300px 1fr;gap:17px}.controls{padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.subtle{font-size:8px;padding:3px 8px}.controls label{display:block;font-size:11px;font-weight:650;margin:15px 0 6px}input,select{width:100%;border:1px solid #cfdbd1;border-radius:6px;background:#fcfdfb;color:#2c4a40;padding:9px 10px;font:inherit;font-size:12px}select{min-height:37px}.pair{display:flex;gap:12px}.pair>div{width:50%}.controls button{width:100%;margin-top:10px;font-size:10px}.notice{font-size:11px;margin:12px 0 0}.preview{padding:21px;min-width:0}.canvases{display:grid;grid-template-columns:1fr 1fr;gap:14px}figure{margin:0;min-width:0}figcaption{font-size:9px;font-weight:700;letter-spacing:1px;margin:4px 0 9px}figcaption span{font-weight:400;letter-spacing:0;color:var(--muted);float:right}canvas{width:100%;height:auto;border:1px solid #dfe6dd;border-radius:7px;background-color:#f5f7f2;background-image:linear-gradient(45deg,#e6ece5 25%,transparent 25%),linear-gradient(-45deg,#e6ece5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6ece5 75%),linear-gradient(-45deg,transparent 75%,#e6ece5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.playback{display:flex;align-items:center;gap:9px;margin-top:15px;flex-wrap:wrap}.playback input{width:53px;padding:7px}.playback label{font-size:10px;margin-left:5px}.playback button{padding:7px 12px;font-size:10px}.playback .fine{margin-left:auto;font-size:10px}.frame-panel{margin-top:17px;padding:20px 0 0;overflow:hidden}.frame-panel .panel-head{padding:0 21px}.table-scroll{overflow-x:auto}table{min-width:1000px;width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;color:#60796c;font-weight:600;background:#f7faf5;padding:10px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{font-size:11px;border-bottom:1px solid #edf1e9;padding:12px 14px;vertical-align:middle}tr:last-child td{border-bottom:0}td:first-child{min-width:230px;font-weight:650}td .output-name{display:block;font-size:9px;color:#86958a;font-weight:400;margin-top:3px}td input.group-input{width:135px}td input.offset{width:66px;padding:7px}td input{padding:7px;font-size:11px}.flag{display:inline-block;font-size:9px;background:#f9ecd4;color:#8b591a;border-radius:4px;padding:3px 6px;margin:2px 4px 2px 0;font-weight:600}.flag.ok{background:#e5f1e7;color:#3e7350}.flag.bad{background:#fbe3dc;color:#973c25}.export{display:flex;justify-content:space-between;align-items:center;margin:18px 0 22px;padding:23px 25px;gap:25px}.export p{font-size:12px;color:#60786a}.export .fine{font-size:10px}.export-actions{flex-direction:column;align-items:stretch;min-width:200px}.limits{font-size:12px;color:#61766b;border-top:1px solid var(--line);padding:18px 4px;max-width:100%}.limits summary{cursor:pointer;font-weight:600}.limits p{max-width:980px;font-size:11px;margin-top:13px}footer{padding:20px 0 25px;display:flex;justify-content:space-between;color:#819083;font-size:10px;border-top:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:1000px){.work-grid{grid-template-columns:270px 1fr}.shell{padding:0 20px}.privacy{max-width:300px}.canvases{gap:8px}.playback .fine{margin-left:0}.import-actions{flex-direction:column;align-items:stretch}}@media(max-width:760px){.intro{display:block;padding:28px 0}.privacy{border:0;padding:20px 0 0;max-width:none}h1{font-size:38px}.import,.export{align-items:stretch;flex-direction:column}.import-actions{flex-direction:row;flex-wrap:wrap}.work-grid{grid-template-columns:1fr}.controls{display:block}.canvases{grid-template-columns:1fr 1fr}.section-title{align-items:flex-start;flex-direction:column;gap:0}.shell{padding:0 15px}.badge{font-size:8px}.brand{font-size:16px}header{height:68px}footer{gap:10px;flex-direction:column}.desktop{display:none}.frame-panel .panel-head{flex-wrap:wrap}td:first-child{min-width:190px}#frame-label{max-width:150px;overflow-wrap:anywhere}}