:root{--bg:#f7f7fb;--surface:#fff;--text:#1e1b2e;--muted:#5f5b73;--line:#e4e2ee;--primary:#4f46e5;--primary-ink:#fff;--primary-soft:#eef0ff;--ok:#0f7b4a;--warn:#9a5b00;--radius:12px;--shadow:0 1px 2px #14103c0f, 0 8px 24px #14103c0f;--header-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Hiragino Sans,Yu Gothic UI,Malgun Gothic,PingFang SC,sans-serif;line-height:1.55}@media (prefers-color-scheme:dark){:root{--bg:#12111a;--surface:#1b1a26;--text:#ecebf5;--muted:#a6a3bb;--line:#2d2b3d;--primary:#8b85ff;--primary-ink:#11101a;--primary-soft:#26244a;--ok:#4ad295;--warn:#f3b44b;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{flex-direction:column;min-height:100vh;margin:0;display:flex}a{color:var(--primary)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-999px}.skip:focus{z-index:100;background:var(--surface);border-radius:8px;padding:8px 12px;top:12px;left:12px}.site-header{z-index:20;height:var(--header-h);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:0 clamp(12px,3vw,32px);display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.15rem;font-weight:750;text-decoration:none;display:flex}.brand svg{width:30px;height:30px}.site-nav{scrollbar-width:none;gap:4px;margin-left:auto;display:flex;overflow-x:auto}.site-nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:.95rem;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text);background:var(--primary-soft)}.lang{font-size:.9rem;position:relative}.lang summary{cursor:pointer;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:6px 10px;list-style:none}.lang ul{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;min-width:170px;margin:0;padding:6px;list-style:none;position:absolute;top:120%;right:0}.lang a{color:var(--text);border-radius:6px;padding:6px 10px;text-decoration:none;display:block}.lang a:hover{background:var(--primary-soft)}main{flex:1}.btn{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{border-color:var(--primary)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:progress}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn-primary:hover{filter:brightness(1.08)}.btn-big{border-radius:12px;padding:14px 26px;font-size:1.1rem}.btn-small{border-radius:8px;padding:5px 10px;font-size:.85rem}.btn-link{font:inherit;color:var(--primary);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:4px;text-decoration:underline}.icon-btn{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:8px;font-size:1.1rem;line-height:1}:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}.app{padding:clamp(16px,4vw,40px) clamp(12px,3vw,32px) 8px}.hero{text-align:center;max-width:880px;margin:0 auto}.hero h1{letter-spacing:-.025em;margin:8px 0 12px;font-size:clamp(1.8rem,4.2vw,2.8rem);line-height:1.15}.lead{color:var(--muted);max-width:680px;margin:0 auto 24px;font-size:clamp(1rem,1.8vw,1.15rem)}.drop{border:2px dashed color-mix(in srgb, var(--primary) 45%, var(--line));background:var(--surface);box-shadow:var(--shadow);border-radius:20px;padding:clamp(28px,6vw,56px) 20px;transition:border-color .2s,background .2s}.drop-inner{flex-direction:column;align-items:center;gap:10px;display:flex}.drop-icon{width:48px;height:48px;fill:var(--primary);opacity:.85}.drop-hint{color:var(--muted);margin:0}.trust{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:18px 0 0;padding:0;font-size:.92rem;list-style:none;display:flex}.trust li{align-items:center;gap:6px;display:flex}.trust svg{width:16px;height:16px;fill:var(--ok)}.app-error{background:color-mix(in srgb, #e5484d 12%, var(--surface));border:1px solid color-mix(in srgb, #e5484d 40%, var(--line));border-radius:10px;max-width:640px;margin:16px auto 0;padding:12px 16px}.app.loading .drop{opacity:.6;pointer-events:none}.app.loading .drop-icon{animation:1s infinite alternate pulse}@keyframes pulse{to{transform:translateY(-4px)}}.workspace{display:none}.app.has-doc{padding-top:12px}.app.has-doc .hero{display:none}.app.has-doc .workspace{height:calc(100vh - var(--header-h) - 24px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:520px;box-shadow:var(--shadow);grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.doc-name{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;font-weight:650;overflow:hidden}.spacer{flex:1}.zoom-label{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;color:var(--muted);font-size:.9rem}.bg-pick select,.form-row select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:5px 8px;font-size:.85rem}.stage{grid-template-columns:1fr 320px;min-height:0;display:grid}.viewport{cursor:grab;touch-action:none;background:#e9e8ef;min-height:0;position:relative;overflow:hidden}.viewport[data-bg=checker]{background-color:#fff;background-image:conic-gradient(#e6e6ec 25%, #fff 0 50%, #e6e6ec 0 75%, #fff 0);background-size:20px 20px}.viewport[data-bg=white]{background:#fff}.viewport[data-bg=dark]{background:#2a2933}.viewport.grabbing{cursor:grabbing}.doc-canvas{transform-origin:0 0;image-rendering:auto;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #0000001f,0 6px 30px #0000002e}.doc-canvas.pixelated{image-rendering:pixelated}.side{border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);display:flex}.tabs [role=tab]{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 6px;font-size:.92rem;font-weight:600}.tabs [role=tab][aria-selected=true]{color:var(--text);border-bottom-color:var(--primary)}.panel{flex:1;min-height:0;padding:10px 12px 16px;overflow:auto}.panel h3{margin:14px 0 4px;font-size:.95rem}.panel h3:first-child{margin-top:4px}.help{color:var(--muted);margin:0 0 10px;font-size:.86rem}.help.small{margin-top:6px;font-size:.8rem}.form-row{justify-content:space-between;align-items:center;gap:10px;margin:8px 0;font-size:.9rem;display:flex}.form-row[hidden]{display:none}.export-btn{width:100%;margin-top:6px}.check{align-items:center;gap:8px;margin-top:8px;font-size:.86rem;display:flex}progress{width:100%;accent-color:var(--primary);margin-top:12px}.exp-note.error{color:#c62a2f}.exp-note{color:var(--muted);overflow-wrap:anywhere;min-height:1.2em;font-size:.84rem}.layer-tools{gap:6px;margin-bottom:8px;display:flex}.layer-tree,.layer-tree ul{margin:0;padding:0;list-style:none}.layer-tree li.folder>ul{display:none}.layer-tree li.folder.open>ul{display:block}.layer-row{padding:3px 4px 3px calc(4px + var(--depth) * 14px);border-radius:8px;align-items:center;gap:6px;min-height:46px;display:flex}.layer-row:hover{background:var(--primary-soft)}.layer-row.clipped{padding-left:calc(18px + var(--depth) * 14px)}.layer-row.clipped:before{content:"↳";color:var(--muted);margin-right:-2px}.is-hidden>.layer-row .layer-name,.is-hidden>.layer-row .thumb{opacity:.45}.eye{cursor:pointer;width:28px;height:28px;color:var(--text);background:0 0;border:none;border-radius:6px;flex:none}.eye svg{fill:currentColor;width:18px;height:18px}.eye.off{color:var(--muted);opacity:.45}.eye.off svg{fill:none;stroke:currentColor;stroke-width:1.2px}.twisty,.twisty-spacer{text-align:center;flex:none;width:16px}.twisty{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;transition:transform .15s}.open>.layer-row .twisty{transform:rotate(90deg)}.thumb{border:1px solid var(--line);background-color:#fff;background-image:conic-gradient(#eee 25%, #fff 0 50%, #eee 0 75%, #fff 0);background-size:8px 8px;border-radius:6px;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.thumb canvas{max-width:100%;max-height:100%}.kind-icon{fill:#6b6880;width:20px;height:20px}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.badges{flex:none;gap:3px;display:flex}.badge{background:var(--primary-soft);color:var(--muted);white-space:nowrap;border-radius:6px;padding:1px 5px;font-size:.7rem}.badge.approx{background:color-mix(in srgb, var(--warn) 18%, var(--surface));color:var(--warn);font-weight:700}.badge.missing{background:color-mix(in srgb, #e5484d 18%, var(--surface));color:#c62a2f;font-weight:700}.info-list{grid-template-columns:auto 1fr;gap:6px 12px;margin:4px 0;font-size:.9rem;display:grid}.info-list dt{color:var(--muted)}.info-list dd{overflow-wrap:anywhere;margin:0}.warnings{color:var(--muted);padding-left:18px;font-size:.8rem}.statusbar{border-top:1px solid var(--line);align-items:center;gap:10px;min-height:36px;padding:6px 12px;font-size:.84rem;display:flex}.notice{color:var(--muted);flex:1;margin:0}.notice.ok:before{content:"✓ ";color:var(--ok);font-weight:700}.notice.warn:before{content:"≈ ";color:var(--warn);font-weight:700}.status{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.status.busy:before{content:"";border:2px solid var(--primary);vertical-align:-1px;border-right-color:#0000;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.drag-overlay{z-index:50;background:color-mix(in srgb, var(--primary) 18%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;place-items:center;display:none;position:fixed;inset:0}.drag-overlay div{border:3px dashed var(--primary);background:var(--surface);border-radius:18px;padding:28px 36px;font-size:1.2rem;font-weight:700}body.dragging .drag-overlay{display:grid}.ad-slot{margin:0 auto}.ad-slot:empty{display:none}.ad-wide{max-width:970px;min-height:100px;margin:18px auto;padding:0 12px}.ad-side{min-height:250px;margin:8px 12px 12px}.ad-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.7rem;display:block}.content{max-width:780px;margin:24px auto 48px;padding:0 clamp(16px,4vw,24px)}.page-head{max-width:780px;margin:32px auto 0;padding:0 clamp(16px,4vw,24px)}.page-head h1{letter-spacing:-.02em;margin-bottom:0;font-size:clamp(1.7rem,4vw,2.4rem)}.content h2{letter-spacing:-.015em;margin:40px 0 10px;font-size:1.45rem}.content p,.content li,.content dd{color:color-mix(in srgb, var(--text) 85%, var(--muted))}.content code{background:var(--primary-soft);border-radius:5px;padding:1px 5px;font-size:.92em}.steps ol{counter-reset:step;gap:12px;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 14px 56px;position:relative}.steps li:before{content:counter(step);background:var(--primary);width:28px;height:28px;color:var(--primary-ink);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:13px;left:16px}.checks{padding-left:0;list-style:none}.checks li{margin:6px 0;padding-left:26px;position:relative}.checks li:before{content:"✓";color:var(--ok);font-weight:800;position:absolute;left:2px}.support{border-collapse:collapse;width:100%;margin:16px 0;font-size:.92rem}.support th,.support td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 10px}.support th{color:var(--muted);font-size:.85rem}.support .ok{color:var(--ok);font-weight:700}.support .near{color:var(--warn);font-weight:700}.formats dt{margin-top:12px;font-weight:700}.formats dd{margin:2px 0 0}.link-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:0;list-style:none;display:grid}.link-cards a{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);height:100%;color:var(--text);flex-direction:column;gap:4px;padding:16px;text-decoration:none;display:flex}.link-cards a:hover{border-color:var(--primary)}.link-cards span{color:var(--muted);font-size:.9rem}.faq details{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:8px 0}.faq summary{cursor:pointer;padding:12px 16px;font-weight:650}.faq details>div{color:var(--muted);padding:0 16px 12px}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:24px clamp(16px,4vw,32px) 32px;font-size:.86rem}.site-footer nav{justify-content:center;gap:18px;margin-bottom:8px;display:flex}.site-footer .small{font-size:.8rem}@media (max-width:860px){.stage{grid-template-rows:minmax(300px,58vh) auto;grid-template-columns:1fr}.app.has-doc .workspace{height:auto}.side{border-left:none;border-top:1px solid var(--line);max-height:none}.panel{max-height:60vh}.site-nav a{padding:6px 7px;font-size:.88rem}.doc-name{flex-basis:100%;max-width:100%}.ad-side{display:none}}@media (max-width:520px){.site-header{gap:10px}.brand span,.lang{display:none}.statusbar{flex-wrap:wrap}}