:root{--bg: #ffffff;--bg-soft: #f6f8fb;--bg-sunken: #eef2f7;--surface: #ffffff;--border: #e4e9f0;--border-strong: #cdd6e2;--text: #14202e;--text-soft: #45556a;--text-muted: #4b5563;--brand: #4f46e5;--brand-dark: #4338ca;--brand-soft: #eef0fe;--accent: #0ea5a3;--accent-text: #0f766e;--accent-soft: #e2f6f5;--warn-bg: #fff8e6;--warn-border: #f4d27a;--info-bg: #eef4ff;--info-border: #bcd0ff;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--maxw: 72rem;--maxw-prose: 44rem;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(20, 32, 46, .06);--shadow: 0 6px 20px rgba(20, 32, 46, .07);--shadow-lg: 0 18px 40px rgba(20, 32, 46, .1);--gap: 1.5rem;--space: clamp(3rem, 6vw, 5rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh;display:flex;flex-direction:column}img,picture,svg,video{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{line-height:1.2;font-weight:750;letter-spacing:-.02em;color:var(--text);text-wrap:balance}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.25rem}p{text-wrap:pretty}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:1.25rem}.section{padding-block:var(--space)}.section-sm{padding-block:clamp(2rem,4vw,3rem)}main{flex:1}.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:.5rem}.lede{font-size:1.2rem;color:var(--text-soft);max-width:40rem}.section-head{max-width:46rem;margin-bottom:2rem}.section-head p{color:var(--text-soft);margin-top:.5rem}.skip-link{position:absolute;left:.5rem;top:-3rem;background:var(--brand);color:#fff;padding:.6rem 1rem;border-radius:var(--radius-sm);z-index:200;transition:top .15s ease}.skip-link:focus{top:.5rem}.site-header{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;gap:1rem;min-height:64px}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.2rem;letter-spacing:-.03em;color:var(--text);white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-size:1rem;font-weight:800}.backlink{margin-left:auto;font-weight:600;font-size:.92rem;color:var(--brand-dark);padding:.4rem .6rem;border-radius:var(--radius-sm)}.backlink:hover{background:var(--brand-soft);text-decoration:none}.site-footer{background:var(--bg-soft);border-top:1px solid var(--border);padding-block:3rem 2rem;margin-top:var(--space)}.footer-min{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;font-size:.9rem;color:var(--text-muted)}.footer-min strong{color:var(--text)}.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-links a{color:var(--text-soft);font-weight:600}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:var(--radius-sm);font-weight:650;font-size:.98rem;border:1px solid transparent;cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{background:var(--bg-soft)}.btn-soft{background:var(--brand-soft);border-color:transparent;color:var(--brand-dark)}.btn-soft:hover{background:#e0e3fb}.btn-block{width:100%;justify-content:center}.grid{display:grid;gap:var(--gap)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;height:100%;overflow:hidden}a.card:hover{text-decoration:none;border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.card h3{margin-bottom:.4rem}.card p{color:var(--text-soft);font-size:.97rem}.card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--brand-soft);color:var(--brand-dark);margin-bottom:.9rem}.card-tag{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);margin-bottom:.5rem}.card-meta{margin-top:.9rem;font-size:.85rem;color:var(--text-muted)}.card-thumb{display:block;width:calc(100% + 2.8rem);margin:-1.4rem -1.4rem 1rem;height:auto;aspect-ratio:12 / 5;object-fit:cover;border-bottom:1px solid var(--border);background:var(--bg-soft)}.article-hero{display:block;width:100%;max-width:var(--maxw-prose);height:auto;aspect-ratio:12 / 5;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);margin-bottom:2.5rem}.hero{padding-block:clamp(3rem,7vw,5.5rem) var(--space);background:radial-gradient(60% 120% at 80% -10%,var(--brand-soft),transparent 60%),radial-gradient(50% 100% at 0% 0%,var(--accent-soft),transparent 55%)}.hero h1{max-width:18ch}.hero .lede{margin-top:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.75rem}.pill{font-size:.85rem;font-weight:600;color:var(--text-soft);background:var(--surface);border:1px solid var(--border);padding:.35rem .75rem;border-radius:999px}.prose{max-width:var(--maxw-prose);font-size:1.075rem}.prose>*+*{margin-top:1.15rem}.prose h2{margin-top:2.6rem;padding-top:.4rem}.prose h3{margin-top:1.9rem;font-size:1.18rem}.prose h2+p,.prose h3+p{margin-top:.6rem}.prose ul,.prose ol{padding-left:1.4rem;display:grid;gap:.5rem}.prose li::marker{color:var(--brand)}.prose a{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-strong)}.prose a:hover{text-decoration-color:var(--brand)}.prose strong{color:var(--text);font-weight:700}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-sunken);padding:.15em .4em;border-radius:5px}.prose pre{background:#0e1726;color:#e6edf6;padding:1rem 1.1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.92rem}.prose pre code{background:none;padding:0}.prose blockquote{border-left:4px solid var(--brand);padding-left:1rem;color:var(--text-soft);font-style:italic}.prose img{border-radius:var(--radius);border:1px solid var(--border)}.prose hr{border:none;border-top:1px solid var(--border);margin-block:2rem}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:.97rem}.prose :where(table){margin-block:1.25rem}th,td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--border)}thead th{background:var(--bg-soft);font-weight:700;font-size:.9rem}tbody tr:last-child td{border-bottom:none}.faq{display:grid;gap:.75rem;max-width:var(--maxw-prose)}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.faq-item>summary{cursor:pointer;padding:1rem 1.1rem;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary:after{content:"+";font-size:1.3rem;color:var(--brand);line-height:1}.faq-item[open]>summary:after{content:"−"}.faq-item>div{padding:0 1.1rem 1.1rem;color:var(--text-soft)}.callout{border:1px solid var(--info-border);background:var(--info-bg);border-radius:var(--radius);padding:1.1rem 1.25rem}.callout.warn{border-color:var(--warn-border);background:var(--warn-bg)}.callout.tip{border-color:#bfe6c8;background:#effaf1}.callout-title{font-weight:700;margin-bottom:.3rem}.breadcrumbs{font-size:.88rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.breadcrumbs a{color:var(--text-soft)}.breadcrumbs span[aria-hidden]{color:var(--border-strong)}.article-head{max-width:var(--maxw-prose);margin-bottom:2rem}.byline{display:flex;align-items:center;gap:.7rem;margin-top:1.25rem;font-size:.92rem;color:var(--text-muted)}.byline img{width:40px;height:40px;border-radius:50%;border:1px solid var(--border)}.byline .author-name{color:var(--text);font-weight:650}.ad-slot{display:block;margin-block:2rem;min-height:100px;text-align:center}.ad-slot[data-format=inline]{max-width:var(--maxw-prose)}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 16rem;gap:3rem;align-items:start}.article-aside{position:sticky;top:84px;display:grid;gap:1.25rem}@media(max-width:980px){.article-grid{grid-template-columns:1fr}.article-aside{position:static}}.muted{color:var(--text-muted)}.center{text-align:center}.mt-0{margin-top:0}.stack>*+*{margin-top:1rem}.divider{border:none;border-top:1px solid var(--border);margin-block:var(--space)}.aside-title{font-weight:700;font-size:.95rem;margin-bottom:.5rem}.related-list{list-style:none;padding:0;display:grid;gap:.6rem}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0}.tag-list li{font-size:.8rem;color:var(--text-muted);background:var(--bg-sunken);padding:.2rem .6rem;border-radius:999px}.crop-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow)}.crop-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,370px);gap:1.25rem;align-items:start;animation:editorIn .4s ease both}@media(max-width:860px){.crop-editor{display:flex;flex-direction:column;height:clamp(460px,86svh,800px);gap:.75rem}.crop-stage{flex:0 0 46%;min-height:0;max-height:none;aspect-ratio:auto}.crop-controls{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:6px}}[class*=-drop]:not([class*=-drop-]){display:grid;place-items:center;align-content:center;gap:.4rem;text-align:center;padding:clamp(2rem,6vw,3.5rem) 1rem;border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(120% 120% at 50% 0%,var(--brand-soft),transparent 60%),var(--bg-soft);color:var(--text-soft);min-height:340px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}[class*=-drop]:not([class*=-drop-]).is-dragover{border-color:var(--brand);border-style:solid;box-shadow:0 0 0 4px var(--brand-soft);transform:scale(1.006)}[class*=-drop]:not([class*=-drop-]).is-busy{opacity:.65}.drop-illu{width:132px;height:auto;animation:floaty 5s ease-in-out infinite}[class*=-drop]:not([class*=-drop-]).is-dragover .drop-illu{animation-play-state:paused;transform:scale(1.06)}.drop-spark{transform-origin:104px 20px;animation:twinkle 2.4s ease-in-out infinite}[class*=-drop-title]{font-weight:750;font-size:1.3rem;color:var(--text);letter-spacing:-.01em}[class*=-drop-sub]{color:var(--text-soft)}[class*=-drop]:not([class*=-drop-]) .btn{margin-top:.5rem}.crop-hint{font-size:.85rem;margin-top:.15rem}.crop-error{color:#b91c1c;font-size:.9rem;margin-top:.5rem}.crop-stage{position:relative;width:100%;aspect-ratio:4 / 3;min-height:320px;max-height:640px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:repeating-conic-gradient(#e9eef5 0% 25%,#f7f9fc 0% 50%) 50% / 22px 22px;touch-action:none;user-select:none}@media(min-width:861px){.crop-stage{position:sticky;top:72px;z-index:1}}.crop-canvas{position:absolute;inset:0;width:100%;height:100%}.rot-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;box-shadow:0 2px 14px #0f172a29;background:transparent}.rot-canvas.is-alpha{background:repeating-conic-gradient(#e9eef5 0% 25%,#f7f9fc 0% 50%) 50% / 22px 22px}.crop-box{position:absolute;border:1.5px solid #fff;box-shadow:0 0 0 9999px #0f172a8c;cursor:move}.crop-box.mask-rounded{border-radius:10%}.crop-box.mask-circle{border-radius:50%}.crop-thirds{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,transparent calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(to bottom,transparent calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.crop-h{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--brand);border-radius:4px;box-shadow:0 1px 3px #00000059;transition:transform .1s ease}.crop-h:hover{transform:scale(1.25)}.crop-h-n,.crop-h-s{transform:translate(-50%)}.crop-h-e,.crop-h-w{transform:translateY(-50%)}.crop-h-n:hover,.crop-h-s:hover{transform:translate(-50%) scale(1.25)}.crop-h-e:hover,.crop-h-w:hover{transform:translateY(-50%) scale(1.25)}.crop-h-nw{left:-8px;top:-8px;cursor:nwse-resize}.crop-h-ne{right:-8px;top:-8px;cursor:nesw-resize}.crop-h-se{right:-8px;bottom:-8px;cursor:nwse-resize}.crop-h-sw{left:-8px;bottom:-8px;cursor:nesw-resize}.crop-h-n{left:50%;top:-8px;cursor:ns-resize}.crop-h-s{left:50%;bottom:-8px;cursor:ns-resize}.crop-h-e{right:-8px;top:50%;cursor:ew-resize}.crop-h-w{left:-8px;top:50%;cursor:ew-resize}.crop-controls{display:grid;gap:.25rem;align-content:start}.cg{display:grid;gap:.55rem;padding-block:.7rem}.cg:first-child{padding-top:0}.cg+.cg{border-top:1px solid var(--border)}.cg-title{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.seg{display:flex;gap:4px;padding:4px;background:var(--bg-sunken);border-radius:11px}.seg-wrap{flex-wrap:wrap}.seg-btn{flex:1 1 auto;min-width:42px;font:inherit;font-size:.85rem;font-weight:650;color:var(--text-soft);background:transparent;border:none;border-radius:8px;padding:.45rem .55rem;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.seg-btn:hover{color:var(--text)}.seg-btn.is-on{background:var(--surface);color:var(--brand-dark);box-shadow:var(--shadow-sm)}[role=tablist]{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--bg-sunken);border-radius:11px}[role=tablist] [role=tab]{flex:1 1 auto;min-width:42px;font:inherit;font-size:.85rem;font-weight:650;color:var(--text-soft);background:transparent;border:none;border-radius:8px;padding:.5rem .8rem;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease}[role=tablist] [role=tab]:hover{color:var(--text)}[role=tablist] [role=tab][aria-selected=true],[role=tablist] [role=tab].is-on{background:var(--surface);color:var(--brand-dark);box-shadow:var(--shadow-sm)}select:not([multiple]){appearance:none;-webkit-appearance:none;background-color:var(--surface);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236b7280%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .55rem center;border:1px solid var(--border-strong);border-radius:9px;padding:.5rem 2.1rem .5rem .75rem;font-weight:600;color:var(--text);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}select:not([multiple]):hover{border-color:var(--brand)}select:not([multiple]):focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}label.ocr-lang{display:inline-flex;align-items:center;gap:.5rem}input[type=color]{appearance:none;-webkit-appearance:none;width:2.5rem;height:2rem;padding:0;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:3px}input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}.soc-platform-grid{display:flex;flex-direction:column;gap:6px}.soc-plat-btn{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.5rem .65rem;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.soc-plat-btn:hover{border-color:var(--brand)}.soc-plat-btn.is-on{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.soc-plat-ic{flex:none;display:grid;place-items:center;width:20px;height:20px;color:var(--text-soft)}.soc-plat-ic svg{width:100%;height:100%}.soc-plat-btn.is-on .soc-plat-ic{color:var(--brand-dark)}.soc-plat-name{font-weight:650;font-size:.85rem}.soc-plat-size{margin-left:auto;padding-left:.6rem;font-size:.74rem;color:var(--text-soft);font-variant-numeric:tabular-nums;white-space:nowrap}[class*=-actions]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;flex:none;width:1.15rem;height:1.15rem;margin:0;border:1.5px solid var(--border-strong);border-radius:6px;background-color:var(--surface);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}input[type=radio]{border-radius:50%}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--brand)}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--brand);background-color:var(--brand)}input[type=checkbox]:checked{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E)}input[type=radio]:checked{background-image:radial-gradient(circle,#fff 0 34%,transparent 38%)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-soft)}label:has(input[type=checkbox]),label:has(input[type=radio]){display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.swatch-row{display:flex;flex-wrap:wrap;gap:.4rem}.swatch-row .swatch{width:1.5rem;height:1.5rem;padding:0;border:1px solid var(--border-strong);border-radius:7px;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease}.swatch-row .swatch:hover{transform:scale(1.1)}.swatch-row .swatch.is-on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--brand)}[class*=-card]:not([class*=-card-]){display:flex;flex-direction:column;gap:1.1rem}[class*=-editor]:not([class*=-editor-]){display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:1.25rem;align-items:start}@media(max-width:860px){[class*=-editor]:not([class*=-editor-]){grid-template-columns:1fr}}[class*=-stage]:not([class*=-stage-]){position:relative;display:grid;place-items:center;min-height:300px;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--bg-sunken);background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;overflow:hidden}@media(max-width:860px){[class*=-stage]:not([class*=-stage-]){min-height:240px}}[class*=-stage]:not([class*=-stage-])>canvas,[class*=-stage]:not([class*=-stage-])>img,[class*=-stage]:not([class*=-stage-])>video{max-width:100%;max-height:62vh;height:auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}[class*=-canvas]:not([class*=-canvas-]),[class*=-preview]:not([class*=-preview-]){max-width:100%}[class*=-controls]:not([class*=-controls-]){display:flex;flex-direction:column;gap:1.1rem;min-width:0}[class*=-list]:not([class*=-list-]){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}[class*=-field]:not([class*=-field-inline]){display:flex;flex-direction:column;gap:.4rem}[class*=-field]:not([class*=-field-inline])>span:first-child{font-size:.82rem;font-weight:600;color:var(--text-soft)}[class*=-field-inline]{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}[class*=-error]:not([class*=-error-]){margin:0;font-size:.85rem;font-weight:600;color:#dc2626}[class*=-hint]:not([class*=-hint-]),[class*=-note]:not([class*=-note-]){font-size:.82rem;color:var(--text-soft)}.btn-sm{padding:.45rem .8rem;font-size:.85rem;border-radius:var(--radius-sm)}.icon-btn-sm{width:1.9rem;height:1.9rem;padding:0}.cmp-working{position:absolute;inset:0;display:grid;place-items:center;background:#eef2f79e}.cmp-spin,.util-spin{width:34px;height:34px;border:3px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:utilSpin .7s linear infinite}@keyframes utilSpin{to{transform:rotate(360deg)}}.cmp-readout-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;font-size:1.3rem;font-weight:700}.cmp-arrow{color:var(--text-soft)}.cmp-dim,.cmp-saved{font-size:.82rem;color:var(--text-soft)}.cmp-saved{font-weight:650;color:#16a34a}.cmp-advanced{cursor:pointer}.dim-row{display:flex;align-items:flex-end;gap:.6rem}.dim-row>*{flex:1;min-width:0}.lock-btn{display:inline-grid;place-items:center;flex:none;width:2.55rem;height:2.55rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);cursor:pointer}.lock-btn.is-on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.preset-select{width:100%}.cg-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cg-head .cg-title{margin:0}.cg-subtitle,.cg-help{font-size:.8rem;color:var(--text-soft)}.btn-copy,.btn-file{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:var(--radius-sm);font-weight:650;font-size:.88rem;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer}.btn-copy:hover,.btn-file:hover{background:var(--bg-soft)}.icon-only{width:2.4rem;padding:0;justify-content:center}.icon-btn-danger{color:#dc2626}.icon-btn-danger:hover{background:#fef2f2;border-color:#fecaca}.icon-row{display:flex;gap:.5rem;flex-wrap:wrap}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text-soft);cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease,color .15s ease}.icon-btn:hover{background:var(--bg-soft);color:var(--text)}.icon-btn:active{transform:translateY(1px)}.icon-btn.is-on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.crop-field{display:grid;gap:.45rem;font-size:.88rem;color:var(--text-soft)}.crop-field>span{display:flex;align-items:center;gap:.35rem}.crop-field>span svg{color:var(--text-muted)}.crop-field b{margin-left:auto;color:var(--text);font-variant-numeric:tabular-nums}.crop-field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--bg-sunken);cursor:pointer}.crop-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand);border:2px solid #fff;box-shadow:var(--shadow-sm);transition:transform .1s ease}.crop-field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.crop-field input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:var(--brand)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--bg-sunken);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand);border:2px solid #fff;box-shadow:var(--shadow-sm);transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:var(--brand)}input[type=text],input[type=number],input[type=search],input[type=url],input[type=email],input[type=tel],input[type=password],textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;padding:.5rem .7rem;transition:border-color .15s ease,box-shadow .15s ease}input[type=text]:focus-visible,input[type=number]:focus-visible,input[type=search]:focus-visible,input[type=url]:focus-visible,input[type=email]:focus-visible,input[type=tel]:focus-visible,input[type=password]:focus-visible,textarea:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.field-row{display:flex;gap:.85rem;flex-wrap:wrap;align-items:end}.crop-field-sm{display:grid;gap:.3rem;font-size:.82rem;color:var(--text-soft)}.crop-field-sm input[type=number]{width:7rem;padding:.45rem .55rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font:inherit}.crop-field-sm input[type=color]{width:46px;height:38px;padding:3px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.crop-out-info{font-size:.82rem;color:var(--text-soft)}.crop-out-info b{color:var(--text);font-variant-numeric:tabular-nums}.fine-row{display:flex;gap:.4rem;flex-wrap:wrap}.chip{font:inherit;font-size:.82rem;font-weight:650;color:var(--text-soft);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;padding:.3rem .7rem;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.chip:hover:not(:disabled){background:var(--bg-soft);color:var(--text)}.chip:disabled{opacity:.5;cursor:default}.bg-block{display:grid;gap:.5rem}.bg-color{align-items:start}.rot-hint{font-size:.78rem;line-height:1.45}.crop-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.crop-actions .btn{flex:1 1 auto;justify-content:center}.btn-lg{padding:.8rem 1.4rem;font-size:1.02rem;border-radius:var(--radius)}.linkish{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--brand-dark);text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem;padding:0}.linkish.del{color:#b91c1c}.crop-audit{font-size:.88rem;color:var(--text-soft);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem}.crop-audit>p svg{vertical-align:-2px;margin-right:.4rem;color:var(--accent-text)}.crop-audit-row{display:flex;align-items:center;gap:.5rem;margin-top:.55rem;flex-wrap:wrap}.crop-audit-row .muted,.crop-audit-row .ok{display:inline-flex;align-items:center;gap:.3rem}.crop-audit-row .ok{color:#16a34a}.dot{width:9px;height:9px;border-radius:50%;background:var(--text-muted);flex:none}.dot-uploading,.dot-metaonly{background:#d97706}.dot-stored{background:#16a34a;animation:pulseDot 1.8s ease-out 3}.dot-error{background:#dc2626}@keyframes editorIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulseDot{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}@media(prefers-reduced-motion:reduce){.crop-editor,.drop-illu,.drop-spark,.dot-stored{animation:none}}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);margin-top:1.25rem}@media(max-width:600px){.tool-grid{grid-template-columns:1fr}}.tool-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.tool-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px);text-decoration:none}.tool-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dark);background:var(--brand-soft);padding:.25rem .6rem;border-radius:999px;margin-bottom:.7rem}.tool-card h3{margin-bottom:.3rem}.tool-card .tool-go{color:var(--brand);font-weight:700}.tool-card p{color:var(--text-soft);font-size:.95rem}.qa-chip{display:inline-flex;align-items:center;font-size:.86rem;font-weight:650;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;padding:.4rem .85rem;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.qa-chip:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark);text-decoration:none}.qa-chip.qa-all{background:var(--brand-soft);color:var(--brand-dark);border-color:transparent}.slug-heading{margin-top:2rem}.slug-grid{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.slug-chip{display:inline-flex;align-items:center;font-size:.9rem;font-weight:650;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:.5rem .95rem;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.slug-chip:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark);text-decoration:none}.dir-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);margin-top:1.5rem}@media(max-width:600px){.dir-grid{grid-template-columns:1fr}}.dir-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.dir-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px);text-decoration:none}.dir-card h3{margin-bottom:.25rem;font-size:1.05rem}.dir-card p{color:var(--text-soft);font-size:.9rem}.crop-card{padding:.8rem}.cmp-readout{padding:.6rem .85rem;margin-bottom:.1rem}.cmp-before{font-size:.95rem}.cmp-after{font-size:1.2rem}.cmp-readout-sub{font-size:.8rem}.cg{gap:.4rem;padding-block:.5rem}.cg-title{font-size:.68rem}.seg-btn{padding:.38rem .5rem;font-size:.82rem}.icon-btn{width:40px;height:40px}.crop-field{gap:.3rem;font-size:.84rem}.crop-field-sm,.crop-out-info{font-size:.8rem}.crop-actions{margin-top:.35rem}.btn-lg{padding:.6rem 1.2rem;font-size:.95rem}.lang-switcher[data-astro-cid-jvi4oiqo]{position:relative}.lang-switcher[data-astro-cid-jvi4oiqo]>summary[data-astro-cid-jvi4oiqo]{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm, 8px);font-size:.9rem;font-weight:600;color:var(--text-soft, #45556a);background:var(--surface, #fff);white-space:nowrap}.lang-switcher[data-astro-cid-jvi4oiqo]>summary[data-astro-cid-jvi4oiqo]::-webkit-details-marker{display:none}.lang-switcher[data-astro-cid-jvi4oiqo]>summary[data-astro-cid-jvi4oiqo]:hover{border-color:var(--border-strong, #cdd6e2)}.lang-switcher[data-astro-cid-jvi4oiqo][open]>summary[data-astro-cid-jvi4oiqo] .chev[data-astro-cid-jvi4oiqo]{transform:rotate(180deg)}.lang-switcher[data-astro-cid-jvi4oiqo]>ul[data-astro-cid-jvi4oiqo]{position:absolute;right:0;top:calc(100% + 6px);z-index:120;margin:0;padding:.35rem;list-style:none;background:var(--surface, #fff);border:1px solid var(--border, #e4e9f0);border-radius:10px;box-shadow:0 12px 30px #14202e1f;display:grid;grid-template-columns:1fr 1fr;gap:2px;min-width:17rem}.lang-switcher[data-astro-cid-jvi4oiqo] a[data-astro-cid-jvi4oiqo]{display:block;padding:.45rem .6rem;border-radius:7px;font-size:.9rem;color:var(--text, #14202e);text-decoration:none}.lang-switcher[data-astro-cid-jvi4oiqo] a[data-astro-cid-jvi4oiqo]:hover{background:var(--bg-soft, #f6f8fb)}.lang-switcher[data-astro-cid-jvi4oiqo] a[data-astro-cid-jvi4oiqo][aria-current=true]{background:var(--brand-soft, #eef0fe);color:var(--brand-dark, #4338ca);font-weight:700}@media(max-width:480px){.lang-switcher[data-astro-cid-jvi4oiqo]>ul[data-astro-cid-jvi4oiqo]{grid-template-columns:1fr;min-width:11rem}}.brand-mark[data-astro-cid-7iejw4wy] svg{width:18px;height:18px;display:block}.header-right[data-astro-cid-7iejw4wy]{display:inline-flex;align-items:center;gap:.75rem;margin-left:auto}.header-right[data-astro-cid-7iejw4wy] .backlink[data-astro-cid-7iejw4wy]{order:2;margin-left:0}.header-right[data-astro-cid-7iejw4wy] .lang-switcher{order:1}.header-right[data-astro-cid-7iejw4wy] .backlink[data-astro-cid-7iejw4wy]{white-space:nowrap}.bl-short[data-astro-cid-7iejw4wy]{display:none}@media(max-width:560px){.bl-long[data-astro-cid-7iejw4wy]{display:none}.bl-short[data-astro-cid-7iejw4wy]{display:inline}.brand-name[data-astro-cid-7iejw4wy]{display:none}}