@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--font-sans:"Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "Noto Sans JP", sans-serif;--font-display:"Space Grotesk", "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "Noto Sans JP", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--canvas:#f4f3ef;--canvas-2:#eeece6;--surface:#fff;--surface-2:#faf9f5;--surface-3:#f2f0ea;--ink:#16171a;--ink-2:#3b3d43;--muted:#6d6f77;--faint:#97999f;--line:#e4e2db;--line-2:#d6d3ca;--line-3:#c5c2b8;--accent:#e0471f;--accent-hover:#c53a16;--accent-soft:#fbeee8;--accent-line:#f3d4c7;--accent-ink:#a8310f;--ok:#1c7a4c;--ok-soft:#e7f4ec;--ok-line:#c6e6d5;--warn:#9a6414;--warn-soft:#fbf2e0;--star:#d9b64a;--header-bg:#f4f3efd1;--dot:#16171a0e;--r-xs:6px;--r-sm:9px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--sh-1:0 1px 2px #1817140d;--sh-2:0 1px 2px #1817140d, 0 10px 24px -16px #18171438;--sh-3:0 1px 2px #1817140d, 0 28px 60px -32px #18171452;--sh-accent:0 1px 2px #c53a1647, 0 12px 24px -12px #e0471f73;--ring:0 0 0 3px color-mix(in srgb, var(--accent) 26%, transparent);--ease:cubic-bezier(.2, .7, .2, 1)}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--canvas:#0e0f12;--canvas-2:#0a0b0e;--surface:#17191d;--surface-2:#1c1e23;--surface-3:#212429;--ink:#f3f2ee;--ink-2:#c8c9cd;--muted:#9699a0;--faint:#71747c;--line:#26292f;--line-2:#33373e;--line-3:#42474f;--accent:#ff6a45;--accent-hover:#ff8362;--accent-soft:#2a1611;--accent-line:#4b2416;--accent-ink:#ffb59e;--ok:#4ed693;--ok-soft:#10241a;--ok-line:#1e4632;--warn:#e0ab5a;--warn-soft:#2a2110;--header-bg:#0e0f12c7;--dot:#f3f2ee0f;--sh-1:0 1px 2px #0006;--sh-2:0 1px 2px #0006, 0 16px 32px -20px #000000b3;--sh-3:0 1px 2px #00000080, 0 36px 70px -36px #000000d9;--sh-accent:0 1px 2px #0006, 0 14px 28px -14px #ff6a4580}}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--canvas);min-width:320px;color:var(--ink);font-family:var(--font-sans);font-feature-settings:"cv02", "cv03", "cv04", "ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);font-weight:600}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit}img{max-width:100%}::selection{background:color-mix(in srgb, var(--accent) 26%, transparent)}:focus-visible{box-shadow:var(--ring);border-radius:var(--r-xs);outline:none}hr{border:0;border-top:1px solid var(--line)}*{scrollbar-width:thin;scrollbar-color:var(--line-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--line-3);background-clip:padding-box}.hidden{display:none!important}.shell{width:min(1160px,100% - 40px);margin:0 auto}.site-header{z-index:60;background:var(--header-bg);backdrop-filter:blur(16px)saturate(1.6);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{align-items:center;gap:14px;height:66px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.brand-link{text-decoration:none}.brand-mark{width:32px;height:32px;transition:transform .18s var(--ease);background:#e0471f;border-radius:9px;flex:none;place-items:center;display:grid;box-shadow:0 5px 10px -6px #e0471f80}.brand:hover .brand-mark{transform:translateY(-1px)rotate(-2deg)}.brand-mark img{width:100%;height:100%;display:block}.brand-name{white-space:nowrap;letter-spacing:-.035em}.brand-to{color:var(--accent)}.top-nav{gap:2px;margin-left:auto;display:flex}.top-nav a{border-radius:var(--r-sm);color:var(--muted);transition:color .15s var(--ease), background .15s var(--ease);padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none}.top-nav a:hover,.top-nav a.active{color:var(--ink);background:var(--surface-3)}.header-tools{align-items:center;gap:12px;margin-left:6px;display:flex}.language-picker{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;height:36px;transition:border-color .15s var(--ease), background .15s var(--ease);align-items:center;gap:7px;padding:0 28px 0 11px;display:inline-flex;position:relative}.language-picker:hover{border-color:var(--line-3);background:var(--surface-2)}.language-picker:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.language-icon{width:15px;height:15px;color:var(--faint);flex:none}.language-picker select{-webkit-appearance:none;appearance:none;max-width:104px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:12.5px;font-weight:500}.language-picker select:focus,.language-picker select:focus-visible{box-shadow:none;border-radius:0;outline:none}.language-caret{width:12px;height:12px;color:var(--faint);pointer-events:none;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.header-note{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.privacy-dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 18%, transparent);animation:pulse 2.6s var(--ease) infinite;border-radius:50%}@keyframes pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 20%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--ok) 0%, transparent)}}.tool-main{padding-top:clamp(28px,3.8vw,52px);padding-bottom:48px}.tool-main:has(.editor.active){padding-top:20px}.eyebrow{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--ink-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--sh-1);align-items:center;gap:9px;padding:5px 11px 5px 9px;font-size:10.5px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:2px;width:7px;height:7px}.tool-main:has(.editor.active) .tool-info{opacity:0;grid-template-rows:0fr;margin-bottom:0}.workspace{margin:0 auto 56px;position:relative}.tool-switcher{scrollbar-width:thin;gap:3px;min-width:0;margin-left:auto;padding:3px;display:flex}.tool-switcher a{color:var(--muted);white-space:nowrap;flex:none;align-items:center;padding:9px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.tool-switcher a:hover{color:var(--ink)}.tool-switcher a[aria-current=page]{color:var(--accent-ink);box-shadow:inset 0 -2px var(--accent)}.image-scene .paper-front>svg{width:46px;height:34px;color:var(--accent);stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;margin-top:9px}.image-scene .paper-result>b{height:100%;color:var(--accent-ink);font:600 12px var(--font-mono);place-items:center;display:grid}.image-layout-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.image-layout-picker button{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);flex-direction:column;align-items:center;gap:7px;padding:12px 4px 9px;font-size:11px;display:flex}.image-layout-picker button svg{stroke:currentColor;stroke-width:1.5px;width:24px;height:24px}.image-layout-picker button[aria-pressed=true]{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.image-layout-picker button:hover{border-color:var(--accent)}.image-thumb-frame{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);position:relative;overflow:hidden}.image-thumb-frame img{object-fit:contain;width:100%;height:100%;padding:8%;display:block;position:absolute;inset:0}.image-thumb-name{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:3px;font-size:10px;overflow:hidden}.image-thumb-actions{grid-template-columns:repeat(4,1fr)}.image-thumb-actions button{width:100%}.image-thumb-actions button:disabled{opacity:.3}.image-layout-preview{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.image-preview-surface{border:1px dashed var(--line-2);border-radius:var(--r-md);background:var(--surface-2);place-items:center;min-height:120px;padding:18px;display:grid;overflow:hidden}.image-preview-surface canvas{width:auto;max-width:100%;height:auto;max-height:360px;box-shadow:var(--sh-2);display:block}.image-cancel{width:100%;margin-top:8px;display:block}.image-workspace .status[data-tone=error]{color:var(--warn)}.image-workspace.images-drag-over .editor{border-color:var(--accent);box-shadow:var(--ring)}.image-workspace input[type=color]{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);width:100%;height:34px;padding:3px}.support-page.shell{width:min(100% - 40px,740px);padding-top:44px;padding-bottom:64px}.support-back{color:var(--muted);font-size:12px;text-decoration:none}.support-back:hover{color:var(--accent)}.support-heading{border-bottom:1px solid var(--line);margin-bottom:30px;padding:30px 0}.support-heading h1{font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(27px,4vw,38px);line-height:1.2}.support-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.support-heading small{color:var(--faint);font:10.5px var(--font-mono);margin-top:17px;display:block}.support-content section{margin-bottom:28px}.support-content h2{letter-spacing:-.015em;margin:0 0 10px;font-size:16px;font-weight:600}.support-content p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.9}.support-inline-link{color:var(--accent-ink);text-underline-offset:3px;margin-top:10px;font-size:12px;display:inline-block}.support-contact{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px 22px;margin-top:28px;padding-top:22px;font-size:12px;display:flex}.support-contact strong{color:var(--muted);font-weight:500}.support-contact a{color:var(--accent-ink);text-underline-offset:3px;overflow-wrap:anywhere}.support-settings{padding-top:9px}.support-settings .status{min-height:0}.feedback-form{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);padding:25px}.feedback-form>label{margin-top:22px;display:block}.feedback-details{resize:vertical;min-height:150px;line-height:1.7;display:block}.feedback-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.feedback-actions .primary{min-height:42px;font-size:12px}.feedback-form .setting-help a{color:var(--accent-ink);text-underline-offset:3px}.feedback-form .status{min-height:0}.site-footer .footer-nav a{text-transform:none;letter-spacing:normal;font-family:var(--font-sans);font-size:11px}@media (width<=600px){.support-page.shell{width:calc(100% - 30px);padding-top:28px}.feedback-form{padding:19px}.feedback-actions>*{flex:1;justify-content:center}}@media (width<=1120px){.header-inner:has(.tool-switcher) .header-note{display:none}.tool-switcher a{padding:8px;font-size:11px}}@media (width<=900px){.header-inner:has(.tool-switcher){flex-wrap:wrap;gap:9px;height:auto;padding-top:12px;padding-bottom:8px}.header-inner:has(.tool-switcher) .header-tools{margin-left:auto}.header-inner .tool-switcher{order:3;width:100%;margin:0;overflow-x:auto}.tool-switcher a{flex:1 0 auto;justify-content:center}.image-workspace .settings{top:124px}}.drop-zone{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-3);transition:border-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);position:relative;overflow:hidden}.drop-zone.is-over{border-color:var(--accent);box-shadow:var(--sh-3), var(--ring);transform:translateY(-2px)}.drop-zone:after{content:"";border:1px dashed var(--accent-line);border-radius:calc(var(--r-xl) - 8px);opacity:0;pointer-events:none;transition:opacity .25s var(--ease), border-color .25s var(--ease);position:absolute;inset:12px}.drop-zone.is-over:after{opacity:1;border-color:var(--accent)}.drop-zone.is-over .drop-inner{background-color:var(--accent-soft)}.drop-inner{text-align:center;background-image:radial-gradient(ellipse at 90% 5%, color-mix(in srgb, var(--accent-soft) 65%, transparent), transparent 55%), radial-gradient(ellipse at 0% 100%, color-mix(in srgb, var(--ok-soft) 55%, transparent), transparent 50%);min-height:300px;transition:background-color .25s var(--ease);justify-content:center;align-items:center;padding:42px 26px;display:flex;position:relative}.drop-inner:before{content:"";background-image:radial-gradient(var(--dot) 1px, transparent 1.4px);pointer-events:none;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 50% 30%,#000 0%,#0000 76%);mask-image:radial-gradient(80% 80% at 50% 30%,#000 0%,#0000 76%)}.drop-copy{max-width:600px;position:relative}.paper-scene{width:210px;height:116px;margin:0 auto 23px}.paper-scene-inner{width:100%;height:100%;animation:paper-arrive .85s var(--ease) both;position:relative}.mini-paper{--paper-angle:0deg;--paper-x:0px;--paper-y:0px;border:1px solid var(--line-2);background:var(--surface);box-shadow:0 4px 6px -4px color-mix(in srgb, var(--ink) 16%, transparent), 0 14px 22px -12px color-mix(in srgb, var(--ink) 18%, transparent);transform:translate(var(--paper-x), var(--paper-y)) rotate(var(--paper-angle));border-radius:7px;padding:12px 10px;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute}.mini-paper i{background:var(--line);border-radius:2px;height:3px;margin-top:6px;display:block}.mini-paper i:last-of-type{width:65%}.paper-back{--paper-angle:-17deg;background:var(--ok-soft);border-color:var(--ok-line);width:63px;height:80px;top:17px;left:31px}.paper-back>span{background:color-mix(in srgb, var(--ok) 28%, transparent);border-radius:50%;width:16px;height:16px;margin-bottom:9px;display:block}.paper-back i{background:color-mix(in srgb, var(--ok) 22%, transparent)}.paper-front{--paper-angle:-5deg;width:65px;height:84px;top:22px;left:63px}.paper-front b{background:var(--accent);color:#fff;font-family:var(--font-mono);letter-spacing:.04em;border-radius:4px;margin:4px 0 6px -17px;padding:3px 7px;font-size:10px;display:inline-block}.paper-fold{background:linear-gradient(225deg, var(--surface-2) 49%, var(--line-2) 50%, var(--surface-3) 55%);border-radius:0 7px 0 4px;width:15px;height:15px;position:absolute;top:-1px;right:-1px}.paper-result{--paper-angle:9deg;border-color:var(--accent-line);width:43px;height:107px;padding:5px;top:4px;left:153px}.paper-result>span{background:var(--accent-soft);border-radius:3px;height:29px;margin-bottom:4px;display:block;position:relative;overflow:hidden}.paper-result>span:nth-child(2){background:var(--ok-soft)}.paper-result>span:nth-child(3){background:var(--warn-soft)}.paper-result>span:before{content:"";background:var(--accent);opacity:.6;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}.paper-result>span:after{content:"";background:var(--accent);opacity:.45;clip-path:polygon(0 100%,28% 20%,52% 65%,75% 35%,100% 100%);position:absolute;inset:11px 0 0}.paper-result>span:nth-child(2):before,.paper-result>span:nth-child(2):after{background:var(--ok)}.paper-result>span:nth-child(3):before,.paper-result>span:nth-child(3):after{background:var(--warn)}.paper-arrow{width:38px;height:28px;color:var(--accent);transition:transform .5s var(--ease);position:absolute;top:0;left:106px}.paper-spark{width:15px;height:15px;color:var(--accent);transition:transform .6s var(--ease);position:absolute;top:5px;left:12px}.drop-zone:hover .paper-back{--paper-angle:-23deg;--paper-x:-5px;--paper-y:-3px}.drop-zone:hover .paper-front{--paper-angle:0deg;--paper-y:-4px}.drop-zone:hover .paper-result{--paper-angle:13deg;--paper-x:5px;--paper-y:-3px}.drop-zone:hover .paper-arrow{transform:translate(2px,-3px)rotate(8deg)}.drop-zone:hover .paper-spark{transform:rotate(90deg)scale(1.15)}.drop-zone.is-over .paper-back{--paper-angle:-7deg;--paper-x:15px;--paper-y:5px}.drop-zone.is-over .paper-front{--paper-angle:3deg;--paper-y:-9px}.drop-zone.is-over .paper-result{--paper-angle:0deg;--paper-x:-11px;--paper-y:2px}.drop-zone.is-loading .paper-scene-inner{animation:1.3s ease-in-out infinite paper-breathe}@keyframes paper-arrive{0%{opacity:0;transform:translateY(12px)rotate(-6deg)scale(.94)}to{opacity:1;transform:none}}@keyframes paper-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.drop-zone h1{letter-spacing:-.034em;text-wrap:balance;margin:16px 0 0;font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.06}.drop-zone p{max-width:500px;color:var(--muted);margin:11px auto 22px;font-size:14px;line-height:1.6}.primary{border-radius:var(--r-md);background:var(--accent);color:#fff;letter-spacing:-.01em;box-shadow:var(--sh-accent);transition:background .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);border:0;align-items:center;gap:8px;padding:13px 24px;font-size:14px;font-weight:600;display:inline-flex}.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.primary:active{transform:translateY(0)}.upload-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.upload-actions .primary{min-height:48px}.upload-actions .primary svg{width:17px;height:17px;transition:transform .2s var(--ease)}.upload-actions .primary:hover:not(:disabled) svg{transform:translateY(-2px)}.sample-button{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);min-height:48px;color:var(--ink-2);transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);justify-content:center;align-items:center;gap:7px;padding:11px 16px;font-size:13px;font-weight:500;display:inline-flex}.sample-button svg{width:16px;height:16px;color:var(--accent);transition:transform .2s var(--ease)}.sample-button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-line);transform:translateY(-1px)}.sample-button:hover:not(:disabled) svg{transform:translate(2px)}.sample-button:active:not(:disabled){transform:translateY(0)}.drop-zone .upload-feedback{max-width:450px;color:var(--accent-ink);margin:13px auto 0;font-size:12px}.drop-zone.is-loading .upload-feedback:before{content:"";vertical-align:-1px;border:1.5px solid var(--accent-line);border-top-color:var(--accent);border-radius:50%;width:11px;height:11px;margin-right:7px;animation:.8s linear infinite upload-spin;display:inline-block}@keyframes upload-spin{to{transform:rotate(360deg)}}.drop-hint{color:var(--faint);margin-top:13px;font-size:12px;display:block}.preset-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin:-12px auto 22px;display:flex}.preset-chips span{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-3);color:var(--ink-2);font-family:var(--font-mono);letter-spacing:.09em;padding:4px 10px;font-size:9.5px;font-weight:500}.privacy{text-align:left;border-radius:var(--r-pill);background:var(--ok-soft);color:var(--ok);align-items:flex-start;gap:8px;margin-top:24px;padding:6px 12px;font-size:11.5px;font-weight:500;display:inline-flex}.privacy:before{content:"✓";background:var(--ok);width:15px;height:15px;color:var(--ok-soft);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:9px;font-weight:800;display:inline-grid}.editor{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--canvas-2);box-shadow:var(--sh-3);display:none;overflow:hidden}.editor.active{animation:rise .4s var(--ease) both;display:block}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.filebar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:14px 20px;display:flex}.fileinfo-wrap{align-items:center;gap:13px;min-width:0;display:flex}.file-icon{border:1px solid var(--accent-line);border-radius:var(--r-sm);background:var(--accent-soft);flex:none;place-items:center;width:40px;height:46px;display:grid;position:relative}.file-icon:after{content:"";background:linear-gradient(225deg, var(--canvas-2) 50%, transparent 50%);opacity:.9;border-bottom-left-radius:3px;width:12px;height:12px;position:absolute;top:0;right:0}.file-icon span{color:var(--accent-ink);font-family:var(--font-mono);letter-spacing:.02em;font-size:9.5px;font-weight:600}.fileinfo{min-width:0}.filename{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;max-width:52vw;font-size:14px;font-weight:600;overflow:hidden}.filemeta{color:var(--muted);font-family:var(--font-mono);margin-top:3px;font-size:11px}.file-actions{gap:8px;display:flex}.ghost{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);color:var(--ink-2);transition:background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);padding:8px 12px;font-size:12px;font-weight:500}.ghost:hover{background:var(--surface-3);border-color:var(--line-3);color:var(--ink)}.ghost:active{transform:translateY(1px)}.ghost.compact{white-space:nowrap;padding:7px 10px;font-size:11.5px}.toolbar{border-bottom:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;align-items:end;gap:14px;padding:14px 20px;display:flex}.toolbar-block{flex-direction:column;gap:7px;display:flex}.toolbar-label,.settings-kicker{color:var(--faint);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;font-size:9.5px;font-weight:500}.segment{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);gap:3px;padding:3px;display:flex}.segment button{color:var(--muted);transition:background .13s var(--ease), color .13s var(--ease);background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:12px;font-weight:500}.segment button:hover{background:var(--surface-3);color:var(--ink)}.range-wrap{flex:1;align-self:end;min-width:235px;position:relative}.range-input{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);width:100%;height:38px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);outline:0;padding:9px 12px;font-size:12.5px}.range-input:focus,.text-input:focus,.number:focus,.select:focus{border-color:var(--accent);box-shadow:var(--ring)}.range-input::placeholder{color:var(--faint)}.range-error{color:var(--accent-ink);z-index:2;margin-top:5px;font-size:10.5px;position:absolute;top:100%;left:0}.edit-block{margin-left:auto}.toolbar-actions{flex-wrap:wrap;gap:6px;display:flex}.main-grid{background:var(--canvas-2);grid-template-columns:minmax(0,1fr) 356px;gap:18px;min-height:620px;padding:18px;display:grid}.pages-panel,.settings{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.pages-panel{min-width:0;padding:22px}.pages-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.pages-head h3{margin:0;font-size:15px}.pages-help{color:var(--muted);margin-top:5px;font-size:11px;display:block}.pages-head>span{border-radius:var(--r-pill);background:var(--surface-3);color:var(--ink-2);font-family:var(--font-mono);white-space:nowrap;padding:5px 10px;font-size:10.5px}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));align-items:start;gap:14px;display:grid}.thumb{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);user-select:none;min-width:0;animation:thumb-arrive .4s var(--ease) var(--thumb-delay,0s) backwards;transition:border-color .14s var(--ease), box-shadow .14s var(--ease), transform .14s var(--ease);padding:8px;position:relative}.thumb:hover{border-color:var(--line-3);box-shadow:var(--sh-2);transform:translateY(-2px)}.thumb.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent)}.thumb.dragging{opacity:.4}@keyframes thumb-arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}.thumb.drop-before:before{content:"";background:var(--accent);border-radius:4px;width:3px;position:absolute;top:8px;bottom:8px;left:-9px}.thumb-select{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0;display:block}.thumb-media{width:100%;position:relative}.thumb-image{aspect-ratio:.72;object-fit:contain;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;width:100%;display:block;box-shadow:0 4px 12px -8px #00000059}.thumb-placeholder{aspect-ratio:.72;border-radius:var(--r-sm);background:linear-gradient(100deg, var(--surface-3) 30%, var(--surface-2) 50%, var(--surface-3) 70%);background-size:220% 100%;width:100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.rotation-badge{border-radius:var(--r-xs);background:var(--ink);color:var(--canvas);font-family:var(--font-mono);padding:3px 6px;font-size:9px;position:absolute;top:6px;right:6px}.thumb-foot{justify-content:space-between;align-items:center;height:30px;padding-top:7px;display:flex}.thumb-number{color:var(--ink-2);font-family:var(--font-mono);font-size:10.5px}.check{background:var(--surface-3);border:1px solid var(--line);color:#0000;width:19px;height:19px;transition:background .14s var(--ease), border-color .14s var(--ease), color .14s var(--ease);border-radius:6px;place-items:center;font-size:11px;display:grid}.selected .check{background:var(--accent);border-color:var(--accent);color:#fff}.thumb-actions{border-top:1px solid var(--line);grid-template-columns:26px 26px 1fr 26px;align-items:center;gap:4px;height:30px;margin-top:7px;padding-top:6px;display:grid}.thumb-actions button{background:var(--surface-3);width:26px;height:24px;color:var(--muted);transition:background .13s var(--ease), color .13s var(--ease);border:0;border-radius:6px;place-items:center;padding:0;font-size:12px;display:grid}.thumb-actions button:hover{background:var(--accent-soft);color:var(--accent)}.drag-hint{color:var(--faint);cursor:grab;letter-spacing:-1px;justify-self:center;font-size:11px}.settings{align-self:start;max-height:calc(100vh - 104px);padding:20px;position:sticky;top:84px;overflow:auto}.settings-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.settings-head h3{margin:0;font-size:16px}.settings-kicker{margin-bottom:4px;display:block}.settings-ready{border-radius:var(--r-pill);background:var(--ok-soft);color:var(--ok);align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.settings-ready:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.settings-ready.working{background:var(--warn-soft);color:var(--warn)}.settings-ready.complete{background:var(--ok-soft);color:var(--ok);animation:rise .25s var(--ease) both}.setting-group{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.setting-group:first-of-type{border-top:0;margin-top:16px;padding-top:0}.label{color:var(--ink-2);justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:12.5px;font-weight:500;display:flex}.label small{color:var(--faint);font-size:10.5px;font-weight:400}.mode-toggle{background:var(--surface-3);border-radius:var(--r-md);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.mode-toggle button{border-radius:var(--r-sm);min-height:36px;color:var(--muted);transition:background .14s var(--ease), color .14s var(--ease), box-shadow .14s var(--ease);background:0 0;border:0;padding:8px;font-size:12px;font-weight:500}.mode-toggle button:hover{color:var(--ink)}.mode-toggle button small{color:var(--faint);margin-top:2px;font-size:9.5px;font-weight:400;display:none}#mode-toggle button{min-height:54px}#mode-toggle button small{display:block}.mode-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.mode-toggle button.active small,#mode-toggle button[data-mode=long].active{color:var(--accent)}.select,.number,.color,.text-input{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);width:100%;min-height:40px;color:var(--ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);outline:0;padding:10px 12px;font-size:12.5px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' stroke='%2397999f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:30px}.color{padding:5px 7px}.row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.range-slider{width:100%;accent-color:var(--accent)}.sub-setting{margin-top:11px;display:block}.custom-dpi{margin-top:10px;display:block}.option-stack{gap:14px;display:grid}.check-row{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check-row input{appearance:none;border:1px solid var(--line-3);background:var(--surface);cursor:pointer;width:17px;height:17px;transition:background .14s var(--ease), border-color .14s var(--ease);border-radius:5px;flex:none;margin:2px 0 0}.check-row input:checked{background:var(--accent);border-color:var(--accent)}.check-row input:checked:after{content:"";border:1.8px solid #fff;border-width:0 1.8px 1.8px 0;width:4px;height:8px;margin:2px auto 0;display:block;transform:rotate(45deg)}.check-row span{display:block}.check-row strong{color:var(--ink-2);font-size:12.5px;font-weight:500;display:block}.check-row small{color:var(--muted);margin-top:3px;font-size:10.5px;line-height:1.5;display:block}.indent-option{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-left:27px;font-size:11.5px;display:flex}.input-unit{align-items:center;gap:6px;width:108px;display:flex}.input-unit .number{min-height:34px;padding:7px 9px}.input-unit em{min-width:16px;color:var(--faint);font-family:var(--font-mono);font-size:9.5px;font-style:normal}.advanced-settings{border-top:1px solid var(--line);margin-top:16px}.advanced-settings>summary{cursor:pointer;color:var(--ink-2);justify-content:space-between;align-items:center;padding:15px 0 3px;font-size:12.5px;font-weight:500;list-style:none;display:flex}.advanced-settings>summary::-webkit-details-marker{display:none}.advanced-settings>summary:after{content:"+";color:var(--faint);font-size:16px;font-weight:400}.advanced-settings[open]>summary:after{content:"−"}.advanced-body>.setting-group:first-child{border-top:0;margin-top:13px;padding-top:0}.output-estimate{border:1px dashed var(--line-2);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2);font-family:var(--font-mono);margin-top:18px;padding:12px 13px;font-size:10.5px;line-height:1.55}.setting-help{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.6}.format-advice{border:1px solid color-mix(in srgb, var(--warn) 35%, var(--line));border-radius:var(--r-md);background:var(--warn-soft);margin-top:15px;padding:14px}.format-advice>strong{color:var(--ink);font-size:12.5px;line-height:1.5;display:block}.format-advice>p{color:var(--warn);overflow-wrap:anywhere;margin:7px 0 0;font-size:11.5px;line-height:1.65}.format-advice-actions{gap:8px;margin-top:12px;display:grid}.format-advice-actions button{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);min-height:38px;color:var(--ink-2);text-align:center;transition:background .15s var(--ease), transform .15s var(--ease);padding:9px 11px;font-size:11.5px;font-weight:500;line-height:1.5}.format-advice-actions button:first-child{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.format-advice-actions button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.format-advice-actions button:first-child:hover:not(:disabled){background:var(--accent-hover)}.output-estimate[data-tone=warning]{border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.output-notice{border-radius:var(--r-sm);background:var(--ok-soft);color:var(--ok);margin:10px 0 0;padding:10px 12px;font-size:11.5px;line-height:1.6}.output-warning{border:1px solid color-mix(in srgb, var(--warn) 30%, var(--line));border-radius:var(--r-sm);background:var(--warn-soft);color:var(--warn);margin-top:10px;padding:12px 13px}.output-warning p{margin:0;font-size:11.5px;line-height:1.6}.output-warning button{color:var(--ink);text-align:left;text-underline-offset:3px;align-items:center;gap:8px;margin-top:8px;padding:0;font-size:11.5px;font-weight:600;text-decoration:underline;display:inline-flex}.output-warning button:hover{color:var(--accent)}.export-button{border-radius:var(--r-md);background:var(--accent);color:#fff;letter-spacing:-.01em;width:100%;min-height:48px;box-shadow:var(--sh-accent);transition:background .15s var(--ease), transform .15s var(--ease);border:0;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.export-button:hover:not(:disabled){background:var(--accent-hover)}.export-button:active:not(:disabled){transform:translateY(1px)}.export-button b{transition:transform .2s var(--ease);font-size:16px;font-weight:500}.export-button:hover:not(:disabled) b{transform:translate(3px)}.cancel-button{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink-2);border-radius:var(--r-sm);margin-top:8px;padding:10px;font-size:12px;font-weight:500}.cancel-button:hover{background:var(--surface-3)}.status{min-height:30px;color:var(--muted);margin-top:10px;font-size:11px;line-height:1.5}.status[data-tone=success]{color:var(--ok)}.status[data-tone=error]{color:var(--accent-ink)}.progress-track{border-radius:var(--r-pill);background:var(--surface-3);height:4px;margin-top:8px;display:none;overflow:hidden}.progress-track.active{display:block}.progress-bar{border-radius:var(--r-pill);background:var(--accent);width:0;height:100%;transition:width .16s linear}.preview-modal{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preview-backdrop{backdrop-filter:blur(6px);animation:fade .2s var(--ease) both;background:#0c0c0e99;position:absolute;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.preview-card{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--canvas-2);width:min(920px,94vw);height:min(88vh,920px);animation:rise .26s var(--ease) both;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 100px -30px #0009}.preview-head,.preview-foot{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.preview-head strong{font-size:13px;display:block}.preview-head small{color:var(--muted);font-family:var(--font-mono);margin-top:2px;font-size:9.5px;display:block}.icon-button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:32px;height:32px;color:var(--ink-2);transition:background .14s var(--ease), color .14s var(--ease);font-size:18px;line-height:1}.icon-button:hover{background:var(--surface-3);color:var(--ink)}.preview-body{place-items:center;min-height:0;padding:20px;display:grid;overflow:auto}.preview-body img{object-fit:contain;background:#fff;max-width:100%;max-height:100%;display:block;box-shadow:0 10px 32px -12px #00000080}.preview-loading{color:var(--muted);font-size:12px}.preview-foot{border-top:1px solid var(--line);border-bottom:0}.modal-open{overflow:hidden}.tool-info{max-width:1160px;transition:grid-template-rows .5s var(--ease), opacity .45s var(--ease), margin-bottom .5s var(--ease);grid-template-rows:1fr;margin:0 auto 56px;display:grid;overflow:hidden}.tool-info-inner{min-height:0;overflow:hidden}.tool-info-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.tool-value{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);transition:border-color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);gap:14px;padding:22px;display:flex}.tool-value:hover{border-color:var(--line-3);box-shadow:var(--sh-2);transform:translateY(-2px)}.value-icon{border:1px solid var(--accent-line);background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.value-icon svg{width:17px;height:17px}.tool-value:nth-child(2) .value-icon{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-line)}.tool-value:nth-child(3) .value-icon{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb, var(--warn) 24%, var(--line))}.value-icon{transition:transform .3s var(--ease)}.tool-value:hover .value-icon{transform:translateY(-2px)rotate(-6deg)}.tool-value strong{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.tool-value>div>span{color:var(--muted);font-size:12px;line-height:1.62;display:block}.guide{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);grid-template-columns:1fr 1fr;gap:0;margin-top:28px;padding:28px;display:grid}.guide-block{min-width:0;padding:0 32px}.guide-block:first-child{padding-left:0}.guide-block:last-child{border-left:1px solid var(--line);padding-right:0}.guide-block h2{letter-spacing:-.02em;margin:0 0 18px;font-size:18px}.guide-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:500;display:block}.guide ol{counter-reset:step;margin:0;padding:0;list-style:none}.guide li{margin:0 0 15px;padding-left:30px;position:relative}.guide li:last-child{margin-bottom:0}.guide li:before{counter-increment:step;content:counter(step, decimal-leading-zero);color:var(--accent);font-family:var(--font-mono);font-size:10px;position:absolute;top:2px;left:0}.guide li strong{color:var(--ink);font-size:12.5px;font-weight:600;display:block}.guide li span{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.55;display:block}.faq-list{display:grid}.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border-bottom:0}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item h3{font-family:var(--font-sans);letter-spacing:0;color:var(--ink);margin:0;font-size:12.5px;font-weight:600}.faq-caret{width:13px;height:13px;color:var(--faint);transition:transform .2s var(--ease), color .2s var(--ease);flex:none}.faq-item[open] .faq-caret{color:var(--accent);transform:rotate(45deg)}.faq-item p{color:var(--muted);margin:0;padding:0 26px 13px 0;font-size:12px;line-height:1.6}.related-links{margin-top:28px}.related-links strong{color:var(--faint);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:500;display:block}.related-grid{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px;display:grid}.related-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-height:92px;transition:border-color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);flex-direction:column;gap:7px;padding:15px 16px;text-decoration:none;display:flex;position:relative}.related-card:hover{border-color:var(--accent);box-shadow:var(--sh-2);transform:translateY(-2px)}.related-tag{color:var(--accent);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:9.5px;font-weight:500}.related-title{color:var(--ink-2);font-size:12.5px;font-weight:500;line-height:1.45}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:26px 0 34px;font-size:11px;display:flex}.footer-left{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.footer-brand{color:var(--ink-2);font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}.footer-nav{flex-wrap:wrap;gap:6px 14px;display:flex}.footer-nav a{color:var(--faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:color .15s var(--ease);font-size:10px;font-weight:500;text-decoration:none}.footer-nav a:hover{color:var(--accent)}.blog-shell{max-width:940px;padding:60px 0 88px}.blog-hero{padding:0 0 34px}.blog-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,48px)}.blog-hero p{max-width:640px;color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.62}.blog-list{gap:12px;display:grid}.blog-row{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);transition:border-color .16s var(--ease), transform .16s var(--ease), box-shadow .16s var(--ease);grid-template-columns:minmax(0,1fr) 96px 38px;align-items:center;gap:20px;padding:22px;display:grid}.blog-row:hover{border-color:var(--line-3);box-shadow:var(--sh-2);transform:translateY(-2px)}.blog-row h2{margin:0 0 5px;font-size:17px}.blog-row h2 a{text-decoration:none}.blog-row h2 a:hover{color:var(--accent)}.blog-row p{max-width:640px;color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.blog-row time{color:var(--faint);font-family:var(--font-mono);text-align:right;font-size:10.5px}.blog-read{border:1px solid var(--line);border-radius:var(--r-sm);width:38px;height:38px;color:var(--ink-2);transition:background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);place-items:center;font-size:15px;text-decoration:none;display:grid}.blog-read:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translate(2px)}.article-shell{max-width:880px;padding-top:46px;padding-bottom:88px}.article-back{color:var(--muted);align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.article-back:hover{color:var(--accent)}.article-head{border-bottom:1px solid var(--line);padding:30px 0}.article-head .section-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px;font-size:10.5px;font-weight:500;display:block}.article-head h1{letter-spacing:-.04em;max-width:16em;margin:0 0 14px;font-size:clamp(32px,4.8vw,50px);line-height:1.04}.article-head>p{max-width:750px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.article-meta{color:var(--faint);font-family:var(--font-mono);align-items:center;gap:9px;margin-top:16px;font-size:10.5px;display:flex}.article-meta a{color:var(--ink-2);text-decoration:none}.article-meta a:hover{color:var(--accent)}.article-body{max-width:720px;margin:36px 0 0}.article-body section{margin:0 0 34px}.article-body h2{margin:0 0 12px;font-size:20px}.article-body p{color:var(--ink-2);margin:0 0 14px;font-size:15px;line-height:1.78}.article-ctas{gap:12px;max-width:720px;margin:44px 0 0;display:grid}.article-ctas.multi{grid-template-columns:1fr}.article-cta{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.article-cta h2{margin:0 0 4px;font-size:15px}.article-cta p{color:var(--muted);margin:0;font-size:11.5px;line-height:1.55}.primary-link{border-radius:var(--r-sm);background:var(--accent);color:#fff;box-shadow:var(--sh-accent);transition:background .15s var(--ease), transform .15s var(--ease);flex:none;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.primary-link:hover{background:var(--accent-hover);transform:translateY(-1px)}.primary-link span{transition:transform .15s var(--ease)}.primary-link:hover span{transform:translate(3px)}.drop-copy>:not(.paper-scene){animation:rise .55s var(--ease) both}.drop-copy>:nth-child(3){animation-delay:50ms}.drop-copy>:nth-child(4){animation-delay:.1s}.drop-copy>:nth-child(5){animation-delay:.15s}.drop-copy>:nth-child(6){animation-delay:.2s}.reveal-wait{opacity:0;translate:0 16px}.reveal-shown{opacity:1;transition:opacity .55s var(--ease), translate .55s var(--ease);translate:0}.faq-item[open] p,.advanced-settings[open] .advanced-body{animation:rise .25s var(--ease) both}@media (width<=980px){.main-grid{grid-template-columns:minmax(0,1fr) 330px}.guide{gap:30px}}@media (width<=820px){.shell{width:min(100% - 26px,1160px)}.header-note{display:none}.main-grid{grid-template-columns:1fr;padding:14px}.settings{max-height:none;position:static}.tool-info-row{grid-template-columns:1fr;gap:10px}.guide{grid-template-columns:1fr;gap:0;padding:22px}.guide-block{padding:0}.guide-block+.guide-block{border-left:0;border-top:1px solid var(--line);margin-top:22px;padding:22px 0 0}.blog-row{grid-template-columns:minmax(0,1fr) 38px}.blog-row time{display:none}}@media (width<=600px){.header-inner{gap:10px;height:60px}.brand{font-size:14px}.brand-mark{border-radius:8px;width:29px;height:29px}.top-nav a{padding:7px 9px;font-size:12px}.language-picker select{max-width:86px;padding-right:3px}.tool-main{padding-top:26px}.drop-zone{border-radius:var(--r-lg)}.drop-inner{min-height:320px;padding:40px 18px}.drop-zone h1{font-size:25px}.drop-zone p{font-size:13px}.filebar{flex-direction:column;align-items:flex-start}.file-actions{width:100%}.file-actions .ghost{flex:1}.filename{max-width:100%}.toolbar{align-items:stretch;padding:13px}.toolbar-block{width:100%}.segment{overflow-x:auto}.segment button{white-space:nowrap;flex:1}.range-wrap{width:100%;min-width:100%}.edit-block{margin-left:0}.toolbar-actions .ghost.compact{flex:auto}.main-grid{gap:10px;padding:10px}.pages-panel,.settings{border-radius:var(--r-md);padding:15px}.thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.row-2{grid-template-columns:1fr}.tool-value{padding:18px}.footer{flex-direction:column;gap:6px}.preview-modal{padding:0}.preview-card{border:0;border-radius:0;width:100vw;height:100vh;max-height:none}.article-cta{flex-direction:column;align-items:flex-start}.primary-link{justify-content:space-between;width:100%}}@media (width<=380px){.header-inner{gap:5px}.brand{gap:6px;font-size:12px}.header-tools{margin-left:0}.language-picker{gap:4px;padding-left:8px}.language-picker select{max-width:62px;font-size:11px}.top-nav a{padding:7px}.upload-actions{flex-direction:column;gap:8px}.upload-actions button{width:100%}.pages-head{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.reveal-wait{opacity:1;translate:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}