.configure-page{min-height:100vh;padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:var(--space-16)}.configure-header{max-width:600px;margin-bottom:var(--space-16)}.configure-title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-4)}.configure-title .accent{color:var(--color-accent)}.configure-subtitle{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-8)}.configure-layout{display:grid;grid-template-columns:1fr 340px;grid-gap:var(--space-10);gap:var(--space-10);align-items:start}.config-section{margin-bottom:var(--space-12)}.config-section-number{font-size:var(--text-sm);color:var(--color-accent);margin-bottom:var(--space-2)}.config-section-number,.config-section-title{font-family:var(--font-heading);font-weight:700}.config-section-title{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.type-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:left;position:relative;overflow:hidden;box-shadow:4px 4px 12px rgba(0,0,0,.4),-2px -2px 8px rgba(40,40,40,.2)}.type-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,140,26,.05),transparent 60%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.type-card:hover{transform:translateY(-3px) scale(1.02);border-color:rgba(255,140,26,.3);box-shadow:0 8px 30px rgba(0,0,0,.5),0 0 20px rgba(255,140,26,.08)}.type-card:hover:before{opacity:1}.type-card.active{border-color:var(--color-accent);box-shadow:0 0 25px rgba(255,140,26,.15),inset 0 0 15px rgba(255,140,26,.03)}.type-card.active .type-card-icon{color:var(--color-accent);background:var(--color-accent-dim)}.type-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:var(--color-surface-2);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);margin-bottom:var(--space-2)}.type-card-label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.type-card-desc{font-size:var(--text-xs);color:var(--color-text-dim);line-height:1.5}.dna-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8);margin-bottom:var(--space-6)}.dna-group{display:flex;flex-direction:column;gap:var(--space-3)}.dna-label{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em}.color-swatches{display:flex;gap:var(--space-3)}.color-swatch{width:36px;height:36px;border-radius:50%;background:var(--swatch-color);border:2px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative}.color-swatch.active,.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#fff;box-shadow:0 0 16px var(--swatch-color)}.style-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.style-pill{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.style-pill:hover{border-color:rgba(255,140,26,.3);color:var(--color-text)}.style-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:#000}.dna-typography{margin-top:var(--space-2)}.custom-dropdown{position:relative}.dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.dropdown-trigger:focus,.dropdown-trigger:hover{border-color:var(--color-accent)}.dropdown-chevron{transition:transform var(--duration-fast) var(--ease-out);color:var(--color-text-dim)}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;z-index:50;box-shadow:0 12px 40px rgba(0,0,0,.6);animation:dropdown-in .2s var(--ease-out)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast);border:none;background:none}.dropdown-item:hover{background:var(--color-accent-dim);color:var(--color-accent)}.dropdown-item.active{color:var(--color-accent);font-weight:600}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.feature-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;box-shadow:3px 3px 8px rgba(0,0,0,.35),-1px -1px 6px rgba(40,40,40,.15)}.feature-card:hover{transform:translateY(-2px) scale(1.03);border-color:rgba(255,140,26,.25)}.feature-card.active{border-color:var(--color-accent);background:rgba(255,140,26,.08);box-shadow:0 0 20px rgba(255,140,26,.12),inset 0 0 10px rgba(255,140,26,.02)}.feature-card.active .feature-card-icon{color:var(--color-accent)}.feature-card-icon{color:var(--color-text-muted);transition:color var(--duration-normal) var(--ease-out)}.feature-card-label{font-family:var(--font-heading);font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center}.feature-card.active .feature-card-label{color:var(--color-accent)}.config-textarea{width:100%;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-body);resize:vertical;min-height:120px;transition:all var(--duration-normal) var(--ease-out);line-height:1.6}.config-textarea::placeholder{color:var(--color-text-dim)}.config-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim);outline:none}.config-bottom-action{margin-top:var(--space-4)}.config-submit-btn{width:100%;justify-content:center}.config-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.configure-sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--nav-height) + var(--space-6))}.sidebar-panel{padding:var(--space-6)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.sidebar-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700}.sidebar-icon-badge{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#000;border-radius:var(--radius-sm)}.sidebar-items{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-dim)}.sidebar-item{display:flex;justify-content:space-between;align-items:center}.sidebar-item-label{font-size:var(--text-sm);color:var(--color-text-muted)}.sidebar-item-value{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.accent-text{color:var(--color-accent)}.sidebar-complexity{margin-bottom:var(--space-6)}.sidebar-complexity-label{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--space-3)}.complexity-bar-track{width:100%;height:6px;background:var(--color-surface-3);border-radius:3px;overflow:hidden;margin-bottom:var(--space-2)}.complexity-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-2),var(--color-accent));border-radius:3px;transition:width .5s var(--ease-out);box-shadow:0 0 10px rgba(255,140,26,.4)}.complexity-markers{display:flex;justify-content:space-between;font-size:.65rem;font-family:var(--font-heading);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.complexity-markers span.active{color:var(--color-accent)}.sidebar-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.sidebar-save,.sidebar-submit{width:100%;justify-content:center}.sidebar-submit:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.sidebar-timeline{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-dim)}.sidebar-timeline-text{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5;font-style:italic}.toast-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .3s var(--ease-out)}.toast{position:relative;max-width:420px;width:90%;padding:var(--space-10);text-align:center;animation:toast-in .4s var(--ease-out)}.toast-icon{color:var(--color-accent);margin-bottom:var(--space-4)}.toast-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-3)}.toast-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-6)}.toast-close-btn{display:inline-flex;padding:var(--space-3) var(--space-8)}.toast-x{position:absolute;top:var(--space-4);right:var(--space-4);color:var(--color-text-dim);cursor:pointer;transition:color var(--duration-fast)}.toast-x:hover{color:var(--color-text)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1100px){.configure-layout{grid-template-columns:1fr}.configure-sidebar{position:static;order:-1}.type-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.configure-title{font-size:var(--text-4xl)}.type-grid{grid-template-columns:repeat(2,1fr)}.dna-grid{grid-template-columns:1fr;gap:var(--space-6)}.feature-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.type-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.configure-title{font-size:var(--text-3xl)}}