.design-guidelines{display:flex;flex-direction:column;gap:var(--wizard-step-gap,1rem)}.design-guidelines__panel{border:1px solid color-mix(in srgb,var(--accent-primary) 28%,var(--border-subtle));border-radius:.75rem;background:color-mix(in srgb,var(--bg-card) 94%,var(--accent-primary) 6%);overflow:hidden}.design-guidelines__summary{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.125rem;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.design-guidelines__summary::-webkit-details-marker{display:none}.design-guidelines__summary:hover{background:color-mix(in srgb,var(--accent-primary) 4%,transparent)}.design-guidelines__summary-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;color:var(--accent-primary)}.design-guidelines__summary-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.design-guidelines__summary-title{font-size:var(--wizard-step-fs-sm);font-weight:700;color:var(--text-primary)}.design-guidelines__summary-hint{font-size:var(--wizard-step-fs-xs);color:var(--text-muted);line-height:1.45}.design-guidelines__body{padding:0 1.125rem 1.125rem;border-top:1px solid var(--border-subtle)}.design-guidelines__lead{margin:1rem 0 .875rem;font-size:var(--wizard-step-fs-sm);line-height:1.55;color:var(--text-muted)}.design-guidelines__grid{display:grid;grid-template-columns:1fr;gap:.875rem}@media (min-width:768px){.design-guidelines__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.design-guidelines__card{padding:1rem;border-radius:.625rem;border:1px solid var(--border-subtle);background:var(--bg-card)}.design-guidelines__card--warning{border-color:color-mix(in srgb,#f59e0b 35%,var(--border-subtle));background:color-mix(in srgb,#fffbeb 55%,var(--bg-card))}.dark .design-guidelines__card--warning{background:color-mix(in srgb,#78350f 18%,var(--bg-card))}.design-guidelines__card-head{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.design-guidelines__card-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-primary)}.design-guidelines__card--warning .design-guidelines__card-icon-wrap{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#b45309}.design-guidelines__card-icon{width:1rem;height:1rem}.design-guidelines__card-title{margin:0;font-size:var(--wizard-step-fs-sm);font-weight:700;line-height:1.3;color:var(--text-primary)}.design-guidelines__card-intro{margin:0 0 .625rem;font-size:var(--wizard-step-fs-xs);line-height:1.5;color:var(--text-muted)}.design-guidelines__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.design-guidelines__list-item{display:flex;align-items:flex-start;gap:.5rem;font-size:var(--wizard-step-fs-xs);line-height:1.45;color:var(--text-primary)}.design-guidelines__card--warning .design-guidelines__list-item{color:var(--text-primary)}.design-guidelines__list-icon{flex-shrink:0;width:.875rem;height:.875rem;margin-top:.15rem;color:var(--accent-primary)}.design-guidelines__card--warning .design-guidelines__list-icon{color:#d97706}.design-guidelines__footnote{margin:1rem 0 0;padding:.75rem .875rem;border-radius:.5rem;font-size:var(--wizard-step-fs-xs);line-height:1.5;color:var(--text-muted);background:var(--bg-surface-2,#f8fafc);border:1px dashed var(--border-subtle)}.design-guidelines__inline-panel{padding:1rem 1.125rem 1.125rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--accent-primary) 28%,var(--border-subtle));background:color-mix(in srgb,var(--bg-card) 94%,var(--accent-primary) 6%)}.design-guidelines__toggle-chevron{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 35%,var(--border-subtle));transition:transform .2s ease,background .15s ease,border-color .15s ease}.design-guidelines__toggle:hover .design-guidelines__toggle-chevron{background:color-mix(in srgb,var(--accent-primary) 24%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 55%,var(--border-subtle))}.design-guidelines__toggle-chevron--open{transform:rotate(180deg)}.design-guidelines__toggle-chevron-icon{width:1.125rem;height:1.125rem}.design-guidelines__inline-panel .design-guidelines__lead{margin-top:0}.design-step__upload{display:flex;flex-direction:column;gap:var(--wizard-step-gap,1rem)}.design-step__upload-title{margin:0;font-size:var(--wizard-step-fs-lg);font-weight:700;color:var(--text-primary)}.design-step__upload-sub{margin:-.25rem 0 0;font-size:var(--wizard-step-fs-sm);color:var(--text-muted)}