:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f5f7fa;--bg-elevated: #eef2f7;--surface: #ffffff;--surface-hover: #f7f9fc;--surface-strong: #e8edf4;--ink: #111827;--ink-soft: #344054;--muted: #586273;--line: #d7dee8;--line-strong: #b8c3d1;--blue: #0969da;--blue-hover: #0759bb;--blue-soft: #e8f2ff;--blue-ink: #0758b3;--blue-contrast: #ffffff;--green: #087455;--green-soft: #e3f5ed;--orange: #b64b16;--orange-soft: #fff0e7;--danger: #b42318;--canvas: #080d13;--focus: #0969da;--shadow: 0 18px 46px rgba(26, 39, 62, .1);--shadow-small: 0 8px 24px rgba(26, 39, 62, .07);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 13px;--radius-sm: 9px}:root:lang(zh-CN){font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Inter,ui-sans-serif,system-ui,sans-serif}:lang(zh-CN) h1,:lang(zh-CN) h2,:lang(zh-CN) h3{letter-spacing:0}:lang(zh-CN) .home-intro h1,:lang(zh-CN) .tool-intro h1{line-height:1.12}:lang(zh-CN) .eyebrow,:lang(zh-CN) .tool-tag{letter-spacing:.06em;text-transform:none}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0f14;--bg-elevated: #0e141c;--surface: #121923;--surface-hover: #17212d;--surface-strong: #1c2734;--ink: #f3f6fa;--ink-soft: #d1d8e2;--muted: #a2adba;--line: #2b3644;--line-strong: #465365;--blue: #66a9ff;--blue-hover: #8bbdff;--blue-soft: #102c4d;--blue-ink: #9bc8ff;--blue-contrast: #07111e;--green: #66d5ad;--green-soft: #102d24;--orange: #ffad78;--orange-soft: #382317;--danger: #ff9189;--canvas: #05080c;--focus: #8fc2ff;--shadow: 0 20px 56px rgba(0, 0, 0, .35);--shadow-small: 0 9px 28px rgba(0, 0, 0, .26)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 82% -8%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 34rem),var(--bg);color:var(--ink);font-size:16px;line-height:1.5}button,input,select,summary{font:inherit}button,a,summary,label{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img,canvas,svg{display:block}fieldset{min-width:0;margin:0;padding:0;border:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 62%,transparent);outline-offset:3px}main#main-content:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.48}::selection{background:color-mix(in srgb,var(--blue) 30%,transparent)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:1000;top:0;left:12px;width:1px;height:1px;padding:11px 16px;overflow:hidden;border-radius:10px;background:var(--ink);color:var(--surface);font-size:14px;font-weight:750;clip:rect(0,0,0,0);white-space:nowrap;transform:translateY(-120%);transition:transform .15s ease}.skip-link:focus{top:10px;width:auto;height:auto;overflow:visible;clip:auto;transform:translateY(0)}.app-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.page-width{width:min(1280px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid color-mix(in srgb,var(--line) 86%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{width:min(1360px,calc(100% - 40px));height:66px;margin-inline:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:inline-flex;width:max-content;min-height:44px;align-items:center;gap:10px;border-radius:9px;font-size:18px;font-weight:800;letter-spacing:-.035em}.brand-mark{width:28px;height:28px;fill:var(--blue)}.brand-mark .brand-cut{fill:var(--surface)}.main-nav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.main-nav a{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;border-radius:8px;color:var(--muted);font-size:14px;font-weight:700;transition:background .15s ease,color .15s ease}.main-nav a:hover,.main-nav a.active{background:var(--surface-strong);color:var(--ink)}.header-actions{justify-self:end;display:flex;gap:8px}.icon-button{width:44px;height:44px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.icon-button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-hover);transform:translateY(-1px)}.icon-button.small{width:40px;height:40px;border-radius:9px}.language-button{width:auto;min-width:48px;padding-inline:9px;font-size:13px;font-weight:800;letter-spacing:.02em}.menu-button{display:none}.button{min-height:44px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:750;line-height:1.2;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{border-color:var(--blue);background:var(--blue);color:var(--blue-contrast);box-shadow:0 8px 22px color-mix(in srgb,var(--blue) 24%,transparent)}.button.primary:hover:not(:disabled){border-color:var(--blue-hover);background:var(--blue-hover)}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.button.secondary:hover:not(:disabled),.button.tertiary:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-hover)}.button.tertiary{min-height:40px;padding-inline:13px;border-color:var(--line);background:transparent;color:var(--ink-soft)}.button.tertiary.selected{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-ink)}.button.large{min-height:52px;border-radius:12px;font-size:15px}.button.full{width:100%}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--blue-ink);font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.inline-link{width:max-content;min-height:36px;padding:4px 0;display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--blue-ink);font-size:14px;font-weight:750;cursor:pointer}.inline-link:hover{text-decoration:underline;text-underline-offset:3px}.site-footer{margin-top:92px;border-top:1px solid var(--line)}.footer-inner{width:min(1280px,calc(100% - 48px));min-height:100px;margin-inline:auto;display:flex;align-items:center;gap:24px;color:var(--muted);font-size:14px}.footer-inner p{margin:0}.footer-inner>p:first-of-type{margin-left:auto}.footer-note{padding-left:24px;border-left:1px solid var(--line)}.home-page{padding-top:72px}.home-intro{min-height:360px;padding:52px;display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:72px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--blue-soft) 45%,var(--surface)));box-shadow:var(--shadow-small)}.home-intro h1{max-width:780px;margin:16px 0 20px;font-size:clamp(48px,6vw,74px);font-weight:800;letter-spacing:-.065em;line-height:.98}.home-intro h1 span{color:var(--blue)}.home-intro-copy>p{max-width:680px;margin:0;color:var(--muted);font-size:18px;line-height:1.7}.home-assurances{padding:18px;display:grid;gap:4px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.home-assurances span{min-height:48px;padding:0 12px;display:flex;align-items:center;gap:11px;border-radius:10px;color:var(--ink-soft);font-size:14px;font-weight:700}.home-assurances span+span{border-top:1px solid var(--line);border-top-left-radius:0;border-top-right-radius:0}.home-assurances svg{flex:0 0 auto;color:var(--green)}.tool-launcher{padding-top:76px}.section-heading{margin-bottom:30px}.section-heading h2{margin:9px 0 0;font-size:clamp(31px,4vw,46px);letter-spacing:-.045em;line-height:1.1}.section-heading.compact{display:flex;align-items:end;justify-content:space-between;gap:32px}.section-heading.compact h2{margin:0}.tool-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-launch-card{position:relative;min-height:400px;padding:30px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-small);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-launch-card:hover{border-color:color-mix(in srgb,var(--blue) 42%,var(--line));box-shadow:var(--shadow);transform:translateY(-3px)}.launch-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.launch-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:var(--blue-soft);color:var(--blue-ink)}.split-launch .launch-icon{background:var(--orange-soft);color:var(--orange)}.tool-tag{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.launch-copy{position:relative;z-index:2;max-width:430px;margin-top:24px}.launch-copy h3{margin:0 0 10px;font-size:28px;letter-spacing:-.04em}.launch-copy p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.launch-copy ul{margin:18px 0 0;padding:0;display:grid;gap:8px;color:var(--ink-soft);font-size:14px;list-style:none}.launch-copy li{display:flex;align-items:flex-start;gap:8px}.launch-copy li:before{width:6px;height:6px;margin-top:8px;flex:0 0 auto;border-radius:2px;background:var(--blue);content:""}.split-launch .launch-copy li:before{background:var(--orange)}.launch-action{position:relative;z-index:2;min-height:44px;margin-top:auto;display:flex;align-items:center;gap:8px;color:var(--blue-ink);font-size:14px;font-weight:800}.launch-visual{position:absolute;right:28px;bottom:26px}.reveal-launch-visual{display:flex;align-items:center;gap:9px;opacity:.9}.reveal-launch-visual>span{width:58px;height:58px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:13px}.reveal-solid{background:radial-gradient(circle,#62adff 0 24%,transparent 25%),#0a1018}.reveal-checker{background:radial-gradient(circle,#62adff 0 24%,transparent 25%),repeating-conic-gradient(#1674db 0 25%,transparent 0 50%) 0 / 5px 5px,#0a1018}.split-launch-visual{width:122px;height:72px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-2deg)}.split-launch-visual span{display:grid;place-items:center;border-radius:5px;background:linear-gradient(145deg,#ed8a55,#c74c1c);color:#fff;font-size:12px;font-weight:800}.home-note{margin-top:24px;padding:22px 24px;display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--ink-soft)}.home-note>svg{flex:0 0 auto;color:var(--green)}.home-note strong{font-size:15px}.home-note p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.tool-page{padding-top:64px}.tool-intro{margin-bottom:38px;display:flex;align-items:end;justify-content:space-between;gap:40px}.tool-intro h1{max-width:900px;margin:10px 0 13px;font-size:clamp(42px,5.2vw,64px);letter-spacing:-.06em;line-height:1.02}.tool-intro p{max-width:760px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}.step-pills{margin:0;padding:6px;flex:0 0 auto;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:13px;background:var(--surface);list-style:none}.step-pills li{min-height:40px;padding:0 11px;display:flex;align-items:center;gap:7px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:750;white-space:nowrap}.step-pills li>span{font-weight:600}.step-pills b{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;font-size:12px}.step-pills li.active{background:var(--blue-soft);color:var(--blue-ink)}.step-pills li.active b,.step-pills li.done b{border-color:var(--blue);background:var(--blue);color:var(--blue-contrast)}.dropzone-wrap{margin-top:24px}.dropzone{position:relative;min-height:300px;padding:42px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-xl);background:linear-gradient(var(--surface),var(--surface)) padding-box,radial-gradient(circle at 50% 0,var(--blue-soft),transparent 65%) border-box;text-align:center;transition:transform .16s ease,border-color .16s ease,background .16s ease}.dropzone:before{position:absolute;top:11px;right:11px;bottom:11px;left:11px;pointer-events:none;border:1px solid color-mix(in srgb,var(--line) 52%,transparent);border-radius:17px;content:""}.dropzone.is-dragging{border-color:var(--blue);background:var(--blue-soft);transform:scale(1.003)}.dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.dropzone-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:15px;background:var(--blue-soft);color:var(--blue-ink)}.dropzone h2{margin:0 0 6px;font-size:22px;letter-spacing:-.03em}.dropzone p{margin:0;color:var(--muted);font-size:14px}.privacy-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.field-error{margin:12px 0 0;padding:11px 13px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger);font-size:14px;line-height:1.5}.spinner{width:24px;height:24px;border:2px solid color-mix(in srgb,var(--blue) 24%,transparent);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.preflight-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.preflight-grid>div{padding:25px 27px}.preflight-grid>div+div{border-left:1px solid var(--line)}.preflight-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--surface-strong);color:var(--blue-ink)}.preflight-icon svg{width:19px}.preflight-grid h3{margin:14px 0 7px;font-size:16px}.preflight-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.reveal-workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:22px}.split-workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:22px}.workspace-main,.workspace-sidebar,.split-sidebar{min-width:0}.workspace-sidebar,.split-sidebar{position:sticky;top:88px}.file-strip{min-height:72px;margin-bottom:14px;padding:10px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.file-thumbnail{width:50px;height:50px;overflow:hidden;flex:0 0 auto;border-radius:9px;background:var(--surface-strong)}.file-thumbnail img{width:100%;height:100%;object-fit:cover}.file-strip>div:nth-child(2){min-width:0;display:grid;gap:3px}.file-strip b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.file-strip span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.file-strip .button{margin-left:auto}.preview-card,.export-card,.panel-card,.reveal-editor,.split-preview{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-small)}.reveal-editor{overflow:hidden}.editor-toolbar{min-height:66px;padding:10px 12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.segmented-control{padding:3px;display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated)}.segmented-control button{min-height:40px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:14px;font-weight:700;cursor:pointer}.segmented-control button:hover{color:var(--ink)}.segmented-control button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 7px #0b121d1a}.segmented-control.full{width:100%}.segmented-control.full button{flex:1}.brush-slider{min-width:210px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:14px}.brush-slider output{min-width:28px;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;text-align:right}input[type=range]{min-width:0;height:40px;flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:99px;background:transparent;accent-color:var(--blue);cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:var(--surface-strong)}input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--surface);border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px var(--line-strong)}input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--surface-strong)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:3px solid var(--surface);border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px var(--line-strong)}.toolbar-buttons{margin-left:auto;display:flex;gap:6px}.canvas-stage{position:relative;width:100%;min-height:420px;overflow:hidden;background:var(--canvas)}.canvas-stage canvas{max-width:100%;touch-action:none}.canvas-stage.mode-keep canvas,.canvas-stage.mode-erase canvas{cursor:crosshair}.canvas-stage.mode-pan canvas{cursor:grab}.canvas-stage.mode-pan canvas:active{cursor:grabbing}.canvas-hint,.zoom-readout{position:absolute;bottom:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#040609d1;color:#ffffffe6;font-size:14px;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-hint{left:12px}.zoom-readout{right:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.editor-footer{min-height:58px;padding:8px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.editor-footer>output{display:flex;align-items:center;gap:7px}.keep-swatch{width:10px;height:10px;border-radius:3px;background:var(--blue)}.editor-footer>div{display:flex;gap:6px}.text-button{min-height:40px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:14px;cursor:pointer}.text-button:hover{background:var(--surface-hover);color:var(--ink)}.text-button.danger:hover{color:var(--danger)}.preview-card{padding:18px}.preview-header{margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.preview-header h2{margin:4px 0 0;font-size:18px;letter-spacing:-.02em}.preview-themes{padding:3px;display:flex;gap:2px;border:1px solid var(--line);border-radius:12px}.preview-themes button{width:40px;height:40px;padding:0;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;cursor:pointer}.preview-themes button.active{background:var(--surface-strong);box-shadow:inset 0 0 0 2px var(--blue)}.preview-themes i{width:17px;height:17px;border:1px solid #697586;border-radius:50%}.phone-preview{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:#000;-webkit-user-select:none;user-select:none;touch-action:none}.mock-post-head{height:42px;padding:0 11px;display:flex;align-items:center;gap:8px;background:#080a0d}.mock-post-head .mock-avatar{width:22px;height:22px;border-radius:50%;background:#303844}.mock-post-head>span:nth-child(2){width:76px;height:6px;border-radius:10px;background:#303844}.mock-post-head i{width:3px;height:3px;margin-left:auto;border-radius:50%;background:#7a8491;box-shadow:6px 0 #7a8491,-6px 0 #7a8491}.phone-preview canvas{width:100%;max-height:420px;object-fit:contain}.hold-overlay{position:absolute;left:50%;bottom:12px;padding:7px 11px;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:#000000c7;color:#fffffff0;font-size:14px;white-space:nowrap;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-switch{margin-top:11px;padding:3px;display:flex;border:1px solid var(--line);border-radius:10px}.preview-switch button{min-height:40px;flex:1;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:14px;font-weight:700;cursor:pointer}.preview-switch button.active{background:var(--surface-strong);color:var(--ink)}.caption{margin:11px 2px 0;color:var(--muted);font-size:14px;line-height:1.55}.export-card{margin-top:14px;padding:19px}.export-card-title{margin-bottom:16px;display:flex;align-items:center;gap:11px}.export-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:var(--blue-soft);color:var(--blue-ink)}.export-card-title h2{margin:0;font-size:18px}.export-card-title p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.output-settings{margin-bottom:15px;border:1px solid var(--line);border-radius:11px;background:var(--bg-elevated)}.output-settings summary{position:relative;min-height:54px;padding:10px 38px 10px 12px;display:flex;align-items:center;border-radius:10px;cursor:pointer;list-style:none}.output-settings summary::-webkit-details-marker{display:none}.output-settings summary:after{position:absolute;right:17px;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);content:"";transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}.output-settings[open] summary:after{transform:rotate(225deg) translate(-2px,-2px)}.output-settings summary>span{display:grid;gap:2px}.output-settings summary strong{font-size:14px}.output-settings summary small{color:var(--muted);font-size:12px}.output-settings-body{padding:0 12px 12px;border-top:1px solid var(--line)}.compatibility-profile{margin-top:12px;padding:12px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line));border-radius:10px;background:var(--blue-soft)}.compatibility-profile>div{min-width:0;display:grid;gap:3px}.pattern-swatch{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line));border-radius:8px;background-color:#f5f8fc;background-image:linear-gradient(45deg,#252c35 25%,transparent 25%),linear-gradient(-45deg,#252c35 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#252c35 75%),linear-gradient(-45deg,transparent 75%,#252c35 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.compatibility-profile b{font-size:14px}.compatibility-profile p{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.5}.boost-field{margin-top:13px;padding-top:13px;display:grid;gap:8px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:14px}.boost-field>span:first-child{display:grid;gap:2px}.boost-field small,.matte-field small{color:var(--muted);font-size:12px;line-height:1.45}.boost-control{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:9px}.boost-control output{color:var(--blue-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;text-align:right}.profile-note{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.color-field{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ink-soft);font-size:14px}.color-field>span:last-child{display:flex;align-items:center;gap:8px}.color-field input[type=color]{width:40px;height:40px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.color-field code{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.matte-field{margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}.matte-field>span:first-child{display:grid;gap:2px}.export-help{margin:11px 0 0;color:var(--muted);font-size:14px;line-height:1.5;text-align:center}.posting-reminder{margin:14px 0 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg-elevated);color:var(--muted);font-size:14px;line-height:1.55}.posting-reminder b{color:var(--ink-soft)}.export-status{margin-top:13px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated)}.status-line{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:14px}.status-line>svg{flex:0 0 auto;color:var(--blue)}.status-line .icon-button{margin-left:auto}.progress-track{width:100%;height:7px;margin-top:11px;overflow:hidden;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:99px;background:var(--surface-strong)}.progress-track::-webkit-progress-bar{border-radius:inherit;background:var(--surface-strong)}.progress-track::-webkit-progress-value{border-radius:inherit;background:var(--blue)}.progress-track::-moz-progress-bar{border-radius:inherit;background:var(--blue)}.success-box{margin-top:13px;padding:12px;display:flex;align-items:flex-start;gap:9px;border:1px solid color-mix(in srgb,var(--green) 42%,var(--line));border-radius:10px;background:var(--green-soft);color:var(--green)}.success-box>svg{flex:0 0 auto}.success-box>div{display:grid;gap:4px}.success-box b{color:var(--ink);font-size:14px}.success-box span{color:var(--ink-soft);font-size:13px;line-height:1.5}.success-box .inline-link{margin-top:2px}.export-checks{margin-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.export-checks span{display:grid;justify-items:center;gap:5px;color:var(--muted);font-size:12px;line-height:1.35;text-align:center}.export-checks svg{width:16px;color:var(--green)}.split-summary-badge{flex:0 0 auto;min-height:42px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--green) 48%,var(--line));border-radius:11px;background:var(--green-soft);color:var(--green);font-size:14px;font-weight:750}.preset-section{margin:0 0 22px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.options-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.options-heading h2{margin:6px 0 0;font-size:22px;letter-spacing:-.03em}.options-heading>p{margin:0;color:var(--muted);font-size:14px}.preset-grid{margin-top:19px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preset-card{position:relative;min-height:92px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.preset-card:hover{border-color:var(--line-strong);background:var(--surface-hover)}.preset-card.selected{border-color:var(--blue);background:var(--blue-soft)}.preset-radio{position:absolute;width:1px;height:1px;opacity:0}.preset-card:has(.preset-radio:focus-visible){outline:3px solid color-mix(in srgb,var(--focus) 62%,transparent);outline-offset:3px}.preset-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:var(--surface-strong);color:var(--blue-ink)}.preset-icon svg{width:19px}.preset-card>span:nth-of-type(2){min-width:0;display:grid;gap:4px}.preset-card b{font-size:14px}.preset-card small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.radio-dot{position:absolute;right:13px;bottom:13px;width:16px;height:16px;border:1px solid var(--line-strong);border-radius:50%}.preset-card.selected .radio-dot{border:4px solid var(--blue);background:var(--surface)}.preset-detail{margin-top:12px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;border-radius:10px;background:var(--bg-elevated);color:var(--muted);font-size:14px}.preset-detail strong{color:var(--ink)}.preset-detail span:last-child{margin-left:auto;color:var(--blue-ink);font-weight:650}.split-preview{overflow:hidden}.split-preview-bar{min-height:70px;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.split-preview-bar>div{display:grid;gap:2px}.split-preview-bar strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.split-preview-bar small{color:var(--muted);font-size:12px}.split-preview-bar>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14px}.split-canvas-stage{min-height:430px;padding:22px;display:flex;align-items:center;justify-content:center;overflow:auto;background:linear-gradient(45deg,#111820 25%,transparent 25%),linear-gradient(-45deg,#111820 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111820 75%),linear-gradient(-45deg,transparent 75%,#111820 75%),#080c11;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.split-canvas-stage canvas{max-width:100%;flex:0 0 auto;box-shadow:0 15px 35px #00000059;cursor:grab;touch-action:none}.split-canvas-stage canvas:active{cursor:grabbing}.canvas-transform-status{min-height:56px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:14px}.canvas-transform-status>span{color:var(--muted);font-size:14px;text-align:right}.upload-order{padding:11px 13px;display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line)}.upload-order span{min-height:34px;padding:5px 9px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:14px}.upload-order b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:var(--blue-contrast);font-size:12px}.panel-card{padding:20px}.panel-card-heading{margin-bottom:16px}.panel-card-heading h2{margin:5px 0 0;font-size:21px}.control-sections{margin-bottom:17px;display:grid;gap:13px}.control-section{padding:14px;display:grid;gap:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg-elevated)}.control-heading{width:100%;margin-bottom:1px;display:flex;align-items:center;justify-content:space-between;color:var(--ink-soft);font-size:14px;font-weight:750}.control-heading svg{color:var(--muted)}.field-label{display:grid;gap:3px}.field-label>span{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:14px}.field-label output{color:var(--blue-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.fit-help{margin:-2px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.button-row,.format-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.format-options label{position:relative;min-height:68px;padding:11px;display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.format-options label.selected{border-color:var(--blue);background:var(--blue-soft)}.format-options label:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--focus) 62%,transparent);outline-offset:2px}.format-options input{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--blue)}.format-options span{display:grid;gap:3px}.format-options b{font-size:14px}.format-options small{color:var(--muted);font-size:14px;line-height:1.4}.individual-files{margin-top:10px;display:grid;gap:7px}.individual-files button{min-height:44px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg-elevated);color:var(--muted);font-size:12px;cursor:pointer}.individual-files button:hover{border-color:var(--blue);color:var(--blue-ink)}.individual-files button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.individual-files button b{margin-right:5px;color:var(--ink)}@media(max-width:1080px){.home-intro{grid-template-columns:minmax(0,1fr) 320px;gap:44px;padding:42px}.reveal-workspace,.split-workspace{grid-template-columns:minmax(0,1fr) 340px}.brush-slider{min-width:175px}}@media(max-width:920px){.home-intro{grid-template-columns:1fr;gap:30px}.home-assurances{grid-template-columns:repeat(3,1fr)}.home-assurances span{align-items:flex-start;justify-content:center;flex-direction:column}.home-assurances span+span{border-top:0;border-left:1px solid var(--line);border-radius:0}.tool-launch-grid,.reveal-workspace,.split-workspace{grid-template-columns:1fr}.workspace-sidebar,.split-sidebar{position:static}.workspace-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:14px}.export-card{margin-top:0}}@media(max-width:720px){.page-width,.footer-inner{width:min(100% - 28px,1280px)}.header-inner{width:calc(100% - 24px);height:62px;grid-template-columns:1fr auto}.main-nav{position:absolute;left:12px;right:12px;top:68px;padding:8px;display:none;flex-direction:column;align-items:stretch;border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav a{min-height:48px;padding-inline:13px}.header-actions{grid-column:2}.menu-button{display:inline-grid}.home-page{padding-top:38px}.home-intro{min-height:auto;padding:30px 24px;gap:26px}.home-intro h1{margin-top:13px;font-size:clamp(40px,12vw,58px)}.home-intro-copy>p{font-size:16px}.home-assurances{grid-template-columns:1fr;padding:10px}.home-assurances span{min-height:46px;align-items:center;justify-content:flex-start;flex-direction:row}.home-assurances span+span{border-top:1px solid var(--line);border-left:0}.tool-launcher{padding-top:52px}.section-heading.compact{align-items:flex-start;flex-direction:column;gap:7px}.tool-launch-card{min-height:410px;padding:24px}.home-note{padding:19px}.tool-page{padding-top:40px}.tool-intro{margin-bottom:28px;align-items:flex-start;flex-direction:column;gap:19px}.tool-intro h1{font-size:40px}.tool-intro p{font-size:16px}.step-pills{width:100%}.step-pills li{flex:1;justify-content:center;padding-inline:7px;white-space:normal;text-align:center}.dropzone{min-height:280px}.preflight-grid{grid-template-columns:1fr}.preflight-grid>div+div{border-top:1px solid var(--line);border-left:0}.editor-toolbar{flex-wrap:wrap}.editor-toolbar>.segmented-control{flex:1}.editor-toolbar>.segmented-control button{flex:1}.brush-slider{order:3;width:100%}.canvas-stage{min-height:420px}.workspace-sidebar,.split-sidebar{display:grid;grid-template-columns:1fr}.preset-section{padding:18px}.options-heading{align-items:flex-start}.preset-grid{grid-template-columns:1fr}.preset-detail{align-items:flex-start;flex-direction:column;gap:6px}.preset-detail span:last-child{margin-left:0}.split-canvas-stage{min-height:240px;padding:14px}.canvas-transform-status{align-items:flex-start;flex-direction:column;gap:3px}.canvas-transform-status>span{text-align:left}.site-footer{margin-top:64px}.footer-inner{min-height:156px;padding-block:24px;flex-direction:column;justify-content:center;gap:10px;text-align:center}.footer-inner>p:first-of-type{margin-left:0}.footer-note{padding-top:10px;padding-left:0;border-top:1px solid var(--line);border-left:0}}@media(max-width:460px){.header-actions{gap:6px}.language-button{min-width:44px;padding-inline:6px}.home-intro{padding:26px 20px}.home-intro h1{font-size:41px}.tool-launch-card{min-height:455px;padding:22px}.launch-visual{right:22px;bottom:28px}.launch-action{max-width:180px}.reveal-launch-visual{transform:scale(.82);transform-origin:right bottom}.tool-intro h1{font-size:37px}.step-pills li{gap:5px;font-size:14px}.step-pills li>span{display:none}.file-strip{flex-wrap:wrap}.file-strip>div:nth-child(2){max-width:calc(100% - 64px)}.file-strip .button{width:100%;margin-left:0}.editor-toolbar>.segmented-control button{padding-inline:7px;font-size:14px}.editor-footer{align-items:flex-start;flex-direction:column}.editor-footer>div{width:100%}.editor-footer .text-button{flex:1;justify-content:center}.canvas-hint{max-width:calc(100% - 90px);font-size:14px}.preview-card,.export-card,.panel-card{padding:16px}.output-settings summary:after{right:27px}.format-options,.export-checks{grid-template-columns:1fr}.export-checks span{min-height:32px;display:flex;justify-content:flex-start;text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(forced-colors:active){.button,.icon-button,.main-nav,.preset-card,.format-options label,.preview-themes button{border:1px solid ButtonText}.preset-card.selected,.format-options label.selected,.segmented-control button.active{outline:2px solid Highlight}}