.wfp-root{--wfp-hdr:68px;--wfp-bar:60px;--wfp-peek:140px}@media (min-width:768px){.wfp-root{--wfp-hdr:104px}}@media (min-width:1024px){.wfp-root{--wfp-hdr:112px}}.wfp-frame{scroll-margin-top:var(--wfp-hdr);background:var(--wf-surface);border:1px solid var(--wf-line);border-radius:var(--wf-r-xl);box-shadow:var(--wf-shadow-2);overflow:clip}@media (max-width:1023px){.wfp-frame{box-shadow:none;border-left:0;border-right:0;border-radius:0}}.wfp-bar{min-height:var(--wfp-bar);border-bottom:1px solid var(--wf-line);background:var(--wf-ash-50);align-items:center;gap:8px;padding:8px 12px;display:flex}.wfp-steps{flex:1;gap:4px;min-width:0;display:flex}.wfp-step{border-radius:var(--wf-r-pill);min-height:44px;color:var(--wf-ink-muted);white-space:nowrap;transition:background-color var(--wf-dur-fast) var(--wf-ease-standard), color var(--wf-dur-fast) var(--wf-ease-standard);align-items:center;gap:8px;padding:0 12px 0 6px;font-size:.9375rem;font-weight:700;display:inline-flex;position:relative}.wfp-step:hover{color:var(--wf-navy);background:var(--wf-ash-200)}.wfp-step__num{border:1.5px solid var(--wf-line-strong);width:30px;height:30px;font-family:var(--wf-font-display);font-variation-settings:"wdth" 80;color:var(--wf-ink-muted);background:#fff;border-radius:50%;place-items:center;font-size:.875rem;font-weight:700;display:grid}.wfp-step[aria-current=step]{color:#fff;background:var(--wf-navy)}.wfp-step[aria-current=step] .wfp-step__num{background:var(--wf-sky);color:var(--wf-navy-950);border-color:#0000}.wfp-step[data-done=true] .wfp-step__num{border-color:var(--wf-navy);color:var(--wf-navy)}@media (max-width:639px){.wfp-bar{gap:4px;padding:6px 8px}.wfp-steps{justify-content:space-between;gap:2px}.wfp-step{letter-spacing:.02em;border-radius:12px;flex-direction:column;gap:2px;min-width:64px;min-height:52px;padding:4px 2px;font-size:.6875rem}.wfp-step__num{width:26px;height:26px;font-size:.8125rem}}.wfp-icon-btn{width:44px;height:44px;color:var(--wf-navy);transition:background-color var(--wf-dur-fast) var(--wf-ease-standard);background:0 0;place-items:center;display:grid}.wfp-icon-btn:hover:not(:disabled){background:var(--wf-sky-tint)}.wfp-icon-btn:disabled{opacity:.38;cursor:not-allowed}.wfp-icon-btn svg{width:19px;height:19px}@media (pointer:coarse){.wfp-icon-btn{width:48px;height:48px}}.wfp-body--split{grid-template-columns:minmax(0,1fr) 392px;display:grid}.wfp-stage{background:var(--wf-ash-100);position:relative}.wfp-stage[data-mode=desk]{height:clamp(560px, calc(100svh - var(--wfp-hdr) - var(--wfp-bar) - 32px), 880px)}.wfp-stage[data-mode=preview]{height:clamp(280px,46svh,520px)}.wfp-stage[data-mode=workspace]{height:calc(100svh - var(--wfp-hdr) - var(--wfp-bar));min-height:420px}.wfp-stage[data-mode=hidden]{display:none}.wfp-canvas{position:absolute;inset:0}.wfp-svg{touch-action:none;cursor:default}.wfp-svg:active{cursor:grabbing}.wfp-scalebar{bottom:var(--wfp-scalebar-bottom,14px)}.wfp-inspector{border-left:1px solid var(--wf-line);background:var(--wf-surface);flex-direction:column;min-height:0;display:flex}.wfp-body--split .wfp-inspector{height:clamp(560px, calc(100svh - var(--wfp-hdr) - var(--wfp-bar) - 32px), 880px)}.wfp-inspector__scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:22px 22px 28px;overflow-y:auto}@media (max-width:1023px){.wfp-inspector{border-left:0;border-top:1px solid var(--wf-line)}.wfp-inspector__scroll{padding:22px 16px 32px;overflow:visible}}.wfp-panel-title{font-family:var(--wf-font-display);font-variation-settings:"wdth" 112;color:var(--wf-heading);margin:0;font-size:1.375rem;font-weight:600;line-height:1.15}.wfp-hud{pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex;position:absolute;bottom:12px;left:12px;right:140px}.wfp-hud[data-pos=top]{top:12px;bottom:auto;right:72px}.wfp-hud__card{border-radius:var(--wf-r-md);border:1px solid var(--wf-line);box-shadow:var(--wf-shadow-1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#fffffff0;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:7px 12px 7px 8px;display:inline-flex}.wfp-stat{color:var(--wf-ink-muted);white-space:nowrap;align-items:baseline;gap:5px;font-size:.8125rem;display:inline-flex}.wfp-stat b{font-family:var(--wf-font-display);font-variation-settings:"wdth" 100;color:var(--wf-navy);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:700}.wf-chip[data-status=fits]{background:var(--wf-success-tint);color:var(--wf-success)}.wf-chip[data-status=attention]{background:var(--wf-warning-tint);color:var(--wf-warning)}.wf-chip[data-status=empty]{background:var(--wf-surface-sunken);color:var(--wf-text-muted)}.wfp-chip-lg{height:30px;padding:0 12px 0 9px;font-size:.8125rem}.wfp-chip-lg svg{width:16px;height:16px}.wfp-empty{text-align:center;border-radius:var(--wf-r-lg);border:1px solid var(--wf-line);width:min(340px,100% - 32px);box-shadow:var(--wf-shadow-2);background:#fffffff5;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wfp-sheet{z-index:5;background:var(--wf-surface);border-top:1px solid var(--wf-line);height:min(62%,540px);transform:translateY(calc(100% - var(--wfp-peek)));transition:transform var(--wf-dur-slow) var(--wf-ease-emphasized);padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -12px #1e285847}.wfp-sheet[data-open=true]{transform:none}.wfp-sheet[data-dragging=true]{transition:none}.wfp-sheet__handle{touch-action:none;cursor:grab;flex:none;place-items:center;width:100%;height:26px;display:grid}.wfp-sheet__handle:before{content:"";background:var(--wf-ash-400);border-radius:3px;width:44px;height:5px}.wfp-sheet__peek{flex:none;padding:0 12px 10px}.wfp-sheet__body{overscroll-behavior:contain;border-top:1px solid var(--wf-line);flex:1;min-height:0;padding:4px 16px 24px;overflow-y:auto}.wfp-sheet[data-open=false] .wfp-sheet__body{visibility:hidden}@media (min-width:640px){.wfp-sheet{border:1px solid var(--wf-line);border-bottom:0;width:min(640px,100% - 32px);margin-left:calc(min(640px,100% - 32px)/-2);left:50%;right:auto}}.wfp-action{border-radius:var(--wf-r-md);border:1px solid var(--wf-line);background:var(--wf-surface);min-height:56px;color:var(--wf-navy);transition:background-color var(--wf-dur-fast) var(--wf-ease-standard), transform var(--wf-dur-fast) var(--wf-ease-standard);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-size:.75rem;font-weight:700;display:inline-flex}.wfp-action svg{width:20px;height:20px}.wfp-action:hover{background:var(--wf-sky-tint)}.wfp-action:active{transform:scale(.97)}.wfp-action[data-tone=danger]{color:var(--wf-danger)}.wfp-action[data-tone=danger]:hover{background:var(--wf-danger-tint)}.wfp-action[aria-pressed=true]{background:var(--wf-navy);color:#fff;border-color:var(--wf-navy)}.wfp-pad{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);gap:6px;display:grid}.wfp-pad button{border-radius:var(--wf-r-md);border:1px solid var(--wf-line-strong);background:var(--wf-surface);color:var(--wf-navy);place-items:center;display:grid}.wfp-pad button:hover{background:var(--wf-sky-tint)}.wfp-pad button:active{transform:scale(.96)}.wfp-pad button svg{width:22px;height:22px}.wfp-pad .wfp-pad__mid{font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:800}.wfp-tabs{scrollbar-width:none;scroll-snap-type:x proximity;gap:6px;margin:0 -2px;padding:2px;display:flex;overflow-x:auto}.wfp-tabs::-webkit-scrollbar{display:none}.wfp-tab{scroll-snap-align:start;border-radius:var(--wf-r-pill);border:1px solid var(--wf-line-strong);background:var(--wf-surface);min-height:40px;color:var(--wf-ink);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:.875rem;font-weight:700;display:inline-flex}@media (pointer:coarse){.wfp-tab{min-height:44px}}.wfp-tab:hover{border-color:var(--wf-navy)}.wfp-tab[aria-pressed=true]{background:var(--wf-navy);border-color:var(--wf-navy);color:#fff}.wfp-tab__count{font-variant-numeric:tabular-nums;opacity:.7;font-weight:600}.wfp-row{border-bottom:1px solid var(--wf-line);grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;display:grid}.wfp-thumb{border-radius:var(--wf-r-sm);border:1px solid var(--wf-line);object-fit:contain;background:#fff;width:60px;height:60px;padding:4px}.wfp-add{border-radius:var(--wf-r-md);border:1px solid var(--wf-line-strong);background:var(--wf-surface);min-width:48px;min-height:44px;color:var(--wf-navy);transition:background-color var(--wf-dur-fast) var(--wf-ease-standard), transform var(--wf-dur-fast) var(--wf-ease-standard);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.875rem;font-weight:700;display:inline-flex}.wfp-add:hover{background:var(--wf-sky-tint);border-color:var(--wf-navy)}.wfp-add:active{transform:scale(.96)}.wfp-add svg{width:18px;height:18px}.wfp-tile{border:1px solid var(--wf-line);border-radius:var(--wf-r-md);background:var(--wf-surface);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:8px 8px 8px 10px;display:grid}.wfp-toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;border-radius:var(--wf-r-lg);background:var(--wf-navy-950);color:#fff;width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--wf-shadow-3);animation:wfp-toast-in var(--wf-dur-slow) var(--wf-ease-out) both;align-items:center;gap:12px;padding:10px 10px 10px 16px;font-size:.9375rem;display:flex;position:fixed;transform:translate(-50%)}.wfp-toast button{min-height:40px;color:var(--wf-sky-300);border-radius:8px;padding:0 12px;font-weight:800}.wfp-toast button:hover{background:#ffffff1a}@keyframes wfp-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:1023px){.wfp-toast{bottom:auto;top:calc(var(--wfp-hdr) + 10px);animation-name:wfp-toast-down}}@keyframes wfp-toast-down{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.wfp-swatch{border-radius:3px;flex:none;width:22px;height:14px;display:inline-block}.wfp-print{display:none}@media print{.wfp-toast{display:none!important}body:has(.wfp-root) .wf-site-header{display:none!important}body:has(.wfp-root) footer{display:none!important}body:has(.wfp-root) .wfp-screen-only{display:none!important}body:has(.wfp-root){background:#fff}.wfp-print{color:#171d35;display:block}.wfp-print svg{width:100%;height:auto;max-height:150mm}.wfp-print table{border-collapse:collapse;width:100%;font-size:10pt}.wfp-print th,.wfp-print td{text-align:left;vertical-align:top;border-bottom:1px solid #e3ddd2;padding:5px 6px}.wfp-print th{text-transform:uppercase;letter-spacing:.08em;color:#5b6177;font-size:8.5pt}.wfp-print-avoid{break-inside:avoid}@page{margin:12mm}}@media (prefers-reduced-motion:reduce){.wfp-sheet{transition:none}.wfp-toast{animation:none}}
