.ft-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.ft-form{flex-direction:column;gap:16px;min-width:0;display:flex}.ft-preview-col{flex-direction:column;gap:12px;min-width:0;display:flex;position:sticky;top:96px}@media (max-width:1024px){.ft-layout{grid-template-columns:1fr}.ft-preview-col{position:static}}.ft-card{background:var(--surface,#fff);border:1px solid var(--line,#e5e7eb);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 6px 18px -10px #0f172a24}.ft-card-head{border-bottom:1px solid var(--line,#e5e7eb);align-items:center;gap:12px;padding:14px 16px;display:flex}.ft-card-icon{background:var(--accent-soft,#eef2ff);width:32px;height:32px;color:var(--accent,#1d4ed8);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.ft-card-title{color:var(--ink,#111827);font-size:15px;font-weight:800}.ft-card-sub{color:var(--mute,#6b7280);margin-top:1px;font-size:12.5px}.ft-card-head-right{align-items:center;gap:8px;margin-left:auto;display:flex}.ft-card-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.ft-row{border-top:1px solid var(--line,#e5e7eb);padding:12px 16px}.ft-row:first-child{border-top:0}.ft-grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ft-grid3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}@media (max-width:640px){.ft-grid2,.ft-grid3{grid-template-columns:1fr}}.ft-field{flex-direction:column;gap:5px;min-width:0;display:flex}.ft-label{color:var(--ink,#111827);font-size:12px;font-weight:700}.ft-hint{color:var(--mute,#6b7280);font-size:12px;line-height:1.45}.ft-input,.ft-select,.ft-textarea{border:1px solid var(--line,#d1d5db);background:var(--surface,#fff);width:100%;min-height:42px;color:var(--ink,#111827);font:inherit;box-sizing:border-box;border-radius:10px;padding:9px 12px;font-size:14px}.ft-textarea{resize:vertical;min-height:84px;line-height:1.5}.ft-input:focus,.ft-select:focus,.ft-textarea:focus{outline:2px solid color-mix(in srgb, var(--accent,#1d4ed8) 45%, transparent);outline-offset:1px;border-color:var(--accent,#1d4ed8)}.ft-check{color:var(--ink,#111827);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.ft-check input{width:16px;height:16px;accent-color:var(--accent,#1d4ed8);flex-shrink:0;margin-top:3px}.ft-line{border-top:1px solid var(--line,#e5e7eb);grid-template-columns:minmax(0,1fr) 72px 104px 40px;align-items:start;gap:8px;padding:12px 16px;display:grid}.ft-line:first-child{border-top:0}.ft-line-save{grid-column:1/-1}@media (max-width:640px){.ft-line{grid-template-columns:1fr 1fr 40px}.ft-line>.ft-line-desc{grid-column:1/-1}}.ft-total{border-top:1px solid var(--line,#e5e7eb);color:var(--ink,#111827);justify-content:space-between;align-items:baseline;padding:12px 16px;font-weight:800;display:flex}.ft-btn{min-height:42px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.ft-btn:disabled{opacity:.6;cursor:default}.ft-btn-primary{background:var(--accent,#1d4ed8);color:#fff}.ft-btn-ghost{background:var(--surface,#fff);color:var(--ink,#111827);border-color:var(--line,#d1d5db)}.ft-btn-text{color:var(--accent,#1d4ed8);background:0 0;min-height:40px;padding:8px 6px}.ft-icon-btn{border:1px solid var(--line,#d1d5db);background:var(--surface,#fff);width:40px;height:40px;color:var(--mute,#6b7280);cursor:pointer;border-radius:10px;place-items:center;display:grid}.ft-chips{flex-wrap:wrap;gap:6px;display:flex}.ft-chip{border:1px solid var(--line,#d1d5db);background:var(--surface,#fff);color:var(--ink,#111827);cursor:pointer;border-radius:999px;min-height:34px;padding:6px 12px;font-size:12.5px;font-weight:700}.ft-note{background:var(--accent-soft,#eef2ff);color:var(--ink,#111827);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5}.ft-warn{background:color-mix(in srgb, #f59e0b 14%, var(--surface,#fff))}.ft-error{background:color-mix(in srgb, #dc2626 10%, var(--surface,#fff));color:var(--ink,#111827)}.ft-preview-frame{background:color-mix(in srgb, var(--ink,#111827) 6%, var(--surface,#fff));border:1px solid var(--line,#e5e7eb);border-radius:16px;padding:12px;overflow:hidden}.ft-preview-scale{transform-origin:0 0;color:#111;background:#fff;border-radius:4px;width:794px;box-shadow:0 6px 24px #0f172a29}.ft-preview-label{letter-spacing:.08em;text-transform:uppercase;color:var(--mute,#6b7280);font-size:11px;font-weight:800}.ft-actionbar{flex-direction:column;gap:10px;display:flex}.ft-allowance{color:var(--mute,#6b7280);font-size:12.5px;line-height:1.5}.ft-offer{border:1px solid color-mix(in srgb, var(--accent,#1d4ed8) 30%, var(--line,#e5e7eb));background:color-mix(in srgb, var(--accent,#1d4ed8) 5%, var(--surface,#fff));border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.ft-offer-title{color:var(--ink,#111827);font-size:15px;font-weight:800}.ft-offer-body{color:var(--mute,#4b5563);font-size:13px;line-height:1.55}.ft-offer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ft-facts{color:var(--ink,#111827);flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.ft-facts li{gap:8px;line-height:1.45;display:flex}.ft-doc{border-top:1px solid var(--line,#e5e7eb);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 16px;display:grid}.ft-doc:first-child{border-top:0}.ft-doc-title{color:var(--ink,#111827);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.ft-doc-sub{color:var(--mute,#6b7280);margin-top:2px;font-size:12.5px}.ft-doc-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}@media (max-width:640px){.ft-doc{grid-template-columns:1fr}.ft-doc-actions{justify-content:flex-start}}.ft-pill{background:color-mix(in srgb, var(--ink,#111827) 8%, var(--surface,#fff));color:var(--ink,#111827);vertical-align:1px;border-radius:999px;align-items:center;margin-left:6px;padding:2px 9px;font-size:11px;font-weight:800;display:inline-flex}.ft-pill-ok{background:color-mix(in srgb, #16a34a 14%, var(--surface,#fff));color:#15803d}.ft-pill-accent{background:var(--accent-soft,#eef2ff);color:var(--accent,#1d4ed8)}.ft-pill-bad{background:color-mix(in srgb, #dc2626 12%, var(--surface,#fff));color:#b91c1c}.ft-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;display:grid}.ft-step{background:var(--surface,#fff);color:var(--ink,#111827);flex-direction:column;gap:4px;min-height:76px;padding:12px;text-decoration:none;display:flex}.ft-step-num{background:color-mix(in srgb, var(--ink,#111827) 8%, var(--surface,#fff));border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.ft-step-done .ft-step-num{background:color-mix(in srgb, #16a34a 16%, var(--surface,#fff));color:#15803d}.ft-step-next{background:var(--accent-soft,#eef2ff)}.ft-step-next .ft-step-num{background:var(--accent,#1d4ed8);color:#fff}.ft-step-label{font-size:12.5px;font-weight:800}.ft-step-hint{color:var(--mute,#6b7280);font-size:11.5px;line-height:1.4}@media (max-width:900px){.ft-steps{grid-template-columns:1fr 1fr}}@media (max-width:480px){.ft-steps{grid-template-columns:1fr}}.ft-spin{animation:.7s linear infinite ft-spin}@keyframes ft-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ft-btn,.ft-chip{transition:none}.ft-spin{animation:none}}