:root{--color-bg: #FAFAF8;--color-surface: #FFFFFF;--color-text: #1a1a18;--color-muted: #8B8B86;--color-accent: #D4A574;--color-support: #5DADE2;--color-success: #27AE60;--color-border: #E8E8E5;--radius-sm: 8px;--radius-md: 12px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 8px 16px rgba(0,0,0,.1);--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-system);background-color:var(--color-bg);color:var(--color-text);font-size:1rem;line-height:1.8;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between}.app-logo{font-size:1.1rem;font-weight:500;color:var(--color-text);letter-spacing:-.01em}.app-logo span{color:var(--color-accent)}.app-main{flex:1;max-width:800px;margin:0 auto;width:100%;padding:3rem 2rem 4rem}.app-main:has(.canvas-stage){max-width:100%;padding:0;margin:0;display:flex;flex-direction:column;overflow:hidden}.progress-bar{display:flex;align-items:center;gap:0;margin-bottom:3rem;overflow-x:auto;padding-bottom:.5rem}.progress-step{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.progress-step__dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);flex-shrink:0;transition:background .2s}.progress-step__dot--filled{background:var(--color-text)}.progress-step__dot--active{background:var(--color-accent)}.progress-step__label{font-size:.8rem;color:var(--color-muted);white-space:nowrap}.progress-step__label--active{color:var(--color-text);font-weight:500}.progress-step__label--filled{color:var(--color-text)}.progress-connector{width:24px;height:1px;background:var(--color-border);flex-shrink:0;margin:0 .25rem}.progress-connector--filled{background:var(--color-text)}.step{display:flex;flex-direction:column;gap:2rem}.step-header{display:flex;flex-direction:column;gap:.5rem}.step-number{font-size:.8rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em}.step-title{font-size:1.8rem;font-weight:400;line-height:1.3;color:var(--color-text)}.step-subtitle{font-size:1rem;color:var(--color-muted);line-height:1.6}.step-body{display:flex;flex-direction:column;gap:1.5rem}.step-nav{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--color-border);margin-top:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;font-family:var(--font-system);cursor:pointer;border:none;transition:all .15s ease;text-decoration:none;line-height:1}.btn-primary{background:var(--color-text);color:#fff}.btn-primary:hover{background:#2d2d2b;box-shadow:var(--shadow-sm)}.btn-primary:disabled{background:var(--color-border);color:var(--color-muted);cursor:not-allowed}.btn-secondary{background:transparent;color:var(--color-muted);border:1px solid var(--color-border)}.btn-secondary:hover{color:var(--color-text);border-color:var(--color-text)}.btn-ghost{background:transparent;color:var(--color-muted);padding-left:0;padding-right:0}.btn-ghost:hover{color:var(--color-text)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:#c4955f;box-shadow:var(--shadow-sm)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;font-weight:500;color:var(--color-text)}.form-input{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-system);color:var(--color-text);background:var(--color-surface);transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--color-text)}.form-input::placeholder{color:var(--color-muted)}.form-input--error{border-color:#e74c3c}.form-error{font-size:.8rem;color:#e74c3c;margin-top:-.25rem}select.form-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='%238B8B86' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.teaching-tooltip{border-radius:var(--radius-sm);padding:1.25rem 1.5rem;display:flex;gap:1rem;align-items:flex-start}.teaching-tooltip--warm{background:#FFF9E6;border:1px solid var(--color-accent)}.teaching-tooltip--cool{background:#F0F8FF;border:1px solid var(--color-support)}.teaching-tooltip__icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.teaching-tooltip__content{display:flex;flex-direction:column;gap:.25rem}.teaching-tooltip__title{font-size:.85rem;font-weight:600;color:var(--color-text)}.teaching-tooltip__body{font-size:.875rem;color:var(--color-muted);line-height:1.6}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.preset-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem}.preset-card--selected{border-color:var(--color-accent)}.preset-card__swatches{display:flex;gap:.5rem;height:40px}.preset-card__swatch{flex:1;border-radius:6px;border:1px solid rgba(0,0,0,.06)}.preset-card__name{font-size:1rem;font-weight:500;color:var(--color-text)}.preset-card__desc{font-size:.85rem;color:var(--color-muted);line-height:1.5}.preset-card__audience{font-size:.8rem;color:var(--color-muted);font-style:italic}.preset-card__selected-badge{font-size:.8rem;color:var(--color-accent);font-weight:600}.tag-input-area{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;min-height:56px;cursor:text;transition:border-color .15s}.tag-input-area:focus-within{border-color:var(--color-text)}.tag-chip{display:inline-flex;align-items:center;gap:.375rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:100px;padding:.2rem .75rem;font-size:.875rem;color:var(--color-text)}.tag-chip__remove{background:none;border:none;cursor:pointer;color:var(--color-muted);font-size:1rem;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.tag-chip__remove:hover{color:var(--color-text)}.tag-inline-input{border:none;outline:none;font-size:.9rem;font-family:var(--font-system);color:var(--color-text);background:transparent;min-width:120px;flex:1}.tag-inline-input::placeholder{color:var(--color-muted)}.tag-hint{font-size:.8rem;color:var(--color-muted)}.palette-display{display:flex;gap:1rem;flex-wrap:wrap}.palette-swatch-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:120px}.palette-swatch{height:80px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.06)}.palette-swatch-label{font-size:.8rem;color:var(--color-muted);text-align:center}.palette-swatch-hex{font-size:.75rem;color:var(--color-text);font-family:monospace;text-align:center}.color-picker-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.color-picker-row label{font-size:.9rem;font-weight:500;flex:1}.color-picker-row input[type=color]{width:44px;height:44px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:none}.color-picker-preview{width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1);flex-shrink:0}.sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.section-checkbox-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none}.section-checkbox-card:hover{border-color:var(--color-text)}.section-checkbox-card--checked{border-color:var(--color-accent);background:#FFFAF5}.section-checkbox-card input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.section-checkbox-card__label{font-size:.9rem;font-weight:500;color:var(--color-text)}.image-section-group{display:flex;flex-direction:column;gap:1rem}.image-section-title{font-size:.9rem;font-weight:600;color:var(--color-text);text-transform:capitalize;letter-spacing:.02em}.image-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.image-card{border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;transition:all .15s;cursor:pointer}.image-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.image-card--selected{border-color:var(--color-accent)}.image-card__placeholder{height:120px;display:flex;align-items:center;justify-content:center}.image-card__label{padding:.5rem .75rem;background:var(--color-surface);display:flex;align-items:center;justify-content:space-between}.image-card__name{font-size:.75rem;color:var(--color-muted)}.image-card__swap{font-size:.75rem;background:none;border:none;cursor:pointer;color:var(--color-support);font-family:var(--font-system);padding:0}.image-card__swap:hover{color:var(--color-text)}.moodboard-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.moodboard-preview__header{padding:2rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.moodboard-preview__title{font-size:1.1rem;font-weight:500}.moodboard-preview__body{padding:2rem;display:flex;flex-direction:column;gap:2rem}.moodboard-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);font-weight:600;margin-bottom:1rem}.moodboard-palette-row{display:flex;gap:.75rem}.moodboard-palette-swatch{flex:1;height:56px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.06)}.moodboard-typography{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--color-bg);border-radius:var(--radius-sm)}.moodboard-type-heading{font-size:1.8rem;font-weight:400;line-height:1.2}.moodboard-type-body{font-size:1rem;line-height:1.8;color:var(--color-muted)}.moodboard-type-caption{font-size:.8rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em}.moodboard-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.moodboard-image-card{border-radius:var(--radius-sm);overflow:hidden}.moodboard-image-placeholder{height:100px}.moodboard-image-caption{padding:.5rem;font-size:.75rem;color:var(--color-muted);background:var(--color-surface);text-align:center;text-transform:capitalize}.export-row{display:flex;justify-content:flex-end}.done-screen{text-align:center;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.done-icon{width:72px;height:72px;background:#F0FFF6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.done-title{font-size:2rem;font-weight:300;color:var(--color-text)}.done-subtitle{font-size:1rem;color:var(--color-muted);max-width:400px}.done-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem 2rem;text-align:left;width:100%;max-width:480px;display:flex;flex-direction:column;gap:1rem}.done-summary__row{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;gap:1rem}.done-summary__key{color:var(--color-muted);flex-shrink:0}.done-summary__value{color:var(--color-text);font-weight:500;text-align:right}.done-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.category-grid{display:flex;flex-wrap:wrap;gap:.75rem}.category-chip{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:100px;border:1px solid var(--color-border);background:var(--color-surface);font-size:.875rem;font-family:var(--font-system);color:var(--color-muted);cursor:pointer;transition:all .15s ease;line-height:1}.category-chip:hover{border-color:var(--color-accent);color:var(--color-text)}.category-chip.selected{border:1.5px solid var(--color-accent);background:#FFF9E6;color:var(--color-text);font-weight:500}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.preset-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.preset-grid{grid-template-columns:1fr}}.preset-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem;position:relative;text-align:left}.preset-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.preset-card.selected{border:1.5px solid var(--color-accent)}.preset-checkmark{position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.preset-swatches{display:flex;gap:6px;margin-bottom:.25rem}.preset-swatch{width:16px;height:16px;border-radius:50%;flex-shrink:0}.preset-name{font-size:.9rem;font-weight:500;color:var(--color-text)}.preset-desc{font-size:.8rem;color:var(--color-muted);line-height:1.4}.preset-audience{font-size:.75rem;color:var(--color-muted);font-style:italic}.inspiration-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .15s}.inspiration-dropzone:hover,.inspiration-dropzone.dragover{border-color:var(--color-accent)}.inspiration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.inspiration-thumb{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.inspiration-thumb img{width:100%;height:100%;object-fit:cover}.inspiration-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;line-height:1;font-family:var(--font-system)}.inspiration-remove:hover{background:rgba(0,0,0,.85)}.analysis-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem}.analysis-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-muted);margin-bottom:.75rem}.analysis-loading{display:flex;align-items:center;gap:.75rem;color:var(--color-muted);font-size:.9rem}.analysis-spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-support);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.analysis-chips{display:flex;flex-wrap:wrap;gap:.5rem}.analysis-chip{display:inline-block;padding:.25rem .875rem;border-radius:100px;border:1px solid var(--color-support);color:var(--color-support);font-size:.85rem;background:transparent}.analysis-swatches{display:flex;gap:.625rem}.analysis-swatch{width:40px;height:40px;border-radius:6px;border:1px solid rgba(0,0,0,.08);cursor:default}.color-swatch-editor{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.color-swatch-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.color-swatch-preview{width:64px;height:64px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .15s;box-shadow:0 1px 4px #0000001f}.color-swatch-preview:hover{border-color:var(--color-accent)}.color-preview-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem}.section-edit-card{background:white;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.section-edit-card__row{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.section-edit-card__input{flex:1;padding:.6rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;outline:none;transition:border-color .15s}.section-edit-card__input:focus{border-color:var(--color-accent)}.section-edit-card__textarea{width:100%;padding:.6rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;resize:vertical;outline:none;transition:border-color .15s;margin-bottom:.75rem}.section-edit-card__textarea:focus{border-color:var(--color-support)}.section-edit-card__remove{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2rem;height:2rem;cursor:pointer;color:var(--color-muted);font-size:.8rem;flex-shrink:0;transition:all .15s}.section-edit-card__remove:hover{border-color:#e74c3c;color:#e74c3c}.section-edit-card__count{font-size:.85rem;color:var(--color-muted)}.image-card__photo-wrap{position:relative;height:120px;overflow:hidden;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.image-card__photo{width:100%;height:100%;object-fit:cover;display:block}.image-card__tint{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;opacity:.28;pointer-events:none;transition:opacity .2s}.image-card__lock-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:none;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,transform .15s;padding:0;line-height:1}.image-card:hover .image-card__lock-btn{opacity:1}.image-card__lock-btn--locked{opacity:1;background:rgba(255,255,255,.95)}.image-card--locked{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-accent) 33}.image-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.image-section-lock-badge{font-size:.75rem;color:var(--color-accent);background:var(--color-accent)18;padding:.15rem .6rem;border-radius:100px;font-weight:500}.image-card__credit{font-size:.72rem;color:var(--color-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-card__credit:hover{color:var(--color-accent)}.tint-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .85rem .3rem .5rem;border-radius:100px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:.82rem;color:var(--color-muted);font-family:var(--font-system);transition:all .15s}.tint-toggle--on{border-color:var(--color-accent);color:var(--color-text);background:var(--color-accent)12}.tint-toggle__dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);transition:background .2s;flex-shrink:0}.tint-toggle--on .tint-toggle__dot{background:var(--color-accent)}.tint-toggle__label{font-weight:600;font-size:.75rem;letter-spacing:.04em}.tint-toggle--sm{font-size:.78rem;padding:.25rem .7rem .25rem .4rem}.canvas-stage{display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;background:#F0F0ED}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1.25rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap}.canvas-toolbar__left,.canvas-toolbar__right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.canvas-toolbar__title{display:flex;align-items:center;gap:.75rem;flex:1;justify-content:center}.canvas-toolbar__project{font-weight:500;font-size:.95rem;color:var(--color-text)}.canvas-toolbar__preset{font-size:.78rem;color:var(--color-muted)}.canvas-toolbar__count{font-size:.75rem;color:var(--color-muted);background:var(--color-bg);padding:.15rem .5rem;border-radius:100px;border:1px solid var(--color-border)}.canvas-toolbar__btn{font-size:.8rem!important;padding:.35rem .85rem!important}.canvas-hint{text-align:center;font-size:.75rem;color:var(--color-muted);padding:.35rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-shrink:0;letter-spacing:.03em}.canvas-palette-strip{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;overflow-x:auto}.canvas-palette-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.canvas-palette-label{font-size:.75rem;color:var(--color-muted);margin-right:.25rem;white-space:nowrap}.canvas-keyword-chip{font-size:.72rem;padding:.1rem .5rem;border-radius:100px;border:1px solid;white-space:nowrap}.canvas-viewport{flex:1;overflow:hidden;position:relative}.canvas-infinite{background-image:radial-gradient(circle,#c8c8c4 1px,transparent 1px);background-size:28px 28px;background-color:#f0f0ed}.canvas-image-card{-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);overflow:hidden;background:white;box-shadow:0 2px 8px #0000001f;transition:box-shadow .15s;will-change:transform}.canvas-image-card:hover{box-shadow:0 6px 20px #0000002e}.canvas-image-card--dragging{box-shadow:0 12px 32px #00000040;z-index:100}.canvas-image-card__photo-wrap{position:relative;width:100%;height:calc(100% - 28px);overflow:hidden}.canvas-image-card__photo{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.canvas-image-card__caption{height:28px;display:flex;align-items:center;padding:0 .5rem;font-size:.68rem;color:var(--color-muted);background:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.canvas-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);background:rgba(240,240,237,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.2rem .6rem;border-radius:4px;pointer-events:none;white-space:nowrap}.export-options{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;margin-bottom:2rem}.export-option{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:white;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.export-option--primary{border-color:var(--color-accent)}.export-option__icon{font-size:1.5rem;width:2.5rem;text-align:center;flex-shrink:0;color:var(--color-muted)}.export-option__title{font-weight:500;font-size:.95rem;color:var(--color-text);margin-bottom:.2rem}.export-option__desc{font-size:.82rem;color:var(--color-muted);line-height:1.4}.export-option>.btn{margin-left:auto;flex-shrink:0}.dashboard-empty{text-align:center;padding:4rem 2rem;background:white;border-radius:var(--radius-md);border:1px dashed var(--color-border)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-bottom:2rem}.dashboard-card{background:white;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .15s,transform .15s}.dashboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-card__palette{display:flex;height:48px}.dashboard-card__swatch{flex:1}.dashboard-card__body{padding:1rem 1.25rem .75rem}.dashboard-card__name{font-weight:500;font-size:1rem;color:var(--color-text);margin-bottom:.3rem}.dashboard-card__meta{font-size:.8rem;color:var(--color-muted);margin-bottom:.2rem}.dashboard-card__date{font-size:.75rem;color:var(--color-muted);margin-top:.5rem}.dashboard-card__actions{padding:.75rem 1.25rem;border-top:1px solid var(--color-border);display:flex;gap:.5rem;justify-content:flex-end}@media (max-width: 768px){.app-main{padding:1.5rem 1rem}.step-header{margin-bottom:1.5rem}.step-title{font-size:1.6rem}.category-grid{gap:.5rem}.image-cards-row{grid-template-columns:repeat(2,1fr)}.export-option{flex-wrap:wrap;gap:.75rem}.export-option>.btn{width:100%}.dashboard-grid{grid-template-columns:1fr}.moodboard-images-grid{grid-template-columns:repeat(2,1fr)}.moodboard-palette-row{gap:.5rem}.inspiration-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){body{font-size:15px}.app-main{padding:1rem .75rem}.step-title{font-size:1.4rem}.image-cards-row{grid-template-columns:1fr}.inspiration-grid{grid-template-columns:repeat(2,1fr)}.color-swatch-editor{flex-wrap:wrap;justify-content:center}.section-edit-card__row{flex-wrap:wrap}.export-option{padding:1rem}.moodboard-images-grid{grid-template-columns:1fr}.btn{font-size:.9rem}}