:root{font-family:Arial,Helvetica,sans-serif;color:#183b34;background:#f6f6ed;font-synthesis:none;--green:#207f68;--line:#dbe0d3}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1240px;margin:auto;padding:24px 36px}header{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}a{color:inherit}.brand{font-size:24px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--green);margin-left:5px}.badge{font-size:10px;letter-spacing:1.4px;background:#e2eadd;padding:7px 10px;border-radius:30px}.header-note{margin-left:auto;font-size:12px;color:#63756b}.title-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}h1{font-size:clamp(26px,3.4vw,42px);letter-spacing:-1.7px;margin:0}.title-row>span,.panel-title{font-size:10px;letter-spacing:1.4px;font-weight:700}.workspace{display:grid;grid-template-columns:1.05fr 1fr;background:#fffef8;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #24453607}.workspace article,.workspace aside{padding:24px;min-width:0}.workspace article{border-right:1px solid var(--line)}.panel-title{display:flex;justify-content:space-between;margin-bottom:20px;color:#68766b}.drop{text-align:center;border:1px dashed #b1c3b2;border-radius:13px;background:#eff2e6;padding:24px 16px}.drop.over{outline:3px solid #32987a}.symbol{display:block;font-size:28px;margin:0 0 12px}.drop p{font-size:14px;margin:12px 0 7px}.drop small{font-size:11px;color:#68766b}button,a.secondary{cursor:pointer;font:inherit}button,.secondary{border-radius:9px;min-height:44px;padding:10px 14px;border:1px solid var(--line);background:transparent;color:inherit;text-decoration:none;font-size:12px;font-weight:700}.primary{background:var(--green);color:white;border:0;min-height:48px}.primary:hover{background:#17624f}.secondary:hover{background:#edf2e9}.quiet{border:0;color:#68766b}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #cf9b36;outline-offset:3px}.sequence-tools{display:flex;gap:8px;margin:16px 0}.sequence-tools .quiet{margin-left:auto}.frames{max-height:340px;overflow-y:auto}.frame{display:grid;grid-template-columns:52px 1fr;gap:10px;border-top:1px solid var(--line);padding:12px 0}.frame img{width:52px;height:52px;object-fit:contain;background:#e8edde;border-radius:7px}.frame .name{font-size:12px;font-weight:bold;overflow-wrap:anywhere}.frame .buttons{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.frame button{padding:5px 9px;min-height:36px;font-size:11px}.frame input{width:94px;min-height:36px;padding:5px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;align-items:end}label{font-size:11px;font-weight:700;display:block;color:#52675a}input,select{display:block;margin-top:6px;border:1px solid #cbd6c8;background:#fffef9;border-radius:8px;padding:10px;min-height:44px;width:100%;color:#183b34;font:inherit;font-size:13px}input[type=color]{padding:4px}details{border-top:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-size:12px;font-weight:700;list-style:none}summary span{float:right}details .grid{margin-top:14px}.check{display:flex;align-items:center;margin-top:10px;gap:9px}.check input{width:18px;min-height:18px;margin:0}.preview{height:210px;border-radius:12px;background:repeating-conic-gradient(#e9ebdf 0% 25%,#f5f5ed 0% 50%) 0/16px 16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-top:14px}.preview canvas,.preview img{max-width:100%;max-height:100%;object-fit:contain}.preview canvas{display:none}.preview.ready canvas{display:block}.preview.output canvas{display:none}.preview span{font-size:13px;color:#7a8778}.preview.ready span{display:none}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions>*{flex:1;text-align:center}.ledger,#status{font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:#627464;font-variant-numeric:tabular-nums}.error{color:#aa3930!important}progress{width:100%;accent-color:var(--green);margin-top:15px}.copy{max-width:950px;margin:45px auto 0;border-top:1px solid var(--line);padding-top:20px}.copy h2{font-size:24px;letter-spacing:-.7px}.copy h3{font-size:16px}.copy p{font-size:14px;line-height:1.8;color:#5c6d60}.copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}footer{display:flex;gap:20px;font-size:12px;border-top:1px solid var(--line);color:#6c796b}footer span{margin-left:auto}video{width:100%;max-height:200px;margin-top:15px}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:18px}.header-note,.title-row>span{display:none}.workspace{grid-template-columns:1fr}.workspace article{border-right:0;border-bottom:1px solid var(--line)}.workspace article,.workspace aside{padding:18px}.drop{padding:20px 12px}.copy-grid{grid-template-columns:1fr;gap:5px}footer{flex-wrap:wrap}footer span{margin-left:0;width:100%}.title-row{margin-bottom:18px}.preview{height:220px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}.frame{animation:appear .15s}@keyframes appear{from{opacity:.6}to{opacity:1}}}
@media(min-width:651px){header{padding-top:18px;padding-bottom:18px}main{padding-top:18px}.workspace article,.workspace aside{padding:20px}.preview{height:150px}.grid{margin-bottom:10px}.panel-title{margin-bottom:16px}}