.wizard-page{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:30px 20px;display:flex}.wizard-main,.wizard-sidebar{width:100%}.wizard-preview-col{display:none}@media (min-width:900px){.wizard-page{flex-direction:row;align-items:flex-start}.wizard-main{flex:1;min-width:0}.wizard-sidebar{flex-shrink:0;width:320px}.wizard-preview-col{flex-shrink:0;width:260px;display:flex;position:sticky;top:24px}}.product-type-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:20px;display:grid}.product-type-card{border:2px solid color-mix(in srgb,var(--border)30%,transparent);border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:var(--bg-card);flex-direction:column;align-items:center;padding:24px;transition:all .2s;display:flex}.product-type-card:hover{border-color:var(--text-primary)}.product-type-card.selected{border-color:var(--accent-green);background:color-mix(in srgb,var(--accent-green)8%,transparent)}.product-type-card .icon{margin-bottom:12px;font-size:40px}.product-type-card h3{margin:0;font-size:15px;font-weight:600}.steps-bar{align-items:center;gap:0;margin-bottom:32px;padding-bottom:4px;display:flex;overflow-x:auto}.step-node{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.step-circle{border:2px solid color-mix(in srgb,var(--border)40%,transparent);background:var(--bg-card);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:flex}.step-circle.active{border-color:var(--text-primary);background:var(--text-primary);color:var(--bg-main)}.step-circle.done{border-color:var(--accent-green);background:var(--accent-green);color:#fff}.step-label{color:var(--text-secondary);white-space:nowrap;text-align:center;text-overflow:ellipsis;max-width:80px;font-size:11px;overflow:hidden}.step-line{background:color-mix(in srgb,var(--border)25%,transparent);flex:1;min-width:20px;height:2px;margin-bottom:16px}.step-line.done{background:var(--accent-green)}.step-card{background:var(--bg-card);border:1px solid color-mix(in srgb,var(--border)25%,transparent);border-radius:var(--radius-sm);padding:28px}.step-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.step-card-header-text{flex:1;min-width:0}.step-title{font-family:var(--font-unbounded),sans-serif;margin-bottom:4px;font-size:18px;font-weight:700}.step-desc{color:var(--text-secondary);margin:0;font-size:14px}.fields-grid{flex-direction:column;gap:18px;display:flex}.field-group{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-secondary);font-size:13px;font-weight:500}.field-label .required-mark{color:var(--accent-red);margin-left:2px}.field-error{color:var(--accent-red);margin-top:2px;font-size:12px}:is(.field-group:has(.field-error) input,.field-group:has(.field-error) select,.field-group:has(.field-error) textarea,.field-group:has(.dimension-hint.error) input,.field-group:has(.dimension-hint.error) select){border-color:var(--accent-red)!important}.field-hint{color:var(--text-secondary);margin-top:2px;font-size:11px}.radio-group{flex-wrap:wrap;gap:8px;display:flex}.radio-option{border:1px solid color-mix(in srgb,var(--border)40%,transparent);border-radius:var(--radius);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:all .15s;display:flex}.radio-option:hover{border-color:var(--text-primary)}.radio-option.selected{border-color:var(--text-primary);background:color-mix(in srgb,var(--text-primary)8%,transparent)}.radio-option input{display:none}.color-picker-grid{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;flex-shrink:0;width:40px;height:40px;transition:transform .15s,border-color .15s;position:relative}.color-swatch:hover{border-color:var(--text-primary);transform:scale(1.15)}.color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--text-primary);transform:scale(1.1)}.color-swatch-label{background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--border)30%,transparent);white-space:nowrap;pointer-events:none;opacity:0;z-index:10;border-radius:4px;padding:3px 7px;font-size:11px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.color-swatch:hover .color-swatch-label{opacity:1}.color-picker-selected{align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.color-preview-box{border:1px solid color-mix(in srgb,var(--border)40%,transparent);border-radius:4px;width:28px;height:28px}.summary-table{border-collapse:collapse;width:100%;font-size:14px}.summary-table tr td{border-bottom:1px solid color-mix(in srgb,var(--border)15%,transparent);padding:8px 12px}.summary-table tr td:first-child{color:var(--text-secondary);width:45%}.summary-table tr td:last-child{font-weight:500}.btn-add{background:var(--accent-green);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.btn-add:hover{opacity:.9}.btn-add:active{transform:scale(.98)}.wizard-nav{flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.wizard-nav button.btn-back{border-radius:var(--radius);cursor:pointer;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;border:1px solid color-mix(in srgb,var(--border)60%,transparent)!important;color:var(--text-primary)!important;background:0 0!important}.wizard-nav button.btn-next{border-radius:var(--radius);cursor:pointer;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;background:var(--text-primary)!important;color:var(--bg-main)!important;border:none!important}.wizard-nav button.btn-next:disabled{opacity:.5;cursor:not-allowed}.wizard-nav button.btn-add{border-radius:var(--radius);cursor:pointer;padding:10px 20px;font-size:14px;font-weight:600;background:var(--accent-green)!important;color:#fff!important;border:none!important}.wizard-nav button.btn-submit{border-radius:var(--radius);cursor:pointer;padding:10px 20px;font-size:14px;font-weight:600;background:var(--text-primary)!important;color:var(--bg-main)!important;border:none!important}.sidebar-title{margin-bottom:12px;font-size:15px;font-weight:600}.items-list{flex-direction:column;gap:12px;display:flex}.item-card{background:var(--bg-card);border:1px solid color-mix(in srgb,var(--border)20%,transparent);border-radius:var(--radius-sm,var(--radius));overflow:hidden}.item-card-header{border-bottom:1px solid color-mix(in srgb,var(--border)15%,transparent);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.item-card-header-left{align-items:baseline;gap:6px;min-width:0;display:flex}.item-card-num{color:var(--text-secondary);flex-shrink:0;font-size:12px}.item-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.item-card-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.item-card-qty{color:var(--text-secondary);font-size:13px}.item-card .remove-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:2px 5px;font-size:15px;line-height:1;transition:color .15s}.item-card .remove-item:hover{color:var(--accent-red)}.item-card-specs{grid-template-columns:1fr 1fr;gap:8px 12px;padding:12px 14px;display:grid}.item-spec{flex-direction:column;gap:2px;display:flex}.spec-label{color:var(--text-secondary);font-size:11px}.spec-val{font-size:13px;font-weight:500}.empty-items{color:var(--text-secondary);text-align:center;padding:20px 0;font-size:14px}.submit-section{background:var(--bg-card);border:1px solid color-mix(in srgb,var(--border)25%,transparent);border-radius:var(--radius);margin-top:20px;padding:20px}.submit-total{margin-bottom:16px;font-size:18px;font-weight:700}.submit-btn{background:var(--text-primary);width:100%;color:var(--bg-main);border-radius:var(--radius);cursor:pointer;border:none;padding:14px;font-size:15px;font-weight:700;transition:opacity .2s}.submit-btn:hover{opacity:.85}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.dimension-hint{color:var(--text-secondary);margin-top:4px;font-size:12px}.dimension-hint.error{color:var(--accent-red)}.dimension-hint.ok{color:var(--accent-green)}.order-info-fields{border-top:1px solid color-mix(in srgb,var(--border)20%,transparent);flex-direction:column;gap:14px;margin-top:16px;padding-top:16px;display:flex}.order-info-fields .field-group input,.order-info-fields .field-group textarea{box-sizing:border-box;width:100%}.wizard-header{align-items:center;gap:12px;margin-bottom:28px;display:flex}.wizard-header h1{font-family:var(--font-unbounded),sans-serif;margin:0;font-size:22px;font-weight:700}.product-type-select-title{margin-bottom:8px;font-size:16px;font-weight:600}.product-type-select-sub{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.wizard-error{background:color-mix(in srgb,var(--accent-red)10%,transparent);border:1px solid color-mix(in srgb,var(--accent-red)30%,transparent);border-radius:var(--radius);color:var(--accent-red);margin-bottom:16px;padding:12px 16px;font-size:14px}.wizard-loading{min-height:200px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:14px;display:flex}