@layer tokens, base, components, areas;@layer areas{.out-fig picture{display:contents}.out-fig source{display:none}.idchip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 4px 0 12px;border-radius:10px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);max-width:100%;min-width:0}.idchip code{font-size:13.5px;font-weight:500;color:var(--fg);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.idchip button{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 8px;border-radius:7px;font:500 12px/1 var(--font-sans);color:var(--fg-3);transition:color .2s,background-color .2s;flex:none}.idchip button:hover{color:var(--fg);background:var(--surface-2)}.idchip button.done{color:var(--accent-text)}.idchip.sm{height:30px}.idchip.sm code{font-size:12.5px}.pg-form{padding:18px;border-radius:22px;display:grid;gap:18px;align-content:start}.pg-ex{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.pg-ex .chip{height:28px}.drop{display:flex;align-items:center;gap:14px;padding:14px;border-radius:13px;border:1.5px dashed var(--line-3);background:var(--bg-2);cursor:pointer;transition:border-color .2s,background-color .2s}.drop.over,.drop:hover{border-color:var(--accent-line);background:var(--accent-soft)}.drop-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--fg-2)}.drop-t{display:grid;gap:3px;font-size:14px;color:var(--fg-2);line-height:1.4}.drop-t b{color:var(--fg);font-weight:600}.drop-t code{font-size:11.5px}.ratios{display:flex;flex-wrap:wrap;gap:6px}.ratio{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 11px;border-radius:9px;font:500 12.5px/1 var(--font-mono);color:var(--fg-2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);transition:color .2s,box-shadow .2s,background-color .2s}.ratio:hover{color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-3)}.ratio[aria-checked=true]{color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-text)}.rg{display:inline-block;width:var(--w,14px);height:var(--h,14px);border-radius:2.5px;border:1.5px solid;opacity:.75}.rg.auto{width:14px;height:14px;border-style:dashed;border-radius:4px}.rescards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rc{display:grid;gap:6px;padding:12px 13px;border-radius:13px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);text-align:left;transition:box-shadow .2s,background-color .2s,transform .2s var(--ease)}.rc:hover{box-shadow:inset 0 0 0 1px var(--line-3);transform:translateY(-1px)}.rc b{font:600 16px/1 var(--font-mono);color:var(--fg)}.rc span{font:500 13px/1 var(--font-mono);color:var(--fg-2)}.rc[aria-checked=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-text)}.rc[aria-checked=true] span{color:var(--accent-text)}.pg-run{display:grid;gap:10px;padding-top:2px}.runbtn{height:54px;font-size:15.5px;border-radius:13px}.runbtn .sep{opacity:.5}.runbtn .pr{font-family:var(--font-mono);font-weight:600}.pg-out{padding:14px;border-radius:22px;display:flex;flex-direction:column;gap:12px;min-width:0}.out-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 0}.out-view{position:relative;flex:1 1;min-height:440px;display:grid;place-items:center;border-radius:15px;overflow:hidden;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:22px 22px;background-position:50%}.out-fig{position:relative;width:min(calc(520px * var(--r)),calc(100% - 40px));aspect-ratio:var(--r);border-radius:11px;overflow:hidden;box-shadow:0 24px 50px -18px rgba(0,0,0,.6),0 0 0 1px var(--line-2);transition:width .5s var(--ease-out)}.out-fig img{width:100%;height:100%;object-fit:cover;transition:opacity .35s var(--ease),filter .6s var(--ease)}.out-fig.busy img{opacity:.35;filter:blur(14px) saturate(.6)}.out-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:0 4px}.out-meta .om{font-size:12.5px;color:var(--fg-2)}.out-act{align-items:center;justify-content:space-between;gap:8px 12px;padding:0 4px 2px}.out-act,.out-btns{display:flex;flex-wrap:wrap}.out-btns{gap:8px}.md-prompt[aria-invalid=true]{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 5%,var(--surface));box-shadow:0 0 0 4px var(--bad-soft)}.md-count.bad,.md-err{color:var(--bad)}.md-err{font-size:12.5px;line-height:1.45}.md-refs .flabel{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.md-rcnt{font-weight:500}.md-rlist{display:grid;gap:6px;margin:0;padding:0;list-style:none}.md-ri{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 8px 8px 10px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}.md-rth{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);color:var(--fg-3)}.md-rn{display:grid;gap:3px;min-width:0}.md-rn b{font-size:13.5px;font-weight:560;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-rn .hint{font-size:12px}.md-ri.st-bad{background:var(--bad-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 55%,transparent)}.st-bad .md-rth{background:transparent;color:var(--bad)}.st-ok .md-rth{color:var(--accent-text)}.st-bad .md-rn .hint{color:var(--bad)}.md-rretry{justify-self:start;font-size:12px;line-height:1.3}.md-prog{height:3px;background:var(--surface-3);overflow:hidden}.md-prog,.md-prog i{display:block;border-radius:2px}.md-prog i{width:42%;height:100%;background:var(--mint);animation:md-slide 1.2s ease-in-out infinite}.md-rx{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--fg-3);transition:color .2s,background-color .2s}.md-rx:hover{color:var(--fg);background:var(--surface-2)}.md-rnote{margin-top:-2px}.md-rnote code{font-size:11.5px}.drop.is-full{opacity:.6;cursor:not-allowed}.drop.is-full:hover{border-color:var(--line-3);background:var(--bg-2)}.md-resnote{display:flex;gap:8px;align-items:flex-start;margin-top:10px}.md-resnote .ico{margin-top:2px;flex:none;color:var(--fg-3)}.rc[disabled]{cursor:not-allowed;background:transparent;box-shadow:inset 0 0 0 1px var(--line);transform:none}.rc[disabled] b,.rc[disabled] span{color:var(--fg-3)}.rc[disabled]:hover{transform:none;box-shadow:inset 0 0 0 1px var(--line)}.md-bal{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;line-height:1.4;color:var(--fg-2);text-align:center}.md-bal .ico{color:var(--fg-3);flex:none}.md-bal b{color:var(--fg);font-weight:600}.md-bal-low,.md-bal.low .md-bal-ok{display:none}.md-bal.low .md-bal-low{display:inline}.md-bal.low,.md-bal.low .ico{color:var(--warn)}.runbtn[disabled]{cursor:progress}.out-fig.froze:before{inset:0;z-index:4;background:linear-gradient(90deg,transparent calc(100% - 2px),color-mix(in srgb,var(--bg) 55%,transparent) 0) 0 0 /calc(100% / 6) 100%,linear-gradient(transparent calc(100% - 2px),color-mix(in srgb,var(--bg) 55%,transparent) 0) 0 0/100% calc(100% / 6)}.out-fig.froze:after,.out-fig.froze:before{content:"";position:absolute;pointer-events:none}.out-fig.froze:after{z-index:5;left:calc(100% / 6 * 2);top:calc(100% / 6 * 2);width:calc(100% / 6);height:calc(100% / 6);border-radius:3px;background:color-mix(in srgb,var(--mint) 12%,transparent);box-shadow:inset 0 0 0 2px var(--mint),0 0 18px 2px var(--glow)}.md-views{padding:0}.md-views .ov{display:grid;place-items:center;width:100%;height:100%;padding:20px}.md-gbox{display:grid;justify-items:center;gap:18px;width:100%}.md-gbox .out-fig{width:min(calc(420px * var(--r)),100%)}.md-ghost{display:grid;place-items:center;border:1.5px dashed var(--line-3);background:var(--skel);box-shadow:none;color:var(--fg-3)}.md-ghost .ico{width:28px;height:28px;opacity:.7}.md-gt{display:grid;justify-items:center;gap:6px;margin:0;text-align:center}.md-gt b{font-size:15px;font-weight:600;color:var(--fg-2)}.md-gt span{font-size:13px;line-height:1.5;color:var(--fg-3);max-width:24em}.md-msg{display:grid;gap:12px;justify-items:start;width:min(480px,100%);padding:20px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}.md-msg>b{font-size:17px;font-weight:620;letter-spacing:-.02em}.md-msg p{margin:0;font-size:14px;line-height:1.55;color:var(--fg-2)}.md-msg.bad{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 45%,transparent)}.md-msg.warn{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 45%,transparent)}.md-msg.refuse{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--refuse) 45%,transparent)}.md-msg.info{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--info) 45%,transparent)}.md-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);color:var(--fg-2)}.md-ico.bad{background:var(--bad-soft);color:var(--bad)}.md-ico.warn{background:var(--warn-soft);color:var(--warn)}.md-ico.refuse{background:var(--refuse-soft);color:var(--refuse)}.md-ico.info{background:var(--info-soft);color:var(--info)}.md-msg .md-refund{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 12px;border-radius:11px;background:var(--ok-soft);color:var(--fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 30%,transparent)}.md-refund .ico{color:var(--ok);flex:none}.md-refund b{color:var(--ok)}.md-kv{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:12px}.md-kv>div{display:flex;gap:6px}.md-kv dt{color:var(--fg-3)}.md-kv dd{margin:0;color:var(--fg)}.md-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.field:has(.md-file:focus-visible) .drop{outline:2px solid var(--focus);outline-offset:2px}@container scr (max-width: 600px){.pg-form{padding:14px;gap:16px}.pg-out{padding:12px}.out-view{min-height:300px}.rescards{gap:6px}.rc{padding:10px 11px}.ratio{height:32px;padding:0 9px}}@container scr (max-width: 400px){.rescards .rc span{font-size:12px}}@container scr (max-width: 600px){.md-views .ov{padding:14px}.md-msg{padding:16px}.md-ri{gap:8px;padding:7px 6px 7px 8px}.md-bal{font-size:12.5px}}@keyframes md-slide{0%{transform:translateX(-100%)}to{transform:translateX(240%)}}}