:root{--accent-50:#eef2ff;--accent-100:#dde4ff;--accent-500:#3355e0;--accent-600:#2745c2;--accent-700:#1f379e;--status-good-bg:#eaf6ee;--status-good-fg:#1a7f4a;--status-good-border:#bfe4cd;--status-warn-bg:#fdf3e2;--status-warn-fg:#a15c07;--status-warn-border:#f2dbab;--status-risk-bg:#fdecea;--status-risk-fg:#b3261e;--status-risk-border:#f5c6c2;--status-neutral-bg:#eef0f4;--status-neutral-fg:#454b57;--status-neutral-border:#dbdfe6;--ink-900:#12151c;--ink-800:#1c2029;--ink-700:#2a2f3a;--ink-600:#454b57;--ink-500:#656c79;--ink-400:#8a909c;--ink-300:#b7bcc5;--ink-200:#dbdfe6;--ink-100:#eceef2;--ink-50:#f6f7f9;--surface:#fff;--font-display:"Sora", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;--text-xs:12px;--text-sm:13px;--text-base:14.5px;--text-md:16px;--text-lg:19px;--text-xl:24px;--text-2xl:30px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #12151c0f;--shadow-md:0 4px 16px #12151c14;--shadow-lg:0 12px 32px #12151c24;--sidebar-width:248px;--topbar-height:60px;--color-bg:var(--ink-50);--color-surface:var(--surface);--color-border:var(--ink-200);--color-text:var(--ink-900);--color-text-muted:var(--ink-500);--color-accent:var(--accent-500);--color-accent-strong:var(--accent-600)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink-900:#f3f4f7;--ink-800:#e4e6eb;--ink-700:#c7cad3;--ink-600:#9ba0ac;--ink-500:#7d8390;--ink-400:#656b78;--ink-300:#454b57;--ink-200:#2c313c;--ink-100:#1e222b;--ink-50:#14171e;--surface:#1a1e26;--status-good-bg:#14261c;--status-good-fg:#4fd082;--status-good-border:#1f3d2c;--status-warn-bg:#2b2210;--status-warn-fg:#f0b555;--status-warn-border:#453413;--status-risk-bg:#2c1715;--status-risk-fg:#f28981;--status-risk-border:#452321;--status-neutral-bg:#1e222b;--status-neutral-fg:#b7bcc5;--status-neutral-border:#2c313c;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 32px #00000073}}:root[data-theme=dark]{--ink-900:#f3f4f7;--ink-800:#e4e6eb;--ink-700:#c7cad3;--ink-600:#9ba0ac;--ink-500:#7d8390;--ink-400:#656b78;--ink-300:#454b57;--ink-200:#2c313c;--ink-100:#1e222b;--ink-50:#14171e;--surface:#1a1e26;--status-good-bg:#14261c;--status-good-fg:#4fd082;--status-good-border:#1f3d2c;--status-warn-bg:#2b2210;--status-warn-fg:#f0b555;--status-warn-border:#453413;--status-risk-bg:#2c1715;--status-risk-fg:#f28981;--status-risk-border:#452321;--status-neutral-bg:#1e222b;--status-neutral-fg:#b7bcc5;--status-neutral-border:#2c313c}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text);text-wrap:balance;margin:0;font-weight:700}p{margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.tabular{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;border:1px solid #0000;transition:background .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-strong)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--ink-100)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--ink-100);color:var(--color-text)}.btn-block{width:100%}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--ink-700);font-weight:600}.form-control{height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);width:100%}.form-control:focus{border-color:var(--color-accent)}.form-error{color:var(--status-risk-fg);font-size:var(--text-xs)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.card-title{font-family:var(--font-display);font-size:var(--text-md);margin:0 0 var(--space-1);font-weight:700}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4)}.stat-tile{gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.stat-tile-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.stat-tile-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800}.stat-tile-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.pill{font-size:var(--text-xs);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.pill-good{background:var(--status-good-bg);color:var(--status-good-fg);border-color:var(--status-good-border)}.pill-warn{background:var(--status-warn-bg);color:var(--status-warn-fg);border-color:var(--status-warn-border)}.pill-risk{background:var(--status-risk-bg);color:var(--status-risk-fg);border-color:var(--status-risk-border)}.pill-neutral{background:var(--status-neutral-bg);color:var(--status-neutral-fg);border-color:var(--status-neutral-border)}.pill-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.avatar{background:var(--accent-100);width:32px;height:32px;color:var(--accent-700);font-weight:700;font-size:var(--text-xs);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}table.ws-table{border-collapse:collapse;width:100%;min-width:640px}.ws-table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);padding:var(--space-3) var(--space-4);background:var(--ink-50);border-bottom:1px solid var(--color-border);white-space:nowrap;font-weight:600}.ws-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);vertical-align:middle}.ws-table tr:last-child td{border-bottom:none}.ws-table tr.row-risk{background:var(--status-risk-bg)}.bar-track{background:var(--ink-100);border-radius:999px;width:100%;height:6px;overflow:hidden}.bar-fill{background:var(--color-accent);border-radius:999px;height:100%}.bar-fill.good{background:var(--status-good-fg)}.bar-fill.warn{background:var(--status-warn-fg)}.bar-fill.risk{background:var(--status-risk-fg)}.empty-state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-5);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.skeleton{background:linear-gradient(90deg, var(--ink-100) 25%, var(--ink-200) 37%, var(--ink-100) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid #0000;display:flex}.alert-risk{background:var(--status-risk-bg);color:var(--status-risk-fg);border-color:var(--status-risk-border)}.alert-neutral{background:var(--status-neutral-bg);color:var(--status-neutral-fg);border-color:var(--status-neutral-border)}.trend{font-weight:700;font-size:var(--text-sm)}.trend-up{color:var(--status-good-fg)}.trend-down{color:var(--status-risk-fg)}.trend-stable{color:var(--color-text-muted)}.app-shell{min-height:100%;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:20;flex-direction:column;flex:none;transition:transform .18s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-4);display:flex}.sidebar-brand-mark{background:var(--color-accent);color:#fff;width:30px;height:30px;font-family:var(--font-display);border-radius:8px;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.sidebar-brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-md)}.sidebar-nav{padding:0 var(--space-3) var(--space-4);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:var(--space-4) var(--space-2) var(--space-1);font-size:11px;font-weight:700}.sidebar-link{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-sm);color:var(--ink-700);font-size:var(--text-sm);font-weight:500;display:flex}.sidebar-link:hover{background:var(--ink-100);text-decoration:none}.sidebar-link.active{background:var(--accent-50);color:var(--color-accent-strong);font-weight:600}.sidebar-link-icon{text-align:center;flex:none;width:18px}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);align-items:center;gap:var(--space-3);display:flex}.sidebar-footer-name{font-size:var(--text-sm);font-weight:600}.sidebar-footer-role{font-size:var(--text-xs);color:var(--color-text-muted)}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-6);z-index:10;flex:none;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}.topbar-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.sidebar-toggle{cursor:pointer;padding:var(--space-2);color:var(--ink-700);background:0 0;border:none;display:none}.page-content{padding:var(--space-6);gap:var(--space-6);flex-direction:column;width:100%;max-width:1440px;display:flex}@media (width<=960px){.sidebar{transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.main-area{margin-left:0}.sidebar-toggle{justify-content:center;align-items:center;display:inline-flex}.page-content{padding:var(--space-4)}}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.dash-columns{gap:var(--space-5);grid-template-columns:1.3fr 1fr;align-items:start;display:grid}@media (width<=1100px){.dash-columns{grid-template-columns:1fr}}.attention-item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.attention-item:last-child{border-bottom:none}.attention-item-name{font-weight:600;font-size:var(--text-sm)}.attention-item-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.attention-item-reasons{margin-top:var(--space-2);flex-wrap:wrap;gap:6px;display:flex}.desk-row{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.desk-row:last-child{border-bottom:none}.desk-row-name{width:170px;font-weight:600;font-size:var(--text-sm);flex:none}.desk-row-bar{flex:1}.desk-row-value{text-align:right;width:56px;font-family:var(--font-mono);font-size:var(--text-sm);flex:none}.spv-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.spv-card.bottleneck{border-color:var(--status-risk-border);background:var(--status-risk-bg)}.spv-card-body{flex:1;min-width:0}.spv-card-name{font-weight:600;font-size:var(--text-sm)}.spv-card-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.activity-item{gap:var(--space-3);padding:var(--space-2) 0;display:flex}.activity-dot{background:var(--color-accent);border-radius:50%;flex:none;width:6px;height:6px;margin-top:7px}.activity-text{font-size:var(--text-sm)}.activity-time{font-size:var(--text-xs);color:var(--color-text-muted)}.login-screen{background:var(--ink-50);min-height:100%;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-md)}.login-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.login-title{font-size:var(--text-lg);margin-bottom:var(--space-1)}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-footnote{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.public-page{background:var(--ink-50);min-height:100%}.public-nav{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.public-nav-brand{align-items:center;gap:var(--space-2);display:flex}.public-hero{max-width:760px;padding:var(--space-10) var(--space-6) var(--space-6);text-align:center;margin:0 auto}.public-hero h1{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.public-hero p{color:var(--color-text-muted);font-size:var(--text-md);max-width:560px;margin:0 auto}.public-form-wrap{max-width:640px;padding:0 var(--space-6) var(--space-10);margin:0 auto}.public-form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.public-form-grid{grid-template-columns:1fr}}.field-file{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.public-status-link{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);display:block}.result-banner{text-align:center;padding:var(--space-8) var(--space-6)}.result-banner .ref-number{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-accent-strong);margin:var(--space-3) 0;font-weight:700}.landing-hero{text-align:center;max-width:820px;margin:0 auto;padding:88px 24px 72px}.landing-hero h1{margin-bottom:18px;font-size:clamp(32px,5vw,46px);line-height:1.15}.landing-hero p{color:var(--color-text-muted);max-width:600px;margin:0 auto 32px;font-size:17px;line-height:1.6}.landing-hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.landing-hero-visual{border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:920px;box-shadow:var(--shadow-lg);margin:48px auto 0;overflow:hidden}.landing-section{max-width:1080px;margin:0 auto;padding:64px 24px}.landing-section-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);text-align:center;margin-bottom:8px;font-size:12px;font-weight:700}.landing-section-title{text-align:center;margin-bottom:40px;font-size:28px}.benefit-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.benefit-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:28px 22px}.benefit-card-icon{background:var(--accent-50);width:40px;height:40px;color:var(--color-accent-strong);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.benefit-card h3{margin-bottom:6px;font-size:16px}.benefit-card p{color:var(--color-text-muted);font-size:14px;line-height:1.5}.journey-steps{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (width<=800px){.journey-steps{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.journey-steps{grid-template-columns:repeat(2,1fr)}}.journey-step{text-align:center;padding:20px 12px;position:relative}.journey-step-number{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:0 auto 12px;font-size:14px;font-weight:700;display:flex}.journey-step-label{font-size:13px;font-weight:600}.desk-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.desk-card{border-radius:var(--radius-lg);background:var(--ink-900);color:var(--ink-50);border:1px solid var(--ink-800);padding:24px 20px}:root[data-theme=light] .desk-card,:root:not([data-theme=dark]) .desk-card{background:var(--ink-900);color:#fff}.desk-card h3{color:inherit;margin-bottom:6px;font-size:16px}.desk-card p{opacity:.75;font-size:13px;line-height:1.5}.landing-final-cta{text-align:center;background:linear-gradient(180deg, transparent, var(--accent-50) 120%);padding:72px 24px 96px}.landing-final-cta h2{margin-bottom:20px;font-size:30px}.landing-footer{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding:24px;font-size:12px}.workcard-summary-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.workcard-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.workcard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.workcard:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-100);transform:translateY(-3px)}.workcard-header{padding:var(--space-5) var(--space-5) var(--space-4);background:linear-gradient(160deg, var(--accent-50) 0%, var(--color-surface) 70%);border-bottom:1px solid var(--color-border)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .workcard-header{background:linear-gradient(160deg, #3355e024 0%, var(--color-surface) 70%)}}:root[data-theme=dark] .workcard-header{background:linear-gradient(160deg, #3355e024 0%, var(--color-surface) 70%)}.workcard-verified{letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent-strong);margin-bottom:var(--space-3);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.workcard-title{font-family:var(--font-display);font-size:var(--text-lg);text-wrap:balance;margin:0 0 4px;font-weight:700;line-height:1.25}.workcard-category{font-size:var(--text-sm);color:var(--color-text-muted)}.workcard-body{padding:var(--space-4) var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex}.workcard-score-row{align-items:baseline;gap:6px;display:flex}.workcard-score-value{font-family:var(--font-mono);color:var(--color-text);font-size:30px;font-weight:800}.workcard-score-max{font-size:var(--text-sm);color:var(--color-text-muted)}.workcard-score-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-left:auto;font-size:11px;font-weight:600}.workcard-skills{flex-wrap:wrap;gap:6px;display:flex}.workcard-skill-tag{color:var(--color-accent-strong);background:var(--accent-50);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.workcard-verifier{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.workcard-verifier strong{color:var(--color-text);font-weight:600}.workcard-actions{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex}.workcard-actions .btn{flex:1}.workcard-detail-hero{padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--accent-50) 0%, var(--color-surface) 75%);border:1px solid var(--color-border);margin-bottom:var(--space-5)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .workcard-detail-hero{background:linear-gradient(160deg, #3355e029 0%, var(--color-surface) 75%)}}:root[data-theme=dark] .workcard-detail-hero{background:linear-gradient(160deg, #3355e029 0%, var(--color-surface) 75%)}.workcard-detail-section{margin-bottom:var(--space-5)}.workcard-detail-section h3{font-family:var(--font-display);font-size:var(--text-md);margin:0 0 var(--space-2)}.workcard-detail-section p{font-size:var(--text-base);color:var(--ink-700);margin:0;line-height:1.6}.workcard-mentor-quote{font-family:var(--font-display);font-size:var(--text-md);padding:var(--space-4) var(--space-5);border-left:3px solid var(--color-accent);background:var(--accent-50);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;line-height:1.5}.workcard-public-page{min-height:100vh;padding:var(--space-6);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.workcard-public-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);overflow:hidden}@media (width<=720px){.workcard-grid{grid-template-columns:1fr}.workcard-summary-grid{grid-template-columns:repeat(2,1fr)}}.ttf-layout{gap:var(--space-6);grid-template-columns:3fr 2fr;align-items:start;display:grid}.ttf-form-col{gap:var(--space-5);flex-direction:column;display:flex}.ttf-preview-col{top:calc(var(--topbar-height) + var(--space-5));max-height:calc(100vh - var(--topbar-height) - var(--space-8));position:sticky;overflow-y:auto}.ttf-preview-toggle{display:none}.ttf-sticky-footer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex;position:sticky;bottom:0}.ttf-instruction-step{gap:var(--space-2);align-items:center;display:flex}.ttf-instruction-num{font-size:var(--text-sm);color:var(--color-text-muted);text-align:right;flex:none;width:22px}@media (width<=960px){.ttf-layout{grid-template-columns:1fr}.ttf-preview-col{max-height:none;position:static;overflow-y:visible}.ttf-preview-col.collapsed .ttf-preview-body{display:none}.ttf-preview-toggle{display:flex}.ttf-sticky-footer{flex-direction:column-reverse;align-items:stretch}.ttf-sticky-footer .btn{width:100%}}