:root{color:#1a1c20;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--border:#e2e4e9;--muted:#687083;--panel:#fff;--ink:#111827;--soft:#f3f4f6;--danger:#b42318;--danger-soft:#fef3f2;--focus:#3b82f6;--radius:12px;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-hover:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--brand-accent:#3b82f6;--brand-accent-soft:#eff6ff;--brand-ink:#111827;--brand-bg:#fff;--brand-btn-bg:#111827;--brand-btn-text:#fff;--brand-heading-font:Inter, sans-serif;--brand-body-font:Inter, sans-serif;--brand-heading-weight:800;--brand-heading-style:normal;--brand-heading-transform:none;background:#f9f9fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit;transition:all .2s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;font-family:var(--brand-body-font);color:var(--brand-ink,#111827);--ink:var(--brand-ink,#111827);--muted:var(--brand-muted,#687083);--radius:var(--brand-radius,12px);--border:var(--brand-border-color,#e2e4e9);padding:40px 20px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;max-width:800px;margin:0 auto 32px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{font-family:var(--brand-heading-font);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:var(--brand-heading-weight);font-style:var(--brand-heading-style);text-transform:var(--brand-heading-transform);letter-spacing:.02em;color:var(--ink);margin-bottom:12px;line-height:1.1}h2{font-family:var(--brand-heading-font);font-size:1.5rem;font-weight:var(--brand-heading-weight);font-style:var(--brand-heading-style);text-transform:var(--brand-heading-transform);letter-spacing:.01em;color:var(--ink);line-height:1.2}h3{font-family:var(--brand-heading-font);letter-spacing:0;font-size:1.1rem;font-weight:600}.subtitle{color:var(--muted);margin-bottom:0;font-size:1.05rem;line-height:1.5}.topbar-actions{flex:none;align-items:center;gap:12px;display:flex}.language-button,.dev-toggle,.secondary-button,.primary-button{border-radius:var(--brand-btn-radius,99px);text-transform:var(--brand-btn-transform,none);align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-weight:600;display:inline-flex}.language-button,.dev-toggle,.secondary-button{background:var(--panel);border:1px solid var(--border);color:var(--ink)}.language-button:hover,.secondary-button:hover{background:var(--soft)}.dev-toggle{min-width:74px}.dev-toggle.active{color:#166534;background:#ecfdf3;border-color:#16a34a;font-weight:700}.primary-button{background:var(--brand-btn-bg);border:var(--brand-btn-border,1px solid var(--brand-btn-bg));color:var(--brand-btn-text);box-shadow:0 4px 12px #00000026}.primary-button:hover{background:var(--brand-btn-hover-bg,var(--brand-btn-bg));border:var(--brand-btn-hover-border,1px solid var(--brand-btn-bg));color:var(--brand-btn-hover-text,var(--brand-btn-text));transform:translateY(-1px);box-shadow:0 6px 16px #0003}.layout{align-items:flex-start;max-width:800px;margin:0 auto;display:block}.workspace{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--brand-panel-shadow,var(--shadow));min-height:680px}.selection-screen{gap:32px;padding:40px;display:grid}.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.choice-card{border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);text-align:left;min-height:180px;box-shadow:var(--brand-card-shadow,0 1px 2px #00000005);background:#fff;gap:12px;padding:24px;display:grid}.choice-card:hover{box-shadow:var(--brand-card-shadow-hover,var(--shadow-hover));border-color:#d1d5db;transform:translateY(-2px)}.choice-card.selected{border-color:var(--brand-accent);box-shadow:var(--brand-card-shadow-hover,var(--shadow-hover));background:#fafafa;transform:translateY(-2px)}.choice-icon{background:var(--soft);border-radius:var(--brand-input-radius,12px);width:48px;height:48px;color:var(--ink);justify-content:center;align-items:center;display:inline-flex}.choice-card.selected .choice-icon{background:var(--brand-btn-bg);color:var(--brand-btn-text)}.choice-logo-frame{border:1px solid var(--border);border-radius:var(--brand-input-radius,10px);background:#fff;justify-content:flex-start;align-items:center;width:100%;max-width:210px;height:76px;padding:10px 12px;display:inline-flex;overflow:visible}.choice-card.selected .choice-logo-frame{border-color:var(--border)}.choice-logo{object-fit:contain;object-position:left center;max-width:100%;height:100%;display:block}.choice-logo-fitcook{transform-origin:0;width:auto;height:64px;max-height:none;transform:none}.choice-logo-frame-fitcook{max-width:230px;height:86px;padding:8px 14px}.choice-logo-nova{transform-origin:0;transform:scale(1.15)}.choice-card strong{font-size:1.1rem;font-weight:700}.choice-card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}a.choice-card-link{color:inherit;text-decoration:none}.form-flow{gap:24px;padding:32px;display:grid}.form-header{border-radius:var(--radius);padding:28px}.form-header p{color:var(--muted);margin-bottom:0;font-size:1rem;line-height:1.5}.form-progress{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.form-progress-button{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);text-align:left;background:#fff;align-items:center;gap:12px;min-height:54px;padding:12px 16px;display:flex}.form-progress-button span{background:var(--soft);border-radius:var(--brand-btn-radius,50%);color:var(--ink);flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:inline-flex}.form-progress-button strong{font-size:.9rem;font-weight:600;line-height:1.2}.form-progress-button.active{border-color:var(--brand-accent);color:var(--ink);box-shadow:0 4px 12px #0000000d}.form-progress-button.active span{background:var(--brand-btn-bg);color:var(--brand-btn-text)}.form-progress-button.complete span{color:#166534;background:#dcfce7}.form-progress-button:disabled{box-shadow:none;opacity:.6;background:#f8f9fb}.section-panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;gap:24px;padding:32px;display:grid}.section-counter{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.82rem;font-weight:700}.section-copy h3{margin-bottom:8px;font-size:1.25rem}.section-copy p{color:var(--muted);margin-bottom:0;font-size:.95rem;line-height:1.5}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.field{flex-direction:column;justify-content:flex-start;gap:8px;display:flex}.field-textarea,.field-file,.field-checkbox,.field-multi-date{grid-column:1/-1}.field-label{color:var(--ink);justify-content:space-between;gap:8px;font-size:1rem;font-weight:500;display:flex}.field-label em{color:var(--danger);white-space:nowrap;font-size:1rem;font-style:normal;font-weight:500}.field-error-text{color:var(--danger);align-items:center;gap:6px;margin-top:4px;font-size:.85rem;font-weight:500;display:inline-flex}.field.has-error input,.field.has-error textarea,.field.has-error select,.field.has-error .custom-select-trigger,.field.has-error .option,.field.has-error .check-option,.field.has-error .upload-box{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}input,textarea,select{border:var(--brand-input-border-width,1px) solid var(--border);border-radius:var(--brand-input-radius,8px);color:var(--ink);background:#fff;outline:none;width:100%;min-height:48px;padding:12px 16px;font-size:1rem}input:hover,textarea:hover,select:hover{border-color:#cbd5e1}textarea{resize:vertical;min-height:120px}input:focus,textarea:focus,select:focus{border-color:var(--focus);box-shadow:0 0 0 3px #3b82f626}.custom-select{width:100%;position:relative}.custom-select-trigger{border:var(--brand-input-border-width,1px) solid var(--border);border-radius:var(--brand-input-radius,8px);color:var(--ink);text-align:left;background:#fff;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 16px;font-size:1rem;display:flex}.custom-select-trigger:hover{border-color:#cbd5e1}.custom-select-trigger.open{border-color:var(--focus);box-shadow:0 0 0 3px #3b82f626}.custom-select-icon{color:var(--muted);flex-shrink:0;transition:transform .2s}.custom-select-trigger.open .custom-select-icon{transform:rotate(180deg)}.custom-select-dropdown{border:1px solid var(--border);border-radius:var(--brand-input-radius,12px);z-index:50;background:#fff;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.custom-select-options{gap:2px;max-height:300px;padding:8px;display:grid;overflow-y:auto}.custom-select-option{border-radius:var(--brand-input-radius,6px);color:var(--ink);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:.95rem;display:flex}.custom-select-option:hover{background:var(--soft)}.custom-select-option.selected{color:var(--focus);background:#eff6ff;font-weight:600}.date-picker-dropdown{width:290px;padding:16px}.date-picker-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.date-picker-header strong{color:var(--ink);font-size:.95rem}.date-picker-nav{border-radius:var(--brand-input-radius,8px);color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.date-picker-nav:hover{background:var(--soft);color:var(--ink)}.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-picker-day-name{text-align:center;color:var(--muted);margin-bottom:8px;font-size:.75rem;font-weight:700}.date-picker-day{border-radius:var(--brand-input-radius,8px);color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:36px;font-size:.9rem;transition:all .2s;display:flex}.date-picker-day:not(.empty):hover{background:var(--soft)}.date-picker-day.selected{background:var(--brand-btn-bg);color:var(--brand-btn-text);font-weight:600}.date-picker-day.today{color:var(--focus);font-weight:700}.custom-select-trigger.placeholder span{color:#94a3b8}.multi-date-picker{width:100%;position:relative}.multi-date-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.multi-date-tag{background:var(--brand-btn-bg);border-radius:var(--brand-input-radius,6px);color:var(--brand-btn-text);align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.multi-date-tag-remove{color:#ffffffb3;cursor:pointer;background:0 0;border:none;min-height:auto;padding:0 2px;font-size:1.1rem;line-height:1}.multi-date-tag-remove:hover{color:#fff}.custom-select-icon-static{color:var(--muted);flex-shrink:0}.option-row,.check-list{flex-wrap:wrap;gap:10px;display:flex}.option,.check-option{border:var(--brand-input-border-width,1px) solid var(--border);border-radius:var(--brand-input-radius,8px);color:var(--ink);background:#fff;align-items:center;gap:10px;min-height:44px;padding:10px 16px;font-weight:500;display:inline-flex}.option:hover,.check-option:hover{background:var(--soft)}.option.selected,.check-option.selected{background:var(--brand-btn-bg);border-color:var(--brand-btn-bg);color:var(--brand-btn-text)}.check-option span{border-radius:var(--brand-input-radius,4px);border:1.5px solid;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-box{border-radius:var(--brand-input-radius,12px);text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;place-items:center;gap:8px;min-height:160px;padding:32px;transition:all .2s;display:grid}.upload-box:hover{border-color:var(--focus);background:#eff6ff}.upload-box.has-files{background:#f0fdf4;border-style:solid;border-color:#16a34a}.upload-box.has-files:hover{background:#dcfce7;border-color:#15803d}.upload-icon-wrapper{border-radius:var(--brand-input-radius,50%);width:44px;height:44px;color:var(--muted);background:#fff;justify-content:center;align-items:center;margin-bottom:4px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.upload-box.has-files .upload-icon-wrapper{color:#16a34a;box-shadow:none;background:#dcfce7}.upload-text{flex-wrap:wrap;justify-content:center;gap:6px;font-size:.95rem;display:flex}.upload-button{color:var(--focus);font-weight:600;transition:color .2s}.upload-box.has-files .upload-button{color:#16a34a}.upload-drag-text{color:var(--muted)}.upload-files-list{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.upload-file-item{border:1px solid var(--border);border-radius:var(--brand-input-radius,8px);color:var(--ink);background:#fff;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex;box-shadow:0 1px 2px #00000005}.upload-box.has-files .upload-file-item{border-color:#bbf7d0;box-shadow:0 1px 2px #16a34a0d}.upload-file-item svg{color:#16a34a}.upload-box p,.field small{color:var(--muted);margin:0;font-size:.9rem;line-height:1.4}.blocked-box,.error-box,.confirmation-box{border-radius:var(--radius);gap:16px;padding:20px;display:flex}.blocked-box,.error-box{background:var(--danger-soft);color:var(--danger);border:1px solid #fecdca}.blocked-box p,.error-box p{margin:4px 0 0;font-size:.95rem;line-height:1.5}.warning-icon{flex:none;align-items:center;display:inline-flex}.form-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;display:flex}.selection-actions{justify-content:flex-start}.review-screen,.success-panel{gap:32px;margin:0;padding:40px;display:grid}.review-head{gap:12px;display:grid}.success-routing{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.95rem;display:flex}.summary-list{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden}.summary-row{grid-template-columns:minmax(220px,35%) 1fr;gap:12px;padding:16px 20px;display:grid}.summary-row+.summary-row{border-top:1px solid var(--border)}.summary-row span{color:var(--muted);font-size:.95rem}.summary-row strong{overflow-wrap:anywhere;color:var(--ink);font-size:1rem}.file-previews{flex-wrap:wrap;gap:12px;display:flex}.file-preview-item{flex-direction:column;gap:6px;width:100px;display:flex}.file-preview-image-wrapper{border-radius:var(--brand-input-radius,8px);border:1px solid var(--border);background:#f8fafc;width:100px;height:70px;overflow:hidden}.file-preview-image{object-fit:cover;width:100%;height:100%}.file-preview-generic{border-radius:var(--brand-input-radius,8px);border:1px solid var(--border);background:#f8fafc;justify-content:center;align-items:center;width:100px;height:70px;display:flex}.file-preview-extension{color:var(--muted);font-size:.85rem;font-weight:700}.file-preview-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:.75rem;overflow:hidden}.confirmation-box{border:1px solid var(--border);background:#f8fafc;padding:20px;display:grid}.confirmation-box span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:700}.confirmation-box p{color:var(--ink);margin:0;line-height:1.5}.success-panel{text-align:center;align-content:center;justify-items:center;min-height:680px}.success-icon{color:#166534;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:12px;display:inline-flex}.success-panel h2{max-width:600px;margin:0 auto}.demo-routing-box{border-radius:var(--radius);text-align:left;background:#f8fafc;border:1px dashed #aab2c0;gap:12px;width:100%;max-width:560px;padding:18px 20px;display:grid}.demo-routing-box>span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;font-weight:800}.demo-routing-row{align-items:center;gap:10px;display:flex}.demo-routing-row p{margin:0;line-height:1.45}.demo-routing-details{border-top:1px solid var(--border);gap:4px;padding-top:12px;display:grid}.demo-routing-details span{color:var(--muted);font-size:.85rem;font-weight:700}.demo-routing-details strong{overflow-wrap:anywhere}.success-panel .success-routing{justify-content:center}.app-shell.embed{background:0 0;min-height:auto;padding:16px}.app-shell.embed .workspace{box-shadow:none;background:0 0;border:none}.app-shell.dark{--panel:#1a1a1a;--ink:#fff;--muted:#a0a0a0;--border:#333;--soft:#1e1e1e;--focus:var(--brand-accent);color:#fff;background:var(--brand-bg)}.app-shell.dark.embed{background:0 0}.app-shell.dark .workspace,.app-shell.dark .choice-card,.app-shell.dark .section-panel,.app-shell.dark .form-progress-button,.app-shell.dark .summary-list{background:#1a1a1a;border-color:#333}.app-shell.dark .choice-card:hover{border-color:#555}.app-shell.dark .choice-card.selected{background:#252525}.app-shell.dark .choice-logo-frame{background:#111;border-color:#333}.app-shell.dark input,.app-shell.dark textarea,.app-shell.dark select,.app-shell.dark .custom-select-trigger{color:#fff;background:#111;border-color:#333}.app-shell.dark .custom-select-dropdown{background:#1a1a1a;border-color:#333}.app-shell.dark .custom-select-option:hover{background:#252525}.app-shell.dark .custom-select-option.selected{color:var(--brand-accent);background:#252525}.app-shell.dark .option,.app-shell.dark .check-option{color:#fff;background:#111;border-color:#333}.app-shell.dark .upload-box{background:#111;border-color:#444}.app-shell.dark .upload-box:hover{border-color:var(--brand-accent);background:#1a1a1a}.app-shell.dark .form-header{background:#111!important}.app-shell.dark .secondary-button{color:#fff;background:#1a1a1a;border-color:#333}.app-shell.dark .secondary-button:hover{background:#252525}.app-shell.dark .language-button{color:#fff;background:#1a1a1a;border-color:#333}.app-shell.dark .language-button:hover{background:#252525}.app-shell.dark .error-box,.app-shell.dark .blocked-box{color:#fca5a5;background:#2a1515;border-color:#5c2020}.app-shell.dark .confirmation-box{background:#111;border-color:#333}.app-shell.dark .multi-date-tag-remove{color:#00000080}.app-shell.dark .multi-date-tag-remove:hover{color:#000}@media (width<=768px){.app-shell{padding:20px 16px}.topbar{flex-direction:column;align-items:stretch;gap:16px}.topbar-actions{grid-template-columns:90px 1fr;display:grid}.language-button{justify-content:center}.selection-screen,.form-flow,.review-screen,.success-panel{padding:24px 20px}.selection-grid,.field-grid,.summary-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions button{justify-content:center;width:100%}}@media (width<=480px){h1{font-size:2rem}}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-box{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;padding:14px 18px;font-size:.95rem}.error-box p{margin:0}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}
