:root{--bg: #f8f5f1;--bg-soft: #fffdf9;--bg-panel: rgba(255, 255, 255, .86);--text: #151515;--text-soft: #636363;--line: rgba(17, 17, 17, .12);--accent: #e8483f;--accent-soft: rgba(232, 72, 63, .12);--chip: #ffffff;--chip-active: #111111;--chip-active-text: #ffffff;--shadow: 0 18px 54px rgba(31, 26, 20, .08);--font-body: "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Segoe UI", sans-serif;--font-display: "MiSans", "HarmonyOS Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", sans-serif;--font-ui: "Avenir Next", "MiSans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: clamp(2.625rem, 4.6vw, 3.75rem);--text-hero: clamp(3rem, 6vw, 4.6rem);--leading-tight: 1.15;--leading-normal: 1.6;--leading-relaxed: 1.72;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,rgba(232,72,63,.08),transparent 16%),radial-gradient(circle at bottom right,rgba(233,188,83,.12),transparent 18%),linear-gradient(180deg,#fffefb,#f8f5f1);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=warm]{--bg: #f5efe8;--bg-soft: #fff9f3;--bg-panel: rgba(255, 249, 243, .88);--text: #241a12;--text-soft: #6a5546;--line: rgba(90, 63, 40, .16);--accent: #c8613b;--accent-soft: rgba(200, 97, 59, .14);--chip: #fff9f1;--chip-active: #8a3f22;--chip-active-text: #fff8f1;--shadow: 0 18px 56px rgba(98, 61, 31, .12)}:root[data-theme=graphite]{--bg: #15181d;--bg-soft: #1d2229;--bg-panel: rgba(28, 33, 40, .92);--text: #f6f7f9;--text-soft: #a7b0ba;--line: rgba(255, 255, 255, .1);--accent: #ff6e5d;--accent-soft: rgba(255, 110, 93, .16);--chip: #232933;--chip-active: #f6f7f9;--chip-active-text: #15181d;--shadow: 0 20px 60px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,select,input[type=range]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg-soft) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner,.page-shell,.footer-inner{width:min(1420px,calc(100% - 40px));margin:0 auto}.header-inner{display:grid;grid-template-columns:280px minmax(0,1fr) minmax(280px,340px) auto;align-items:center;gap:18px;min-height:78px}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--accent) 0%,#eb9a48 100%);color:#fff;font-size:var(--text-md);font-weight:800;letter-spacing:.08em}.brand-copy strong{display:block;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em}.brand-copy span{display:block;margin-top:4px;color:var(--text-soft);font-size:var(--text-base);line-height:1.55}.main-nav,.toolbar,.action-row,.chip-row,.tool-card-meta,.meta-wrap,.stacked-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.main-nav{justify-content:center}.nav-item{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:0;background:transparent;color:var(--text);font-family:var(--font-ui);font-size:var(--text-base);font-weight:700;letter-spacing:-.01em}.nav-item-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;line-height:inherit}.nav-dropdown{position:relative;padding-bottom:12px;margin-bottom:-12px}.nav-item:hover,.router-link-active.nav-item{background:var(--accent-soft)}.nav-dropdown.open .nav-item{background:color-mix(in srgb,var(--accent) 8%,var(--bg-soft));border-color:color-mix(in srgb,var(--accent) 12%,transparent)}.search-shell{position:relative}.search-box{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg-soft) 92%,transparent);box-shadow:0 10px 24px #1f1a140a;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.search-shell.open .search-box,.search-box:focus-within{border-color:color-mix(in srgb,var(--accent) 20%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--bg-soft));box-shadow:0 16px 30px #1f1a1414}.search-prefix{color:var(--text-soft);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;white-space:nowrap}.search-input{width:100%;border:0;background:transparent;color:var(--text);outline:0;font-family:var(--font-ui);font-size:var(--text-base);font-weight:600}.search-input::placeholder{color:var(--text-soft)}.search-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:22;display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:22px;background:var(--bg-panel);box-shadow:var(--shadow)}.search-result{display:grid;gap:8px;width:100%;padding:12px 14px;border:1px solid transparent;border-radius:16px;background:color-mix(in srgb,var(--bg-soft) 92%,transparent);text-align:left;color:var(--text);transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.search-result:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--bg-soft))}.search-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-result-head strong{font-size:var(--text-base)}.search-result-category{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.search-result p,.search-empty{margin:0;color:var(--text-soft);font-size:var(--text-sm);line-height:1.55}.search-empty{padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--bg-soft) 92%,transparent)}.toolbar{justify-content:flex-end;gap:12px;padding:6px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg-soft) 86%,rgba(255,255,255,.5));box-shadow:0 10px 24px #1f1a140a}.toolbar-menu{position:relative}.menu-trigger,.menu-option,.filter-chip,.ghost-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center}.menu-trigger,.menu-option,.filter-chip{min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text);transition:transform .18s ease,background-color .18s ease,color .18s ease}.menu-trigger{min-width:142px;justify-content:center;padding:0 16px;text-align:center}.menu-trigger-copy{display:flex;align-items:baseline;gap:8px;min-width:0;justify-content:center}.menu-trigger-label{color:var(--text-soft);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.menu-trigger-value{display:block;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-ui);font-size:var(--text-base);font-weight:700}.menu-trigger:hover,.menu-option:hover,.filter-chip:hover,.ghost-button:hover{transform:translateY(-1px)}.menu-trigger:hover,.toolbar-menu.open .menu-trigger{background:color-mix(in srgb,var(--accent) 8%,var(--bg-soft));border-color:color-mix(in srgb,var(--accent) 12%,transparent)}.menu-panel{position:absolute;top:calc(100% + 4px);right:0;z-index:20;display:grid;gap:8px;min-width:168px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 10%,var(--line));border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-soft) 96%,transparent),color-mix(in srgb,var(--bg-panel) 98%,transparent)),var(--bg-panel);box-shadow:0 22px 48px #1f1a1424;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mega-menu{width:min(740px,calc(100vw - 32px));padding:14px}.mega-menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,var(--line))}.mega-menu-head strong{font-size:var(--text-lg)}.mega-menu-head span{color:var(--text-soft);font-size:var(--text-sm)}.mega-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mega-menu-card{display:grid;gap:8px;min-height:112px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 10%,var(--line));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-soft) 94%,transparent),color-mix(in srgb,var(--accent) 3%,var(--bg-soft))),color-mix(in srgb,var(--bg-soft) 92%,transparent);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.mega-menu-card:hover{transform:translateY(-2px) scale(1.01);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--bg-soft));box-shadow:0 18px 34px #1f1a1414}.mega-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:28px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.05em}.mega-menu-card strong{font-size:var(--text-base)}.mega-menu-card span:last-child{color:var(--text-soft);font-size:var(--text-sm);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.menu-panel-locale{min-width:180px}.menu-option{width:100%;justify-content:flex-start;border-radius:14px;background:color-mix(in srgb,var(--bg-soft) 90%,transparent)}.menu-option.active,.filter-chip.active{background:var(--chip-active);color:var(--chip-active-text)}.page-shell{flex:1;padding:38px 0 70px}.hero-section,.filter-section,.grid-section,.category-page,.workbench-page,.empty-page{width:100%}.hero-section{position:relative;padding:38px 20px 20px;text-align:center}.hero-section:before,.hero-section:after{content:"";position:absolute;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent) 0%,transparent 70%);pointer-events:none}.hero-section:before{top:-120px;left:-110px}.hero-section:after{top:-120px;right:-110px}.hero-copy{position:relative;z-index:1;max-width:920px;margin:0 auto}.hero-copy h1,.section-head h1{margin:0;font-family:var(--font-display);line-height:var(--leading-tight);font-weight:800;letter-spacing:-.05em}.hero-copy h1{font-size:var(--text-hero)}.category-page .section-head h1{font-size:var(--text-2xl)}.category-page .section-head p{max-width:680px;font-size:var(--text-base);line-height:1.7}.hero-copy p,.section-head p,.tool-card p,.result-card p,.upload-dropzone p,.note-list,.step-item p{color:var(--text-soft)}.hero-copy p{margin:16px auto 0;max-width:820px;font-size:var(--text-lg);line-height:1.8}.chip-row{justify-content:center}.hero-point-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-point{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg-soft) 92%,transparent);color:var(--text-soft);font-size:var(--text-sm)}.grid-section,.category-page,.workbench-page,.empty-page{padding-top:12px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}.section-head-large{align-items:flex-start}.section-head-home{margin-bottom:22px}.section-head h2{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em}.section-head p{margin:10px 0 0;max-width:760px;font-size:var(--text-md);line-height:var(--leading-relaxed)}.section-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em}.category-section-list{display:grid;gap:30px}.category-group{display:grid;gap:18px}.category-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.category-group-copy{display:flex;align-items:flex-start;gap:14px}.category-group-copy h3{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em}.category-group-copy p{margin:8px 0 0;max-width:720px;color:var(--text-soft);font-size:var(--text-md);line-height:var(--leading-relaxed)}.category-group-icon{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:36px;padding:0 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:var(--text-sm);font-weight:800;letter-spacing:.06em}.category-group-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.category-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg-soft) 92%,transparent);color:var(--text);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.category-link-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--bg-soft))}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card,.panel{border:1px solid var(--line);border-radius:24px;background:var(--bg-panel);box-shadow:0 12px 34px #1f1a140d}.tool-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:14px;min-height:156px;padding:18px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}.tool-card-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg-soft) 82%,transparent);color:var(--accent);font-weight:800;transition:transform .22s ease,background-color .22s ease,border-color .22s ease}.tool-card-copy{display:grid;align-content:start;gap:8px;min-width:0;flex:1}.tool-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tool-card h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;letter-spacing:-.022em}.panel h2{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:-.025em}.tool-card p{margin:0;max-width:30ch;color:var(--text-soft);font-size:var(--text-sm);line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.status-badge,.mode-pill,.subtle-pill,.meta-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:-.01em}.status-badge[data-status=ready],.mode-pill{background:var(--accent-soft);color:var(--accent)}.status-badge[data-status=limited]{background:#e4a02629;color:#b17a15}.status-badge[data-status=hybrid]{background:#377ded29;color:#2866c5}.status-badge[data-status=planned]{background:#717a8c29;color:#637084}.subtle-pill,.meta-chip{background:color-mix(in srgb,var(--bg-soft) 84%,transparent);border:1px solid var(--line);color:var(--text-soft)}.tool-card-hint{display:inline-block;margin-top:10px;color:var(--accent);font-style:normal;font-weight:700;font-size:var(--text-sm)}@media(hover:hover){.tool-card:hover{transform:translateY(-4px) scale(1.01);border-color:color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--bg-panel) 92%,var(--accent-soft));box-shadow:0 22px 44px #1f1a141a}.tool-card:hover .tool-card-icon{transform:translateY(-2px) scale(1.06);border-color:color-mix(in srgb,var(--accent) 22%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--bg-soft))}}.workbench-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.12fr) 300px;gap:18px}.panel{padding:24px}.panel-headline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-upload,.panel-preview{min-height:590px}.upload-dropzone{display:grid;place-items:center;min-height:280px;padding:26px;border:1px dashed var(--line);border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-soft) 90%,transparent),transparent),color-mix(in srgb,var(--accent) 3%,transparent);text-align:center}.upload-dropzone-active{cursor:pointer}.upload-icon{display:grid;place-items:center;width:70px;height:70px;margin-bottom:14px;border-radius:999px;background:var(--accent);color:#fff;font-size:2rem}.upload-dropzone strong{font-size:var(--text-lg)}.step-list{display:grid;gap:12px;margin-top:18px}.queue-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.queue-header h3{margin:0;font-size:var(--text-lg)}.queue-header-tight{margin-top:0}.queue-list{display:grid;gap:12px;margin-top:14px}.queue-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg-soft) 86%,transparent)}.queue-item-main,.queue-actions{display:flex;align-items:center;gap:12px}.queue-actions-compact{align-items:flex-end}.queue-item-main{min-width:0;flex:1}.queue-copy{min-width:0}.queue-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-copy p,.setting-hint{margin:6px 0 0;color:var(--text-soft)}.queue-index{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:800}.drag-tip{color:var(--text-soft);font-size:var(--text-sm)}.ghost-button{min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text)}.stepper-button{min-width:40px;padding:0}.ghost-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 6%,var(--chip))}.primary-button:hover:not(:disabled){filter:brightness(.98)}.queue-empty,.error-banner{margin-top:14px;padding:16px;border-radius:18px;border:1px dashed var(--line);color:var(--text-soft)}.error-banner{border-style:solid;background:#e8483f14;color:#b2332c}.step-item{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:18px}.step-item span{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:800}.step-item p{margin:0}.preview-surface{display:grid;gap:18px;min-height:430px}.preview-gallery,.image-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.canvas-preview-frame{display:grid;place-items:center;min-height:320px;padding:16px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-soft) 92%,transparent),color-mix(in srgb,var(--accent) 3%,transparent)),color-mix(in srgb,var(--bg-soft) 90%,transparent)}.preview-rendered-image{display:block;width:100%;max-height:480px;object-fit:contain;border-radius:18px;box-shadow:0 18px 40px #00000014;background:#fff}.image-preview-tile{display:grid;gap:10px;margin:0;padding:12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg-soft) 90%,transparent)}.image-preview-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#fff}.image-preview-tile figcaption{overflow:hidden;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base)}.preview-thumb-card{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg-soft) 90%,transparent)}.preview-thumb-card-wide{align-content:start}.preview-thumb-card span{color:var(--text-soft);text-align:center;font-size:var(--text-base)}.preview-card-title{font-size:var(--text-base)}.preview-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.selection-stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;touch-action:none;cursor:crosshair}.selection-stage-image{display:block;width:100%;max-height:420px;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.selection-box{position:absolute;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 0 999px #0000001f;pointer-events:none}.selection-box-label{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#ffffffeb;color:var(--accent);font-size:var(--text-xs);font-weight:700}.preview-thumb-image{width:100%;aspect-ratio:210 / 297;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#fff}.preview-file{display:grid;place-items:center;gap:14px;min-height:280px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--bg-soft) 88%,transparent)}.preview-page{width:220px;height:290px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fffffff2,#f4f4f4cc),linear-gradient(135deg,rgba(232,72,63,.1),transparent);box-shadow:0 18px 42px #00000014}.preview-page-stack{position:relative;display:grid;place-items:center;overflow:hidden;font-size:var(--text-3xl);font-weight:800;color:var(--accent)}.preview-page-stack:before,.preview-page-stack:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}.preview-page-stack:after{top:24px;right:24px;bottom:24px;left:24px}.preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-tile,.result-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg-soft) 86%,transparent)}.stat-tile strong{display:block;font-size:var(--text-xl)}.stat-tile span{color:var(--text-soft)}.primary-button,.secondary-button{min-height:44px;min-width:136px;padding:0 18px;border:1px solid var(--line);border-radius:999px;font-weight:700}.action-row-large{justify-content:flex-start;gap:12px}.action-row-large>.primary-button,.action-row-large>.secondary-button,.action-row-large>.ghost-button{min-height:44px;min-width:136px;padding:0 18px}.page-flow-box{padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg-soft) 86%,transparent)}.segment-list{display:grid;gap:10px;margin-top:12px}.segment-item{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--bg-panel) 94%,transparent);border:1px solid var(--line)}.segment-item strong{color:var(--accent)}.segment-item span{color:var(--text-soft);overflow:hidden;text-overflow:ellipsis}.primary-button{background:var(--accent);color:#fff;border-color:transparent}.secondary-button{background:var(--chip);color:var(--text)}.side-stack{display:grid;gap:18px;align-content:start}.settings-list,.note-list,.helper-status-card{display:grid;gap:14px}.helper-capability-list{display:grid;gap:10px}.helper-capability-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg-soft) 88%,transparent)}.helper-capability-item strong{font-size:var(--text-sm)}.helper-capability-item span{color:var(--text-soft);font-size:var(--text-sm);text-align:right;word-break:break-word}.setting-row{display:grid;gap:10px}.setting-inline-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.setting-control-row{display:grid;grid-template-columns:40px minmax(0,1fr) 88px 24px 40px;align-items:center;gap:10px}.setting-checkbox-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg-soft) 88%,transparent)}.setting-row span{font-weight:700}.setting-row select,.text-input{min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-soft) 88%,transparent);color:var(--text)}.number-input{min-height:42px;width:88px;padding:0 10px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-soft) 88%,transparent);color:var(--text);text-align:center}.input-suffix{color:var(--text-soft);font-size:var(--text-sm);text-align:center}.text-area{width:100%;padding:12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-soft) 88%,transparent);color:var(--text);resize:vertical}.text-preview-block,.highlight-block{min-height:280px;margin:0;padding:18px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--bg-soft) 88%,transparent);white-space:pre-wrap;word-break:break-word}.text-preview-block-placeholder,.highlight-block.text-preview-block-placeholder{color:var(--text-soft)}.toggle-list,.metric-list,.result-list,.variant-list{display:grid;gap:12px}.toggle-card,.metric-row,.result-item,.variant-card{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg-soft) 86%,transparent)}.variant-card{padding:16px}.toggle-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.toggle-card input{margin-top:4px}.toggle-card strong,.metric-row strong,.result-item strong{display:block}.toggle-card span,.result-item p{color:var(--text-soft)}.metric-row,.result-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-item-header{margin-bottom:10px}.highlight-mark{padding:0 4px;border-radius:8px}.highlight-mark-high{background:#e8483f38}.highlight-mark-medium{background:#e8993f38}.highlight-mark-low,.highlight-mark-review{background:#4e7dff2e}.setting-row input[type=range]{width:100%}.range-value{min-width:54px;text-align:right;font-size:var(--text-sm)}.color-input{width:56px;min-width:56px;height:42px;padding:4px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-soft) 88%,transparent)}.position-chip-row{display:flex;flex-wrap:wrap;gap:10px}.note-list{margin:0;padding-left:18px}.note-list li+li{margin-top:8px}.result-card strong{display:block;font-size:var(--text-lg)}.result-card p{margin:10px 0 14px}.inline-result-card{margin-top:14px}.download-toast{position:fixed;right:24px;bottom:24px;z-index:40;display:grid;gap:8px;width:min(360px,calc(100vw - 32px));padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg-panel) 94%,var(--accent-soft));box-shadow:0 18px 40px #1f1a141f}.download-toast strong{font-size:var(--text-md)}.download-toast p{margin:0;color:var(--text-soft);font-size:var(--text-base);line-height:1.6}.site-footer{margin-top:24px;color:#f5f6f8;background:radial-gradient(circle at top right,rgba(255,110,93,.12),transparent 22%),linear-gradient(180deg,#262730,#20212a)}.source-summary{margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footer-inner{width:min(1420px,calc(100% - 40px));margin:0 auto}.footer-top{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:34px;padding:44px 0 30px}.footer-brand-panel{display:grid;gap:22px;align-content:start}.footer-brand{display:flex;align-items:flex-start;gap:16px}.footer-brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--accent) 0%,#eb9a48 100%);color:#fff;font-weight:800;letter-spacing:.08em}.footer-brand strong{display:block;font-size:var(--text-lg)}.footer-brand p{margin:10px 0 0;color:#f5f6f8b8;line-height:1.7}.footer-tag-row{display:flex;flex-wrap:wrap;gap:10px}.footer-tag{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0d;color:#f5f6f8db;font-size:var(--text-sm)}.footer-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.footer-column{display:grid;align-content:start;gap:12px}.footer-column h3{margin:0 0 4px;color:#fff;font-family:var(--font-display);font-size:var(--text-md);font-weight:800;letter-spacing:-.02em}.footer-link,.footer-text,.footer-record,.footer-copyright{color:#f5f6f8b8;font-size:var(--text-base);line-height:1.65}.footer-link{transition:color .18s ease}.footer-link:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 0 26px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom-left{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.footer-locale-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f;color:#fff;font-size:var(--text-sm)}@media(max-width:1280px){.header-inner{grid-template-columns:1fr;padding:18px 0}.main-nav,.search-shell,.toolbar{justify-content:flex-start}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workbench-grid,.footer-top{grid-template-columns:1fr}.footer-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.header-inner,.page-shell,.footer-inner{width:min(100% - 28px,100%)}.hero-copy h1,.section-head h1{font-size:clamp(2.25rem,10vw,3rem)}.hero-copy p{font-size:var(--text-md)}.tool-grid{grid-template-columns:1fr}.toolbar{width:100%;justify-content:stretch;border-radius:22px}.search-shell{width:100%}.search-panel{position:static;margin-top:10px}.toolbar-menu{flex:1 1 0}.menu-trigger,.menu-panel,.menu-panel-locale{width:100%;min-width:0}.menu-trigger-copy{justify-content:center;width:100%}.menu-trigger-value{max-width:none}.mega-menu{width:100%}.mega-menu-grid{grid-template-columns:1fr}.category-group-head,.category-group-copy{display:grid}.tool-card{min-height:auto}.queue-item,.queue-actions{align-items:flex-start;flex-direction:column}.stacked-actions,.action-row-large,.primary-button,.secondary-button,.ghost-button{width:100%}.segment-item,.preview-gallery,.image-preview-grid,.preview-compare-grid{grid-template-columns:1fr}.setting-control-row{grid-template-columns:40px minmax(0,1fr) 78px 20px 40px}.footer-link-grid{grid-template-columns:1fr}.footer-bottom{display:grid;padding:16px 0 24px}.site-header{position:static}}