:root{--color-canvas: #FAF9F6;--color-text: #1A1918;--color-accent: #C08A2E;--color-accent-hover: #A8791F;--color-muted: #6B6560;--color-border: #E4E0D8;--color-surface: #FFFFFF;--color-error: #B3261E;--color-success: #3D6B3D;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-md: 10px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--touch-target: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit}a{color:var(--color-accent)}.progress-track{height:6px;background:var(--color-border);width:100%;position:sticky;top:0;z-index:10}.progress-fill{height:100%;background:var(--color-accent);transition:width .4s cubic-bezier(.25,1,.5,1)}@media (prefers-reduced-motion: reduce){.progress-fill{transition:none}}.progress-label{font-size:13px;color:var(--color-muted);padding:var(--space-2) var(--space-5) 0}.screen-shell{flex:1;display:flex;flex-direction:column;max-width:640px;width:100%;margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-7)}.screen-header{margin-bottom:var(--space-5)}.screen-title{font-size:24px;font-weight:700;line-height:1.25;margin:0 0 var(--space-2)}.screen-subtitle{font-size:15px;color:var(--color-muted);margin:0}.screen-banner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:14px;color:var(--color-muted);margin-bottom:var(--space-5)}.screen-fields{display:flex;flex-direction:column;gap:var(--space-5);flex:1}.screen-nav{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:15px;font-weight:600}.field-optional-tag{font-weight:400;color:var(--color-muted);font-size:13px}.field-note{font-size:13px;color:var(--color-muted);margin:0}.field-error{font-size:13px;color:var(--color-error);margin:0}.text-input,.number-input,.textarea-input,.select-input{width:100%;min-height:var(--touch-target);padding:var(--space-3) var(--space-4);font-size:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.textarea-input{min-height:100px;resize:vertical}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button,.prefix-input-inner::-webkit-inner-spin-button,.prefix-input-inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input,.prefix-input-inner{-moz-appearance:textfield}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236B6560' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-6)}.text-input:focus,.number-input:focus,.textarea-input:focus,.select-input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.text-input.has-error,.number-input.has-error,.textarea-input.has-error{border-color:var(--color-error)}.prefix-input-wrap{display:flex;align-items:center;min-height:var(--touch-target);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.prefix-input-wrap.has-error{border-color:var(--color-error)}.prefix-input-wrap .prefix{padding:0 0 0 var(--space-4);color:var(--color-muted);font-size:16px}.prefix-input-inner{border:none;outline:none;flex:1;min-height:var(--touch-target);padding:var(--space-3) var(--space-4);font-size:16px;font-family:inherit;background:transparent;color:var(--color-text);width:100%}.prefix-input-wrap:focus-within{outline:2px solid var(--color-accent);outline-offset:1px}.choice-group{display:flex;flex-direction:column;gap:var(--space-2)}.choice-card{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-size:15px;transition:border-color .15s ease-out,background .15s ease-out}.choice-card:has(input:checked){border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface))}.choice-card input{width:20px;height:20px;accent-color:var(--color-accent);flex-shrink:0}.checkbox-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.checkbox-card input{width:22px;height:22px;margin-top:2px;accent-color:var(--color-accent);flex-shrink:0}.checkbox-card label{font-size:15px;line-height:1.4}.btn{min-height:var(--touch-target);padding:0 var(--space-5);border-radius:var(--radius-md);font-size:16px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .15s ease-out,transform .15s ease-out}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:#fff;flex:1}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-text{background:transparent;color:var(--color-muted);border:none;font-weight:500;text-decoration:underline}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;cursor:pointer;color:var(--color-muted);font-size:14px}.upload-zone.drag-active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface))}.upload-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.upload-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:14px}.upload-item-progress{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden;flex:1;margin:0 var(--space-3)}.upload-item-progress-fill{height:100%;background:var(--color-accent)}.upload-remove-btn{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:13px}.review-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface)}.review-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.review-section-title{font-size:15px;font-weight:700}.review-row{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) 0;border-top:1px solid var(--color-border)}.review-row:first-of-type{border-top:none}.review-row-label{font-size:12px;color:var(--color-muted)}.review-row-value{font-size:14px}.success-shell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:480px;margin:0 auto;padding:var(--space-6) var(--space-5);gap:var(--space-4)}.success-icon{width:56px;height:56px;border-radius:50%;background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px}.saved-indicator{font-size:12px;color:var(--color-muted);height:16px}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (min-width: 640px){.screen-shell{padding-top:var(--space-7)}.screen-title{font-size:28px}}
