.tutorial-hint-container{position:relative;display:inline-flex;align-items:center;gap:6px}.tutorial-hint-pulse{position:relative;z-index:100;width:16px;height:16px;padding:0;border:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tutorial-hint-pulse__dot{width:8px;height:8px;background:var(--color-primary, #4f46e5);border-radius:50%;animation:tutorial-pulse 2s ease-in-out infinite;box-shadow:0 0 0 0 var(--color-primary, #4f46e5)}@keyframes tutorial-pulse{0%{box-shadow:0 0 #4f46e5b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #4f46e500;transform:scale(1.1)}to{box-shadow:0 0 #4f46e500;transform:scale(1)}}.tutorial-hint-tooltip{position:absolute;z-index:10000;width:max-content;max-width:280px;padding:12px 16px;background:var(--bg-elevated, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 16px #0000001f;animation:tutorial-tooltip-appear .2s ease-out}@keyframes tutorial-tooltip-appear{0%{opacity:0}to{opacity:1}}.tutorial-hint-tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tutorial-hint-tooltip--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tutorial-hint-tooltip--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tutorial-hint-tooltip--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tutorial-hint-tooltip:not(.tutorial-hint-tooltip--portal):before{content:"";position:absolute;width:10px;height:10px;background:var(--bg-elevated, #fff);border:1px solid var(--border-color, #e5e7eb);transform:rotate(45deg)}.tutorial-hint-tooltip--top:before{bottom:-6px;left:50%;margin-left:-5px;border-top:none;border-left:none}.tutorial-hint-tooltip--bottom:before{top:-6px;left:50%;margin-left:-5px;border-bottom:none;border-right:none}.tutorial-hint-tooltip--left:before{right:-6px;top:50%;margin-top:-5px;border-bottom:none;border-left:none}.tutorial-hint-tooltip--right:before{left:-6px;top:50%;margin-top:-5px;border-top:none;border-right:none}.tutorial-hint-tooltip__content{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--text-primary, #1f2937)}.tutorial-hint-tooltip__dismiss{padding:6px 12px;font-size:13px;font-weight:500;color:#fff;background:var(--color-primary, #4f46e5);border:none;border-radius:4px;cursor:pointer;transition:background .15s ease}.tutorial-hint-tooltip__dismiss:hover{background:var(--color-primary-hover, #4338ca)}[data-theme=dark] .tutorial-hint-tooltip{background:var(--bg-elevated, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .tutorial-hint-tooltip:before{background:var(--bg-elevated, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .tutorial-hint-tooltip__content{color:var(--text-primary, #f3f4f6)}[data-theme=dark] .tutorial-hint-pulse__dot{background:var(--color-primary, #818cf8)}@keyframes tutorial-pulse-dark{0%{box-shadow:0 0 #818cf8b3}50%{box-shadow:0 0 0 8px #818cf800}to{box-shadow:0 0 #818cf800}}[data-theme=dark] .tutorial-hint-pulse__dot{animation:tutorial-pulse-dark 2s ease-in-out infinite}.help-icon-container{position:relative;display:inline-flex;vertical-align:middle;margin-left:6px}.help-icon-button{display:inline-flex;align-items:center;justify-content:center;padding:0;font-weight:600;color:var(--text-secondary, #6b7280);background:var(--bg-subtle, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);border-radius:50%;cursor:pointer;transition:all .15s ease;flex-shrink:0}.help-icon-button:hover{color:var(--color-primary, #4f46e5);background:var(--bg-elevated, #fff);border-color:var(--color-primary, #4f46e5)}.help-icon-button:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.help-icon-popover{position:absolute;z-index:1000;width:240px;padding:10px 14px;background:var(--bg-elevated, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;box-shadow:0 4px 12px #0000001a;animation:help-popover-appear .15s ease-out;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:hidden}@keyframes help-popover-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.help-icon-popover--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.help-icon-popover--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.help-icon-popover--align-right{left:auto!important;right:0;transform:none!important}.help-icon-popover--align-left{left:0!important;right:auto;transform:none!important}.help-icon-popover--align-right.help-icon-popover--top:before,.help-icon-popover--align-right.help-icon-popover--bottom:before{left:auto;right:8px;margin-left:0}.help-icon-popover--align-left.help-icon-popover--top:before,.help-icon-popover--align-left.help-icon-popover--bottom:before{left:8px;margin-left:0}.help-icon-popover--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.help-icon-popover--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.help-icon-popover:before{content:"";position:absolute;width:8px;height:8px;background:var(--bg-elevated, #fff);border:1px solid var(--border-color, #e5e7eb);transform:rotate(45deg)}.help-icon-popover--top:before{bottom:-5px;left:50%;margin-left:-4px;border-top:none;border-left:none}.help-icon-popover--bottom:before{top:-5px;left:50%;margin-left:-4px;border-bottom:none;border-right:none}.help-icon-popover--left:before{right:-5px;top:50%;margin-top:-4px;border-bottom:none;border-left:none}.help-icon-popover--right:before{left:-5px;top:50%;margin-top:-4px;border-top:none;border-right:none}.help-icon-popover__content{margin:0;font-size:13px;line-height:1.5;color:var(--text-primary, #1f2937);word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.help-icon-popover__link{display:inline-block;margin-top:8px;font-size:12px;color:var(--color-primary, #4f46e5);text-decoration:none}.help-icon-popover__link:hover{text-decoration:underline}[data-theme=dark] .help-icon-button{color:var(--text-secondary, #9ca3af);background:var(--bg-subtle, #374151);border-color:var(--border-color, #4b5563)}[data-theme=dark] .help-icon-button:hover{color:var(--color-primary, #818cf8);background:var(--bg-elevated, #1f2937);border-color:var(--color-primary, #818cf8)}[data-theme=dark] .help-icon-popover{background:var(--bg-elevated, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .help-icon-popover:before{background:var(--bg-elevated, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .help-icon-popover__content{color:var(--text-primary, #f3f4f6)}.header{background:#fff;border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.header__container{max-width:1280px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center}.header__logo{display:flex;flex-direction:column;gap:var(--space-1)}.header__logo h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0}.header__tagline{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-normal)}.header__nav{display:flex;align-items:center;gap:var(--space-4)}.header__theme-toggle{background:transparent;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.header__theme-toggle:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.header__login-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-base);display:flex;align-items:center;gap:var(--space-2)}.header__login-btn:hover{background-color:var(--color-primary-dark)}.header__login-btn:disabled{opacity:.6;cursor:not-allowed}.header__login-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.header__user-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-gray-100);border-radius:var(--radius-md)}.header__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}@media (max-width: 768px){.header__container{padding:var(--space-3) var(--space-4)}.header__logo h1{font-size:var(--font-size-xl)}.header__tagline{display:none}.header__login-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.header__user-info{display:none}}.stripe-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;text-decoration:none;transition:opacity .2s,transform .2s}.stripe-badge:hover{opacity:.8;transform:translateY(-1px)}.stripe-badge--light{background:#f6f9fc;border:1px solid #e6ebf1}.stripe-badge--dark{background:#32325d;border:1px solid #424770}.stripe-badge__text{font-size:.75rem;font-weight:500;letter-spacing:.02em}.stripe-badge--light .stripe-badge__text{color:#8898aa}.stripe-badge--dark .stripe-badge__text{color:#aab7c4}.stripe-badge__logo{height:16px;width:auto}.stripe-badge--light .stripe-badge__logo{color:#6772e5}.stripe-badge--dark .stripe-badge__logo{color:#7795f8}.stripe-badge--large{padding:.75rem 1.25rem;gap:.625rem}.stripe-badge--large .stripe-badge__text{font-size:.875rem}.stripe-badge--large .stripe-badge__logo{height:20px}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:3rem 1.5rem 1.5rem;margin-top:auto}.footer__container{max-width:1200px;margin:0 auto}.footer__main{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:2rem}.footer__brand{flex-shrink:0}.footer__logo{font-size:1.5rem;font-weight:700;color:var(--color-text);text-decoration:none;display:block;margin-bottom:.5rem}.footer__logo:hover{color:var(--color-primary)}.footer__tagline{color:var(--color-text-secondary);font-size:.9rem;margin:0}.footer__links{display:flex;gap:4rem}.footer__link-group{display:flex;flex-direction:column;gap:.5rem}.footer__link-group h4{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin:0 0 .5rem}.footer__link-group a{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer__link-group a:hover{color:var(--color-primary)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.footer__privacy-badge{flex:1}.footer__privacy-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;font-size:.85rem;padding:.5rem .75rem;border-radius:6px;transition:background-color .2s,color .2s}.footer__privacy-link:hover{background:#3b82f61a;color:var(--color-primary)}.footer__privacy-link svg{color:#10b981}.footer__stripe{flex-shrink:0}.footer__copyright{color:var(--color-text-secondary);font-size:.8rem;margin:0}@media (max-width: 768px){.footer__main{flex-direction:column;gap:2rem}.footer__links{width:100%;gap:2rem}.footer__bottom{flex-direction:column;align-items:flex-start}.footer__privacy-badge,.footer__stripe{width:100%}}@media (max-width: 480px){.footer{padding:2rem 1rem 1rem}.footer__links{flex-direction:column;gap:1.5rem}}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent-green) 50%,var(--color-accent-brown) 100%);color:#fff;padding:var(--space-10) var(--space-6)}.hero__container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center}.hero__content{display:flex;flex-direction:column;gap:var(--space-6)}.hero__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.hero__subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);opacity:.95;margin:0}.hero__cta{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.hero__cta-hint{font-size:var(--font-size-sm);opacity:.9;margin:var(--space-2) 0 0 0}.hero__cta-free{display:flex;gap:var(--space-4)}.hero__cta-primary{background-color:#fff;color:var(--color-primary);border:none;border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.hero__cta-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero__cta-secondary{color:#fff;text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-6);border:2px solid white;border-radius:var(--radius-md);transition:all var(--transition-base);display:inline-block}.hero__cta-secondary:hover{background-color:#ffffff1a}.hero__cta-tertiary{color:#fff;text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-6);border:2px solid white;border-radius:var(--radius-md);transition:all var(--transition-base);display:inline-block}.hero__cta-tertiary:hover{background-color:#ffffff1a}.hero__image{display:flex;justify-content:center;align-items:center}.hero__image-artwork{width:100%;max-width:500px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}@media (max-width: 1024px){.hero__container{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.hero__title{font-size:var(--font-size-3xl)}.hero__cta{align-items:center}.hero__cta-free{justify-content:center}.hero__image{order:-1}}@media (max-width: 768px){.hero{padding:var(--space-8) var(--space-4)}.hero__title{font-size:var(--font-size-2xl)}.hero__subtitle{font-size:var(--font-size-base)}.hero__cta{width:100%}.hero__cta-free{flex-direction:column;width:100%}.hero__cta-primary,.hero__cta-secondary,.hero__cta-tertiary{width:100%;text-align:center}}.features{padding:var(--space-10) var(--space-6);background-color:var(--color-gray-50)}.features__container{max-width:1280px;margin:0 auto}.features__header{text-align:center;margin-bottom:var(--space-10)}.features__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--space-4) 0}.features__subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.feature-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--color-gray-200)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.feature-card__icon{font-size:3rem;margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.feature-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--space-3) 0}.feature-card__description{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0}@media (max-width: 768px){.features{padding:var(--space-8) var(--space-4)}.features__title{font-size:var(--font-size-2xl)}.features__subtitle{font-size:var(--font-size-base)}.features__grid{grid-template-columns:1fr;gap:var(--space-4)}.feature-card{padding:var(--space-5)}.feature-card__icon{width:60px;height:60px;font-size:2rem}}.weather-page{max-width:1200px;margin:0 auto;padding:var(--space-6)}.weather-page h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);color:var(--color-gray-900)}.weather-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.weather-table thead{background-color:var(--color-primary);color:#fff}.weather-table th,.weather-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-gray-200)}.weather-table tbody tr:hover{background-color:var(--color-gray-50)}.weather-table tbody tr:last-child td{border-bottom:none}.error{color:var(--color-error);padding:var(--space-4);background-color:#ef44441a;border-radius:var(--radius-md);border-left:4px solid var(--color-error)}.profile-footer{margin-top:auto;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface)}.profile-footer__container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.profile-footer__links{display:flex;align-items:center;gap:var(--space-3)}.profile-footer__link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-base)}.profile-footer__link:hover{color:var(--color-primary)}.profile-footer__divider{color:var(--color-border);font-size:var(--font-size-sm)}.profile-footer__copyright{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0}@media (max-width: 640px){.profile-footer{padding:var(--space-3) var(--space-4)}.profile-footer__container{flex-direction:column;text-align:center}.profile-footer__links{flex-wrap:wrap;justify-content:center}}.profile-page{min-height:100vh;background-color:var(--color-gray-50)}.profile-page__loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:var(--font-size-lg);color:var(--color-gray-600)}.profile-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent-green) 50%,var(--color-accent-brown) 100%);color:#fff;padding:var(--space-3) var(--space-6);box-shadow:var(--shadow-lg);position:relative;z-index:10}.profile-header__container{max-width:1280px;margin:0 auto}.profile-header__greeting{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1e3a8a;padding:var(--space-2) var(--space-4);white-space:nowrap;margin-right:auto}.profile-header__actions{display:flex;gap:var(--space-3);align-items:center;margin-left:auto}.profile-header__action-btn{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);background-color:#1e3a8a26;color:#1e3a8a;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.profile-header__action-btn:hover{background-color:#1e3a8a40;transform:translateY(-1px)}.profile-header__action-btn--primary{background-color:#1e3a8a;color:#fff;border:2px solid #1e3a8a}.profile-header__action-btn--primary:hover{background-color:#1e40af;border-color:#1e40af}.profile-nav{display:flex;align-items:center;gap:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none}.profile-nav::-webkit-scrollbar{display:none}.profile-nav__item{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:#1e3a8a;text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative;white-space:nowrap;cursor:pointer;background-color:transparent}.profile-nav__item:hover{background-color:#1e3a8a1a;color:#1e3a8a}.profile-nav__item--active{color:#1e3a8a;background-color:#1e3a8a26}.profile-nav__icon{font-size:var(--font-size-base);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.profile-nav__label{font-size:var(--font-size-sm);display:inline}.profile-nav__dropdown{position:relative}.profile-nav__subnav{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-base);z-index:100}.profile-nav__dropdown:hover .profile-nav__subnav{opacity:1;visibility:visible;transform:translateY(0)}.profile-nav__dropdown:hover .profile-nav__item{border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:#fff;color:#1e3a8a}.profile-nav__subnav-item{display:block;padding:var(--space-3) var(--space-4);color:var(--color-gray-700);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);white-space:nowrap;text-align:center}.profile-nav__subnav-item:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.profile-nav__subnav-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.profile-content{padding:var(--space-8) var(--space-6)}.profile-content__container{max-width:1280px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-4)}.page-header__text h2{font-size:var(--font-size-2xl);color:var(--color-gray-900);margin-bottom:var(--space-2)}.page-header__text p{color:var(--color-gray-600);margin:0}.primary-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-base);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.primary-btn:hover{background-color:var(--color-primary-dark)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.profile-content h2{font-size:var(--font-size-2xl);color:var(--color-gray-900);margin-bottom:var(--space-4)}.profile-content p{color:var(--color-gray-600);margin-bottom:var(--space-8)}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-8);max-width:900px}.profile-stat-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--color-gray-200)}.profile-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.profile-stat-card h3{font-size:var(--font-size-base);color:var(--color-gray-600);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}.profile-stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0}.profile-stat-card--expandable{display:flex;flex-direction:column}.profile-stat-card--expandable:hover{transform:none}.profile-stat-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.profile-stat-card__header h3{margin-bottom:0;font-weight:700;font-size:var(--font-size-lg);color:var(--color-gray-800)}.profile-stat-card__count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-stat-card__list{list-style:none;padding:0;margin:var(--space-3) 0 0 0;display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto}.profile-stat-card__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background-color:var(--color-gray-50);border-radius:var(--radius-md);transition:background-color .2s}.profile-stat-card__item:hover{background-color:var(--color-gray-100)}.profile-stat-card__item-info{display:flex;flex-direction:column;flex:1;min-width:0;margin-right:var(--space-2)}.profile-stat-card__item-name{font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-stat-card__item-updated{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:2px}.profile-stat-card__edit-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:all .2s;flex-shrink:0}.profile-stat-card__edit-link:hover{background-color:var(--color-primary);color:#fff}.profile-stat-card__item-status{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);margin-right:var(--space-2);white-space:nowrap}.profile-stat-card__item-status.status--inspiration{background-color:#fef3c7;color:#92400e}.profile-stat-card__item-status.status--planning{background-color:#dbeafe;color:#1e40af}.profile-stat-card__item-status.status--on-loom{background-color:#dcfce7;color:#166534}.profile-stat-card__item-status.status--finishing{background-color:#fae8ff;color:#86198f}.profile-stat-card__item-status.status--completed{background-color:#d1fae5;color:#065f46}.profile-stat-card__empty{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:var(--space-3) 0 0 0;font-style:italic}.preset-playground__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.preset-playground__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all .2s ease}.preset-playground__btn:hover{background-color:var(--color-primary);color:#fff}.preset-playground__settings-link{display:block;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-gray-200);font-size:var(--font-size-xs);color:var(--color-gray-500);text-decoration:none;text-align:center;transition:color .2s}.preset-playground__settings-link:hover{color:var(--color-primary)}.wishlist-card__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.wishlist-card__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-brown);background-color:transparent;border:1px solid var(--color-accent-brown);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all .2s ease}.wishlist-card__btn:hover{background-color:var(--color-accent-brown);color:#fff}.wishlist-card__summary{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-gray-200);font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:center}@media (max-width: 768px){.profile-header{padding:var(--space-2) var(--space-4)}.profile-header__greeting{font-size:var(--font-size-base);padding:var(--space-1) var(--space-2)}.profile-nav{flex-wrap:wrap;gap:var(--space-1)}.profile-nav__item{padding:var(--space-2)}.profile-nav__label{display:none}.profile-header__actions{gap:var(--space-2)}.profile-header__action-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.profile-content{padding:var(--space-6) var(--space-4)}.profile-stats{grid-template-columns:1fr}}@media (max-width: 480px){.profile-header__greeting{display:none}.profile-nav__item{padding:var(--space-2)}}[data-theme=dark] .profile-page{background-color:var(--color-gray-800)}[data-theme=dark] .profile-header{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-accent-green-dark) 50%,var(--color-accent-brown-dark) 100%)}[data-theme=dark] .profile-header__greeting{color:#fff}[data-theme=dark] .profile-header__action-btn{background-color:#fff3;color:#fff}[data-theme=dark] .profile-header__action-btn:hover{background-color:#ffffff4d}[data-theme=dark] .profile-header__action-btn--primary{background-color:#ffffffe6;color:var(--color-primary-dark);border-color:#ffffffe6}[data-theme=dark] .profile-header__action-btn--primary:hover{background-color:#fff;border-color:#fff}[data-theme=dark] .profile-nav__item{color:#fff}[data-theme=dark] .profile-nav__item:hover{background-color:#ffffff26}[data-theme=dark] .profile-nav__item--active{background-color:#fff3}[data-theme=dark] .profile-nav__item--active:after{background-color:#fff;box-shadow:0 0 8px #fff6}[data-theme=dark] .profile-content h2{color:var(--color-gray-50)}[data-theme=dark] .profile-content p{color:var(--color-gray-300)}[data-theme=dark] .profile-stat-card{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .profile-stat-card:hover{border-color:var(--color-primary)}[data-theme=dark] .profile-stat-card h3,[data-theme=dark] .profile-stat-card__header h3{color:var(--color-gray-100)}[data-theme=dark] .profile-stat-value{color:var(--color-primary-light)}[data-theme=dark] .profile-stat-card__count{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .profile-stat-card__item{background-color:var(--color-gray-800)}[data-theme=dark] .profile-stat-card__item:hover{background-color:var(--color-gray-700)}[data-theme=dark] .profile-stat-card__item-name{color:var(--color-gray-200)}[data-theme=dark] .profile-stat-card__item-updated{color:var(--color-gray-400)}[data-theme=dark] .profile-stat-card__edit-link{color:var(--color-primary-light)}[data-theme=dark] .profile-stat-card__edit-link:hover{background-color:var(--color-primary-light);color:var(--color-gray-900)}[data-theme=dark] .profile-stat-card__item-status.status--inspiration{background-color:#f59e0b33;color:#fcd34d}[data-theme=dark] .profile-stat-card__item-status.status--planning{background-color:#3b82f633;color:#93c5fd}[data-theme=dark] .profile-stat-card__item-status.status--on-loom{background-color:#22c55e33;color:#86efac}[data-theme=dark] .profile-stat-card__item-status.status--finishing{background-color:#d946ef33;color:#f0abfc}[data-theme=dark] .profile-stat-card__item-status.status--completed{background-color:#10b98133;color:#6ee7b7}[data-theme=dark] .profile-stat-card__empty{color:var(--color-gray-400)}[data-theme=dark] .preset-playground__btn{color:var(--color-primary-light);border-color:var(--color-primary-light)}[data-theme=dark] .preset-playground__btn:hover{background-color:var(--color-primary-light);color:var(--color-gray-900)}[data-theme=dark] .preset-playground__settings-link{border-top-color:var(--color-gray-700);color:var(--color-gray-400)}[data-theme=dark] .preset-playground__settings-link:hover{color:var(--color-primary-light)}[data-theme=dark] .wishlist-card__btn{color:var(--color-accent-brown-light, #d4a574);border-color:var(--color-accent-brown-light, #d4a574)}[data-theme=dark] .wishlist-card__btn:hover{background-color:var(--color-accent-brown-light, #d4a574);color:var(--color-gray-900)}[data-theme=dark] .wishlist-card__summary{border-top-color:var(--color-gray-700);color:var(--color-gray-400)}[data-theme=dark] .profile-nav__subnav{background-color:var(--color-gray-900);border:1px solid var(--color-gray-700);border-top:none;box-shadow:0 4px 12px #0006}[data-theme=dark] .profile-nav__dropdown:hover .profile-nav__item{background-color:var(--color-gray-900);color:#fff}[data-theme=dark] .profile-nav__subnav-item{color:var(--color-gray-200)}[data-theme=dark] .profile-nav__subnav-item:hover{background-color:var(--color-gray-800);color:#fff}[data-theme=dark] .page-header__text h2{color:var(--color-gray-50)}[data-theme=dark] .page-header__text p{color:var(--color-gray-300)}[data-theme=dark] .primary-btn{background-color:var(--color-primary-light);color:var(--color-gray-900)}[data-theme=dark] .primary-btn:hover{background-color:var(--color-primary);color:#fff}.yarn-color-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-top:var(--space-3);max-height:200px;overflow-y:auto;overflow-x:hidden}.yarn-color-pill{display:flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:default;transition:transform .15s;box-sizing:border-box}.yarn-color-pill--light{color:var(--color-gray-800);border:1px solid var(--color-gray-300)}.yarn-color-pill--dark{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.yarn-color-pill:hover{transform:scale(1.05)}@media (max-width: 768px){.yarn-color-pills{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.yarn-color-pills{grid-template-columns:repeat(2,1fr)}}.project-filter-bar{display:flex;flex-wrap:wrap;gap:0;margin-top:var(--space-6);margin-bottom:var(--space-4)}.project-filter-bar__btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;margin-left:-1px}.project-filter-bar__btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);margin-left:0}.project-filter-bar__btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.project-filter-bar__btn:hover:not(.project-filter-bar__btn--active){background-color:var(--color-gray-50);z-index:1}.project-filter-bar__btn--active{background-color:var(--color-gray-100);color:var(--color-gray-900);border-color:var(--color-gray-400);z-index:2}.project-filter-bar__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--space-1);margin-left:var(--space-2);font-size:.7rem;font-weight:600;background-color:#00000014;border-radius:var(--radius-full)}.project-filter-bar__btn--active .project-filter-bar__count{background-color:#0000001f}.project-filter-bar__btn.status--inspiration.project-filter-bar__btn--active{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.project-filter-bar__btn.status--planning.project-filter-bar__btn--active{background-color:#dbeafe;border-color:#3b82f6;color:#1e40af}.project-filter-bar__btn.status--on-loom.project-filter-bar__btn--active{background-color:#dcfce7;border-color:#22c55e;color:#166534}.project-filter-bar__btn.status--finishing.project-filter-bar__btn--active{background-color:#fae8ff;border-color:#d946ef;color:#86198f}.project-filter-bar__btn.status--completed.project-filter-bar__btn--active{background-color:#d1fae5;border-color:#10b981;color:#065f46}.project-filter-bar__btn.status--on-hold.project-filter-bar__btn--active{background-color:#f3f4f6;border-color:#6b7280;color:#374151}.projects-section{margin-top:var(--space-4)}.projects-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-4)}.projects-section__header{margin-bottom:var(--space-3)}.projects-section__count{font-size:var(--font-size-sm);color:var(--color-gray-500)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.project-card{display:flex;flex-direction:column;padding:var(--space-4);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);text-decoration:none;transition:border-color .2s,box-shadow .2s}.project-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.project-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2)}.project-card__header .project-card__name{margin:0}.project-card__status{flex-shrink:0;font-size:var(--font-size-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.project-card__status.status--inspiration{background-color:#fef3c7;color:#92400e}.project-card__status.status--planning{background-color:#dbeafe;color:#1e40af}.project-card__status.status--on-loom{background-color:#dcfce7;color:#166534}.project-card__status.status--finishing{background-color:#fae8ff;color:#86198f}.project-card__status.status--completed{background-color:#d1fae5;color:#065f46}.project-card__status.status--on-hold{background-color:#f3f4f6;color:#374151}.project-card__meta{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--space-2)}.project-card__date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.project-card__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);margin:0;line-height:1.3}.project-card__details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2);background-color:var(--color-gray-50);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.project-card__structure{font-weight:500;color:var(--color-gray-700)}.project-card__colors{display:flex;gap:var(--space-3);align-items:center}.project-card__color-group{display:flex;align-items:center;gap:var(--space-1)}.project-card__color-label{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:500}.project-card__color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.project-card__color-more{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-left:var(--space-1)}.project-card__description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--space-2) 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;word-break:break-word}.project-card__link{color:var(--color-primary);text-decoration:underline;word-break:break-all}.project-card__link:hover{color:var(--color-primary-dark)}.project-card__tags{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-2)}.project-card__tag{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);background-color:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-full)}.project-card__tag--0{background-color:#dbeafe;color:#1e40af}.project-card__tag--1{background-color:#dcfce7;color:#166534}.project-card__tag--2{background-color:#fef3c7;color:#92400e}.project-card__tag-more{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);background-color:var(--color-gray-200);color:var(--color-gray-600);border-radius:var(--radius-full)}.project-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-gray-100)}.project-card__delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.project-card__delete-btn:hover{background-color:var(--color-error-light, #fef2f2);color:var(--color-error, #ef4444)}.project-card__edit-link{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;margin-left:auto}.projects-error{margin-top:var(--space-4);padding:var(--space-4);background-color:var(--color-error-light, #fef2f2);border:1px solid var(--color-error, #ef4444);border-radius:var(--radius-lg);color:var(--color-error, #ef4444)}.projects-loading{margin-top:var(--space-4);padding:var(--space-4);text-align:center;color:var(--color-gray-600)}.projects-empty{margin-top:var(--space-8);padding:var(--space-8);text-align:center;background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.projects-empty p{color:var(--color-gray-600);margin-bottom:var(--space-4)}[data-theme=dark] .projects-section__title{color:var(--color-gray-100)}[data-theme=dark] .project-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .project-card:hover{border-color:var(--color-primary-light)}[data-theme=dark] .project-card__name{color:var(--color-gray-100)}[data-theme=dark] .project-card__description{color:var(--color-gray-400)}[data-theme=dark] .project-card__link{color:var(--color-primary-light)}[data-theme=dark] .project-card__link:hover{color:var(--color-primary)}[data-theme=dark] .project-card__tag{background-color:var(--color-gray-700);color:var(--color-gray-300)}[data-theme=dark] .project-card__tag-more{background-color:var(--color-gray-600);color:var(--color-gray-400)}[data-theme=dark] .projects-error{background-color:#ef44441a}[data-theme=dark] .projects-loading{color:var(--color-gray-400)}[data-theme=dark] .projects-empty{background-color:var(--color-gray-800)}[data-theme=dark] .projects-empty p{color:var(--color-gray-400)}[data-theme=dark] .project-filter-bar__btn{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-400)}[data-theme=dark] .project-filter-bar__btn:hover:not(.project-filter-bar__btn--active){background-color:var(--color-gray-700)}[data-theme=dark] .project-filter-bar__btn--active{background-color:var(--color-gray-700);color:var(--color-gray-100);border-color:var(--color-gray-500)}[data-theme=dark] .project-filter-bar__count{background-color:#ffffff1a}[data-theme=dark] .project-filter-bar__btn--active .project-filter-bar__count{background-color:#ffffff26}[data-theme=dark] .project-filter-bar__btn.status--inspiration.project-filter-bar__btn--active{background-color:#f59e0b33;border-color:#f59e0b;color:#fcd34d}[data-theme=dark] .project-filter-bar__btn.status--planning.project-filter-bar__btn--active{background-color:#3b82f633;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .project-filter-bar__btn.status--on-loom.project-filter-bar__btn--active{background-color:#22c55e33;border-color:#22c55e;color:#86efac}[data-theme=dark] .project-filter-bar__btn.status--finishing.project-filter-bar__btn--active{background-color:#d946ef33;border-color:#d946ef;color:#f0abfc}[data-theme=dark] .project-filter-bar__btn.status--completed.project-filter-bar__btn--active{background-color:#10b98133;border-color:#10b981;color:#6ee7b7}[data-theme=dark] .project-filter-bar__btn.status--on-hold.project-filter-bar__btn--active{background-color:#6b728033;border-color:#6b7280;color:#d1d5db}[data-theme=dark] .projects-section__count{color:var(--color-gray-400)}[data-theme=dark] .project-card__date{color:var(--color-gray-500)}[data-theme=dark] .project-card__footer{border-color:var(--color-gray-700)}[data-theme=dark] .project-card__delete-btn{color:var(--color-gray-500)}[data-theme=dark] .project-card__delete-btn:hover{background-color:#ef444426;color:#f87171}[data-theme=dark] .project-card__details{background-color:var(--color-gray-700)}[data-theme=dark] .project-card__structure{color:var(--color-gray-200)}[data-theme=dark] .project-card__color-label{color:var(--color-gray-400)}[data-theme=dark] .project-card__color-dot{border-color:#fff3}[data-theme=dark] .project-card__color-more{color:var(--color-gray-400)}[data-theme=dark] .project-card__status.status--inspiration{background-color:#f59e0b33;color:#fcd34d}[data-theme=dark] .project-card__status.status--planning{background-color:#3b82f633;color:#93c5fd}[data-theme=dark] .project-card__status.status--on-loom{background-color:#22c55e33;color:#86efac}[data-theme=dark] .project-card__status.status--finishing{background-color:#d946ef33;color:#f0abfc}[data-theme=dark] .project-card__status.status--completed{background-color:#10b98133;color:#6ee7b7}[data-theme=dark] .project-card__status.status--on-hold{background-color:#6b728033;color:#d1d5db}[data-theme=dark] .project-card__tag--0{background-color:#3b82f633;color:#93c5fd}[data-theme=dark] .project-card__tag--1{background-color:#22c55e33;color:#86efac}[data-theme=dark] .project-card__tag--2{background-color:#f59e0b33;color:#fcd34d}.yarn-picker{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:400px;overflow:hidden}.yarn-picker--inline{border:1px solid var(--color-gray-200);max-height:320px}.yarn-picker--popover{width:320px;border:1px solid var(--color-gray-200)}.yarn-picker__label{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}.yarn-picker__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100)}.yarn-picker__search-icon{width:16px;height:16px;color:var(--color-gray-400);flex-shrink:0}.yarn-picker__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-sm);color:var(--color-gray-900);background:transparent}.yarn-picker__search-input::placeholder{color:var(--color-gray-400)}.yarn-picker__clear-btn{width:20px;height:20px;border:none;background:var(--color-gray-200);border-radius:50%;font-size:14px;line-height:1;color:var(--color-gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.yarn-picker__clear-btn:hover{background:var(--color-gray-300);color:var(--color-gray-700)}.yarn-picker__filters{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-gray-100)}.yarn-picker__filter-chip{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.yarn-picker__filter-chip:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.yarn-picker__filter-chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.yarn-picker__filter-chip--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.yarn-picker__list{flex:1;overflow-y:auto;padding:var(--space-2) 0}.yarn-picker__empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}.yarn-picker__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);border:none;background:transparent;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.yarn-picker__item:hover{background:var(--color-gray-50)}.yarn-picker__item--selected{background:#3b82f61a}.yarn-picker__item--selected:hover{background:#3b82f626}.yarn-picker__item--wishlist{opacity:.8}.yarn-picker__item-swatch{width:32px;height:32px;border-radius:var(--radius-md);flex-shrink:0;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 1px 2px #0000000d}.yarn-picker__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.yarn-picker__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-2)}.yarn-picker__item-badge{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-gray-500);background:var(--color-gray-100);padding:1px 6px;border-radius:var(--radius-full)}.yarn-picker__item-details{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-gray-500)}.yarn-picker__item-details span{white-space:nowrap}.yarn-picker__item-details span:not(:last-child):after{content:"·";margin-left:var(--space-2);color:var(--color-gray-300)}.yarn-picker__item-yardage{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.yarn-picker__item-yardage-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.yarn-picker__item-yardage-unit{font-size:10px;color:var(--color-gray-400)}.yarn-picker__item-yardage-label{font-size:var(--font-size-sm);color:var(--color-gray-400)}.yarn-picker__item-yardage--low .yarn-picker__item-yardage-value{color:var(--color-warning)}.yarn-picker__item-yardage--out .yarn-picker__item-yardage-value{color:var(--color-error)}.yarn-picker__footer{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:center}.yarn-picker__count{font-size:var(--font-size-xs);color:var(--color-gray-500)}.yarn-picker-trigger{width:28px;height:28px;border-radius:var(--radius-md);border:1px dashed var(--color-gray-300);background:var(--color-gray-50);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-primary);transition:all var(--transition-fast)}.yarn-picker-trigger:hover:not(:disabled){border-color:var(--color-primary);background:#3b82f60d}.yarn-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.yarn-picker-trigger__swatch{width:100%;height:100%;border-radius:calc(var(--radius-md) - 1px)}[data-theme=dark] .yarn-picker{background:var(--color-gray-800);border-color:var(--color-gray-600)}[data-theme=dark] .yarn-picker__label{color:var(--color-gray-300);border-color:var(--color-gray-700)}[data-theme=dark] .yarn-picker__search{border-color:var(--color-gray-700)}[data-theme=dark] .yarn-picker__search-icon{color:var(--color-gray-500)}[data-theme=dark] .yarn-picker__search-input{color:var(--color-gray-100)}[data-theme=dark] .yarn-picker__search-input::placeholder{color:var(--color-gray-500)}[data-theme=dark] .yarn-picker__clear-btn{background:var(--color-gray-600);color:var(--color-gray-300)}[data-theme=dark] .yarn-picker__clear-btn:hover{background:var(--color-gray-500);color:var(--color-gray-200)}[data-theme=dark] .yarn-picker__filters{border-color:var(--color-gray-700)}[data-theme=dark] .yarn-picker__filter-chip{background:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-300)}[data-theme=dark] .yarn-picker__filter-chip:hover{background:var(--color-gray-600);color:var(--color-gray-200)}[data-theme=dark] .yarn-picker__filter-chip--active{background:var(--color-primary);border-color:var(--color-primary)}[data-theme=dark] .yarn-picker__empty{color:var(--color-gray-400)}[data-theme=dark] .yarn-picker__item:hover{background:var(--color-gray-700)}[data-theme=dark] .yarn-picker__item--selected{background:#60a5fa26}[data-theme=dark] .yarn-picker__item--selected:hover{background:#60a5fa33}[data-theme=dark] .yarn-picker__item-name{color:var(--color-gray-100)}[data-theme=dark] .yarn-picker__item-badge{color:var(--color-gray-400);background:var(--color-gray-700)}[data-theme=dark] .yarn-picker__item-details{color:var(--color-gray-400)}[data-theme=dark] .yarn-picker__item-details span:not(:last-child):after{color:var(--color-gray-600)}[data-theme=dark] .yarn-picker__item-yardage-value{color:var(--color-gray-300)}[data-theme=dark] .yarn-picker__item-yardage-unit{color:var(--color-gray-500)}[data-theme=dark] .yarn-picker__footer{border-color:var(--color-gray-700)}[data-theme=dark] .yarn-picker__count{color:var(--color-gray-400)}[data-theme=dark] .yarn-picker-trigger{background:var(--color-gray-700);border-color:var(--color-gray-500);color:var(--color-primary-light)}[data-theme=dark] .yarn-picker-trigger:hover:not(:disabled){border-color:var(--color-primary-light);background:#60a5fa1a}.yarn-selector{display:flex;flex-direction:column;gap:.5rem}.yarn-selector__label{margin-bottom:.25rem}.yarn-selector__swatches{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;min-height:48px;padding:.5rem;border:1px solid var(--border-color, #e0e0e0);border-radius:.5rem;background:var(--input-bg, #ffffff)}.yarn-selector__swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem;border-radius:.375rem;background:var(--card-bg, #f9f9f9);cursor:default;transition:background-color .15s ease}.yarn-selector__swatch:hover{background:var(--card-hover-bg, #f0f0f0)}.yarn-selector__swatch-color{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-color, #ddd);box-shadow:0 1px 3px #0000001a}.yarn-selector__swatch-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--error-color, #e53935);color:#fff;border:none;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.yarn-selector__swatch:hover .yarn-selector__swatch-remove{opacity:1}.yarn-selector__swatch-info{display:flex;flex-direction:column;align-items:center;gap:1px;max-width:70px}.yarn-selector__swatch-name{font-size:.7rem;font-weight:500;color:var(--text-color, #333);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.yarn-selector__swatch-details{font-size:.6rem;color:var(--text-muted, #666);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.yarn-selector__hint{margin-top:.25rem;font-size:.75rem;color:var(--text-muted, #666)}.yarn-selector__add-btn{width:36px;height:36px;border-radius:50%;border:2px dashed var(--border-color, #ccc);background:var(--input-bg, #ffffff);color:var(--text-muted, #666);font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.yarn-selector__add-btn:hover{border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6);background:var(--color-primary-light-bg, rgba(59, 130, 246, .1))}[data-theme=dark] .yarn-selector__swatches{border-color:var(--border-color-dark, #404040);background:var(--input-bg-dark, #2a2a2a)}[data-theme=dark] .yarn-selector__swatch{background:var(--card-bg-dark, #333)}[data-theme=dark] .yarn-selector__swatch:hover{background:var(--card-hover-bg-dark, #3a3a3a)}[data-theme=dark] .yarn-selector__swatch-color{border-color:var(--border-color-dark, #555)}[data-theme=dark] .yarn-selector__swatch-name{color:var(--text-color-dark, #e0e0e0)}[data-theme=dark] .yarn-selector__swatch-details,[data-theme=dark] .yarn-selector__hint{color:var(--text-muted-dark, #999)}[data-theme=dark] .yarn-selector__add-btn{border-color:var(--border-color-dark, #555);background:var(--input-bg-dark, #2a2a2a);color:var(--text-muted-dark, #999)}[data-theme=dark] .yarn-selector__add-btn:hover{border-color:var(--color-primary-light, #60a5fa);color:var(--color-primary-light, #60a5fa);background:#60a5fa26}.yarn-usage-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.yarn-usage-modal{background-color:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.yarn-usage-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.yarn-usage-modal__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin:0}.yarn-usage-modal__close{background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--color-gray-500);font-size:var(--font-size-xl);line-height:1}.yarn-usage-modal__close:hover{color:var(--color-gray-700)}.yarn-usage-modal__body{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0}.yarn-usage-modal__intro{font-size:var(--font-size-base);color:var(--color-gray-700);margin:0 0 var(--space-2) 0}.yarn-usage-modal__intro strong{color:var(--color-gray-900)}.yarn-usage-modal__description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--space-6) 0;line-height:1.5}.yarn-usage-modal__no-yarn{font-size:var(--font-size-sm);color:var(--color-gray-600);padding:var(--space-6);background-color:var(--color-gray-50);border-radius:var(--radius-lg);text-align:center;line-height:1.5}.yarn-usage-modal__entries{display:flex;flex-direction:column;gap:var(--space-4)}.yarn-usage-entry{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4)}.yarn-usage-entry__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-200)}.yarn-usage-entry__type{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-white);background-color:var(--color-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.yarn-usage-entry__yarn-info{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.yarn-usage-entry__color-pill{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--color-white);box-shadow:0 1px 3px #0003;flex-shrink:0}.yarn-usage-entry__yarn-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yarn-usage-entry__colorway{font-size:var(--font-size-sm);color:var(--color-gray-500);white-space:nowrap}.yarn-usage-entry__details{display:flex;flex-direction:column;gap:var(--space-3)}.yarn-usage-entry__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.yarn-usage-entry__row--total{padding-top:var(--space-3);border-top:1px solid var(--color-gray-200)}.yarn-usage-entry__row--remaining{padding-top:var(--space-2)}.yarn-usage-entry__label{font-size:var(--font-size-sm);color:var(--color-gray-600)}.yarn-usage-entry__value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-800)}.yarn-usage-entry__value--total{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary)}.yarn-usage-entry__input-group{display:flex;align-items:center;gap:var(--space-2)}.yarn-usage-entry__input{width:80px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:right}.yarn-usage-entry__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.yarn-usage-entry__unit{font-size:var(--font-size-sm);color:var(--color-gray-500);min-width:24px}.yarn-usage-modal__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-shrink:0}.yarn-usage-modal__footer-right{display:flex;gap:var(--space-3)}.yarn-usage-modal__btn--skip{background:none;border:none;color:var(--color-gray-500);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-2)}.yarn-usage-modal__btn--skip:hover{color:var(--color-gray-700);text-decoration:underline}[data-theme=dark] .yarn-usage-modal{background-color:var(--color-gray-800)}[data-theme=dark] .yarn-usage-modal__header{border-color:var(--color-gray-700)}[data-theme=dark] .yarn-usage-modal__title{color:var(--color-gray-100)}[data-theme=dark] .yarn-usage-modal__close{color:var(--color-gray-400)}[data-theme=dark] .yarn-usage-modal__close:hover{color:var(--color-gray-200)}[data-theme=dark] .yarn-usage-modal__intro{color:var(--color-gray-300)}[data-theme=dark] .yarn-usage-modal__intro strong{color:var(--color-gray-100)}[data-theme=dark] .yarn-usage-modal__description{color:var(--color-gray-400)}[data-theme=dark] .yarn-usage-modal__no-yarn{background-color:var(--color-gray-700);color:var(--color-gray-300)}[data-theme=dark] .yarn-usage-entry{background-color:var(--color-gray-750, #2d2d3d);border-color:var(--color-gray-600)}[data-theme=dark] .yarn-usage-entry__header,[data-theme=dark] .yarn-usage-entry__color-pill{border-color:var(--color-gray-600)}[data-theme=dark] .yarn-usage-entry__yarn-name{color:var(--color-gray-100)}[data-theme=dark] .yarn-usage-entry__colorway,[data-theme=dark] .yarn-usage-entry__label{color:var(--color-gray-400)}[data-theme=dark] .yarn-usage-entry__value{color:var(--color-gray-200)}[data-theme=dark] .yarn-usage-entry__row--total{border-color:var(--color-gray-600)}[data-theme=dark] .yarn-usage-entry__input{background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-100)}[data-theme=dark] .yarn-usage-entry__input:focus{border-color:var(--color-primary-light)}[data-theme=dark] .yarn-usage-entry__unit{color:var(--color-gray-400)}[data-theme=dark] .yarn-usage-modal__footer{background-color:var(--color-gray-850, #1a1a2e);border-color:var(--color-gray-700)}[data-theme=dark] .yarn-usage-modal__btn--skip{color:var(--color-gray-400)}[data-theme=dark] .yarn-usage-modal__btn--skip:hover{color:var(--color-gray-200)}@media (max-width: 480px){.yarn-usage-modal{max-width:100%;max-height:100vh;border-radius:0}.yarn-usage-modal__header,.yarn-usage-modal__body,.yarn-usage-modal__footer{padding-left:var(--space-4);padding-right:var(--space-4)}.yarn-usage-entry__row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.yarn-usage-entry__input-group{width:100%}.yarn-usage-entry__input{flex:1;width:auto}.yarn-usage-modal__footer{flex-direction:column;gap:var(--space-3)}.yarn-usage-modal__footer-right{width:100%;justify-content:flex-end}}.yarn-deduction-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.yarn-deduction-modal{background-color:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.yarn-deduction-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.yarn-deduction-modal__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin:0}.yarn-deduction-modal__close{background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--color-gray-500);font-size:var(--font-size-xl);line-height:1}.yarn-deduction-modal__close:hover{color:var(--color-gray-700)}.yarn-deduction-modal__body{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0}.yarn-deduction-modal__intro{font-size:var(--font-size-base);color:var(--color-gray-700);margin:0 0 var(--space-2) 0}.yarn-deduction-modal__description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--space-6) 0;line-height:1.5}.yarn-deduction-modal__no-yarn{font-size:var(--font-size-sm);color:var(--color-gray-600);padding:var(--space-6);background-color:var(--color-gray-50);border-radius:var(--radius-lg);text-align:center;line-height:1.5}.yarn-deduction-section{margin-bottom:var(--space-5)}.yarn-deduction-section:last-child{margin-bottom:0}.yarn-deduction-section__title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);margin:0 0 var(--space-3) 0}.yarn-deduction-section__items{display:flex;flex-direction:column;gap:var(--space-2)}.yarn-deduction-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);gap:var(--space-3)}.yarn-deduction-row__info{display:flex;align-items:flex-start;gap:var(--space-2);flex:1;min-width:0}.yarn-deduction-row__info-text{display:flex;flex-direction:column;gap:2px;min-width:0}.yarn-deduction-row__swatch{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-white);box-shadow:0 1px 3px #0003;flex-shrink:0;margin-top:2px}.yarn-deduction-row__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.yarn-deduction-row__starting{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yarn-deduction-row__values{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.yarn-deduction-row__input-group{display:flex;align-items:center;gap:var(--space-2)}.yarn-deduction-row__input{width:80px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:right}.yarn-deduction-row__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.yarn-deduction-row__input--warning{border-color:var(--color-warning);background-color:var(--color-warning-light, #fffbeb)}.yarn-deduction-row__unit{font-size:var(--font-size-sm);color:var(--color-gray-500);min-width:24px}.yarn-deduction-row__remaining{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs)}.yarn-deduction-row__remaining-label{color:var(--color-gray-500)}.yarn-deduction-row__remaining-value{color:var(--color-gray-700);font-weight:500}.yarn-deduction-row__remaining-value--zero{color:var(--color-warning-dark, #b45309)}.yarn-deduction-modal__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-shrink:0}.yarn-deduction-modal__footer-right{display:flex;gap:var(--space-3)}.yarn-deduction-modal__btn--skip{background:none;border:none;color:var(--color-gray-500);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-2)}.yarn-deduction-modal__btn--skip:hover{color:var(--color-gray-700);text-decoration:underline}[data-theme=dark] .yarn-deduction-modal{background-color:var(--color-gray-800)}[data-theme=dark] .yarn-deduction-modal__header{border-color:var(--color-gray-700)}[data-theme=dark] .yarn-deduction-modal__title{color:var(--color-gray-100)}[data-theme=dark] .yarn-deduction-modal__close{color:var(--color-gray-400)}[data-theme=dark] .yarn-deduction-modal__close:hover{color:var(--color-gray-200)}[data-theme=dark] .yarn-deduction-modal__intro{color:var(--color-gray-300)}[data-theme=dark] .yarn-deduction-modal__description{color:var(--color-gray-400)}[data-theme=dark] .yarn-deduction-modal__no-yarn{background-color:var(--color-gray-700);color:var(--color-gray-300)}[data-theme=dark] .yarn-deduction-section__title{color:var(--color-gray-400)}[data-theme=dark] .yarn-deduction-row{background-color:var(--color-gray-750, #2d2d3d);border-color:var(--color-gray-600)}[data-theme=dark] .yarn-deduction-row__swatch{border-color:var(--color-gray-600)}[data-theme=dark] .yarn-deduction-row__name{color:var(--color-gray-100)}[data-theme=dark] .yarn-deduction-row__starting{color:var(--color-gray-400)}[data-theme=dark] .yarn-deduction-row__input{background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-100)}[data-theme=dark] .yarn-deduction-row__input:focus{border-color:var(--color-primary-light)}[data-theme=dark] .yarn-deduction-row__input--warning{border-color:var(--color-warning);background-color:#fbbf241a}[data-theme=dark] .yarn-deduction-row__unit{color:var(--color-gray-400)}[data-theme=dark] .yarn-deduction-row__remaining-label{color:var(--color-gray-500)}[data-theme=dark] .yarn-deduction-row__remaining-value{color:var(--color-gray-300)}[data-theme=dark] .yarn-deduction-row__remaining-value--zero{color:var(--color-warning)}[data-theme=dark] .yarn-deduction-modal__footer{background-color:var(--color-gray-850, #1a1a2e);border-color:var(--color-gray-700)}[data-theme=dark] .yarn-deduction-modal__btn--skip{color:var(--color-gray-400)}[data-theme=dark] .yarn-deduction-modal__btn--skip:hover{color:var(--color-gray-200)}@media (max-width: 480px){.yarn-deduction-modal{max-width:100%;max-height:100vh;border-radius:0}.yarn-deduction-modal__header,.yarn-deduction-modal__body,.yarn-deduction-modal__footer{padding-left:var(--space-4);padding-right:var(--space-4)}.yarn-deduction-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.yarn-deduction-row__values{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.yarn-deduction-modal__footer{flex-direction:column;gap:var(--space-3)}.yarn-deduction-modal__footer-right{width:100%;justify-content:flex-end}}.form-sections-nav{display:inline-flex;margin-bottom:var(--space-6);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.form-section-tab{padding:var(--space-3) var(--space-5);background:#fff;border:1px solid var(--color-gray-300);border-right-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-base);position:relative}.form-section-tab:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.form-section-tab:last-child{border-right-width:1px;border-radius:0 var(--radius-md) var(--radius-md) 0}.form-section-tab:hover:not(.active){background-color:var(--color-gray-50);color:var(--color-primary)}.form-section-tab.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;z-index:1}.form-section-tab.active+.form-section-tab{border-left-color:var(--color-primary)}[data-theme=dark] .form-sections-nav{box-shadow:var(--shadow-md)}[data-theme=dark] .form-section-tab{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-300)}[data-theme=dark] .form-section-tab:hover:not(.active){background-color:var(--color-gray-700);color:var(--color-primary-light)}[data-theme=dark] .form-section-tab.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}[data-theme=dark] .form-section-tab.active+.form-section-tab{border-left-color:var(--color-primary)}@media (max-width: 768px){.form-sections-nav{display:flex;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.form-sections-nav::-webkit-scrollbar{display:none}.form-section-tab{white-space:nowrap;flex-shrink:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}.textarea-with-preview{display:flex;flex-direction:column;gap:var(--space-2)}.textarea-with-preview--has-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}.textarea-with-preview__editor{display:flex;flex-direction:column;gap:var(--space-2)}.textarea-with-preview__editor .form-textarea{min-height:120px;resize:vertical}.textarea-with-preview__preview{display:flex;flex-direction:column}.textarea-with-preview__preview-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-500);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-gray-200)}.textarea-with-preview__preview-content{padding:var(--space-3);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.6;color:var(--color-gray-700);min-height:120px;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.textarea-preview__link{color:var(--color-primary);text-decoration:underline;word-break:break-all}.textarea-preview__link:hover{color:var(--color-primary-dark)}@media (max-width: 768px){.textarea-with-preview--has-links{grid-template-columns:1fr}}[data-theme=dark] .textarea-with-preview__preview-label{color:var(--color-gray-400);border-bottom-color:var(--color-gray-700)}[data-theme=dark] .textarea-with-preview__preview-content{background-color:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--color-gray-300)}[data-theme=dark] .textarea-preview__link{color:var(--color-primary-light)}[data-theme=dark] .textarea-preview__link:hover{color:var(--color-primary)}.unit-toggle{display:flex;align-items:center;gap:var(--space-2)}.unit-toggle__label{font-size:var(--font-size-sm);color:var(--color-gray-500);transition:color .2s ease}.unit-toggle__label--active{color:var(--color-gray-900);font-weight:var(--font-weight-medium)}[data-theme=dark] .unit-toggle__label{color:var(--color-gray-400)}[data-theme=dark] .unit-toggle__label--active{color:var(--color-gray-100)}.unit-toggle__switch{position:relative;width:44px;height:24px;background-color:var(--color-gray-400);border-radius:12px;border:1px solid var(--color-gray-300);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.unit-toggle__switch:after{content:"";position:absolute;top:1px;left:1px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0000004d}.unit-toggle__switch--active{background-color:var(--color-primary-500);border-color:var(--color-primary-600)}[data-theme=dark] .unit-toggle__switch{background-color:var(--color-gray-600)}[data-theme=dark] .unit-toggle__switch--active{background-color:var(--color-primary-400)}.print-preview-button{position:relative;display:inline-block}.print-preview-button__trigger{display:flex;align-items:center;gap:8px}.print-preview-button__icon{flex-shrink:0}.print-preview-button__chevron{flex-shrink:0;transition:transform .2s ease}.print-preview-button__chevron--open{transform:rotate(180deg)}.print-preview-button__dropdown{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--color-surface, #fff);border:1px solid var(--color-border, #ddd);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px;min-width:200px;z-index:100}.print-preview-button__dropdown-header{font-size:.85rem;font-weight:600;color:var(--color-text-secondary, #666);margin-bottom:8px}.print-preview-button__sizes{display:flex;gap:8px;margin-bottom:12px}.print-preview-button__size-option{flex:1;padding:8px 12px;border:1px solid var(--color-border, #ddd);border-radius:6px;background:var(--color-surface, #fff);color:var(--color-text, #333);font-size:.85rem;cursor:pointer;transition:all .15s ease}.print-preview-button__size-option:hover{border-color:var(--color-primary, #1a3a4a);background:var(--color-surface-hover, #f5f5f5)}.print-preview-button__size-option--selected{border-color:var(--color-primary, #1a3a4a);background:var(--color-primary, #1a3a4a);color:#fff}.print-preview-button__size-option--selected:hover{background:var(--color-primary-dark, #0f2830)}.print-preview-button__generate{width:100%}[data-theme=dark] .print-preview-button__dropdown{background:var(--color-surface-dark, #2a2a2a);border-color:var(--color-border-dark, #444)}[data-theme=dark] .print-preview-button__size-option{background:var(--color-surface-dark, #2a2a2a);border-color:var(--color-border-dark, #444);color:var(--color-text-dark, #eee)}[data-theme=dark] .print-preview-button__size-option:hover{background:var(--color-surface-hover-dark, #3a3a3a)}.textile-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.textile-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.textile-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.textile-modal__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.textile-modal__close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-gray-400);cursor:pointer;padding:0;line-height:1;transition:color var(--transition-base)}.textile-modal__close:hover{color:var(--color-gray-600)}.textile-modal__form{padding:var(--space-4)}.textile-modal__field{margin-bottom:var(--space-4)}.textile-modal__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--space-1)}.textile-modal__row{display:flex;gap:var(--space-4)}.textile-modal__field--length{flex:2}.textile-modal__field--qty{flex:1}.textile-modal__input-group{display:flex;gap:var(--space-2)}.textile-modal__input-group .form-input{flex:1}.textile-modal__input-group .form-select{width:85px;min-width:85px;padding-right:var(--space-6)}.textile-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}@media (max-width: 480px){.textile-modal{max-width:100%;margin:var(--space-2)}.textile-modal__row{flex-direction:column;gap:var(--space-4)}}.textiles-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:2px solid var(--color-primary)!important}.textiles-header .textiles-header__title{margin:0!important;padding-bottom:0!important;border-bottom:none!important}.textiles-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.textiles-items{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-4)}.textiles-items__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.textiles-items__header h4{margin-left:4px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.btn-add-item{background:var(--color-primary);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-base)}.btn-add-item:hover{background:var(--color-primary-dark)}.textiles-items__empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-gray-500)}.textiles-items__empty p{margin-left:4px}.textiles-items__hint{font-size:var(--font-size-sm);margin-top:var(--space-2)!important}.textiles-items__compact-list{display:flex;flex-direction:column;gap:var(--space-2)}.textile-item-compact{display:flex;align-items:center;gap:var(--space-3);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.textile-item-compact:hover{border-color:var(--color-primary-300)}.textile-item-compact__info{flex:1;display:flex;flex-direction:row;align-items:baseline;gap:var(--space-2);cursor:pointer;min-width:0}.textile-item-compact__info:hover{color:var(--color-primary)}.textile-item-compact__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.textile-item-compact__details{font-size:var(--font-size-xs);color:var(--color-gray-500)}.textile-item-compact__subtotal{flex-shrink:0;min-width:80px;text-align:right}.textile-item-compact__total-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);font-variant-numeric:tabular-nums}.textile-item-compact__remove{background:none;border:none;color:var(--color-gray-400);font-size:var(--font-size-lg);cursor:pointer;padding:var(--space-1);line-height:1;transition:color var(--transition-base);flex-shrink:0}.textile-item-compact__remove:hover{color:var(--color-error)}.warp-length-summary{background:var(--color-primary-50);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-4);height:fit-content}.warp-length-summary h4{margin:0 0 var(--space-4) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-primary-800)}.summary-table{width:100%;border-collapse:collapse}.summary-table td{padding:var(--space-2) 0;font-size:var(--font-size-sm)}.summary-table td:first-child{color:var(--color-gray-700)}.summary-value{text-align:right;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.summary-total{border-top:2px solid var(--color-primary-300)}.summary-total td{padding-top:var(--space-3);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-primary-900)}.summary-label{cursor:default}.summary-label--with-help{display:flex;align-items:center;gap:var(--space-1)}.summary-value--editable{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end}.summary-input-group{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0;width:140px;justify-content:flex-end}.summary-input{width:60px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-gray-400);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:right;font-variant-numeric:tabular-nums;background:#fff;-moz-appearance:textfield}.summary-input::-webkit-outer-spin-button,.summary-input::-webkit-inner-spin-button{-webkit-appearance:none;margin-left:4px}.summary-input--with-spinner{width:60px;text-align:center;padding-right:2px;-moz-appearance:auto}.summary-input--narrow{width:45px;text-align:center}.summary-input--with-spinner::-webkit-outer-spin-button,.summary-input--with-spinner::-webkit-inner-spin-button{-webkit-appearance:auto;margin:0 0 0 6px;opacity:1}.summary-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100)}.summary-input-suffix{font-size:var(--font-size-sm);color:var(--color-gray-600);width:24px;text-align:left;flex-shrink:0}.summary-input-separator{font-size:var(--font-size-sm);color:var(--color-gray-600);width:auto;flex-shrink:0}.summary-unit-select{width:52px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);border:1px solid var(--color-gray-400);border-radius:var(--radius-sm);background:#fff;cursor:pointer;appearance:auto;-webkit-appearance:auto;-moz-appearance:auto}.summary-calculated{font-size:var(--font-size-xs);color:var(--color-gray-500);font-style:italic;white-space:nowrap;min-width:80px;text-align:right}.unit-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-600)}.unit-toggle__label{font-weight:var(--font-weight-medium)}.unit-toggle__label--active{color:var(--color-primary-700)}.unit-toggle__switch{position:relative;width:44px;height:24px;background:var(--color-gray-300);border-radius:12px;cursor:pointer;transition:background var(--transition-base)}.unit-toggle__switch--active{background:var(--color-primary-400)}.unit-toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-base);box-shadow:0 1px 3px #0003}.unit-toggle__switch--active:after{transform:translate(20px)}.warp-dimensions-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.warp-dimensions-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4)}.warp-dimensions-card--primary{background:var(--color-primary-50);border:1px solid var(--color-gray-300)}.warp-dimensions-card__title{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em}.warp-dimensions-card--primary .warp-dimensions-card__title{color:var(--color-primary-800)}.summary-reed-value{display:flex;align-items:center;gap:var(--space-2)}.summary-value--empty{color:var(--color-gray-400);font-style:italic;display:flex;align-items:center;gap:var(--space-2)}.summary-edit-link{background:none;border:none;padding:0;font-size:var(--font-size-xs);color:var(--color-primary);cursor:pointer;text-decoration:underline}.summary-edit-link:hover{color:var(--color-primary-dark)}.summary-input--wide{width:100%;text-align:left;padding-left:var(--space-2)}.summary-value--prominent{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-700)}@media (max-width: 768px){.textiles-layout{grid-template-columns:1fr}.warp-length-summary{order:-1}.textile-item__measurements{grid-template-columns:1fr 1fr}.warp-dimensions-layout{grid-template-columns:1fr}}[data-theme=dark] .textiles-items{background:var(--color-gray-800)}[data-theme=dark] .textiles-items__header h4{color:var(--color-gray-100)}[data-theme=dark] .textile-item-compact{background:var(--color-gray-700);border-color:var(--color-gray-600)}[data-theme=dark] .textile-item-compact:hover{border-color:var(--color-primary-400)}[data-theme=dark] .textile-item-compact__name{color:var(--color-gray-100)}[data-theme=dark] .textile-item-compact__details{color:var(--color-gray-400)}[data-theme=dark] .textile-item-compact__total-value{color:var(--color-primary-300)}[data-theme=dark] .warp-length-summary{background:var(--color-gray-800);border-color:var(--color-primary-700)}[data-theme=dark] .warp-length-summary h4{color:var(--color-primary-300)}[data-theme=dark] .summary-table td:first-child{color:var(--color-gray-300)}[data-theme=dark] .summary-total{border-color:var(--color-primary-600)}[data-theme=dark] .summary-total td{color:var(--color-primary-300)}[data-theme=dark] .summary-input{background:var(--color-gray-700);border-color:var(--color-gray-500);color:var(--color-gray-100)}[data-theme=dark] .summary-input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 2px var(--color-primary-900)}[data-theme=dark] .summary-input-suffix{color:var(--color-gray-400)}[data-theme=dark] .summary-unit-select{background:var(--color-gray-700);border-color:var(--color-gray-500);color:var(--color-gray-100)}[data-theme=dark] .summary-calculated,[data-theme=dark] .unit-toggle{color:var(--color-gray-400)}[data-theme=dark] .unit-toggle__label--active{color:var(--color-primary-300)}[data-theme=dark] .unit-toggle__switch{background:var(--color-gray-600)}[data-theme=dark] .unit-toggle__switch--active{background:var(--color-primary-600)}[data-theme=dark] .warp-dimensions-card{background:var(--color-gray-800);border-color:var(--color-gray-600)}[data-theme=dark] .warp-dimensions-card--primary{background:var(--color-gray-800);border-color:var(--color-primary-700)}[data-theme=dark] .warp-dimensions-card__title{color:var(--color-gray-300)}[data-theme=dark] .warp-dimensions-card--primary .warp-dimensions-card__title{color:var(--color-primary-300)}[data-theme=dark] .summary-value--empty{color:var(--color-gray-500)}[data-theme=dark] .summary-edit-link{color:var(--color-primary-400)}[data-theme=dark] .summary-edit-link:hover,[data-theme=dark] .summary-value--prominent{color:var(--color-primary-300)}.warp-order-section{margin-top:var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-4)}.warp-order-section--empty{padding:var(--space-6)}.warp-order-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.warp-order-section__header-actions{display:flex;align-items:center;gap:var(--space-3)}.warp-order-section__repeat-label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-normal)}.warp-order-section__header-divider{width:1px;height:20px;background:var(--color-gray-300)}.warp-order-section__title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);display:flex;align-items:center;gap:var(--space-2)}.warp-order-section__warp-ends{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-gray-600)}.warp-order-section__warp-ends-label{color:var(--color-gray-500)}.warp-order-section__warp-ends-value{font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.warp-order-section__warp-ends-value--total{font-weight:var(--font-weight-bold);color:var(--color-primary-700)}.warp-order-section__warp-ends-separator{color:var(--color-gray-300);margin:0 var(--space-1)}.warp-order-section__status{margin-left:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.warp-order-section__status--success{background:#dcfce7;color:#15803d}.warp-order-section__status--warning{background:#fef3c7;color:#b45309}.warp-order-section__status-dismiss{background:none;border:none;color:inherit;cursor:pointer;margin-left:var(--space-2);padding:0 var(--space-1);font-size:var(--font-size-sm);line-height:1;opacity:.6}.warp-order-section__status-dismiss:hover{opacity:1}.warp-order-section__empty-message{text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0}.btn-add-column{background:var(--color-primary);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-base)}.btn-add-column:hover{background:var(--color-primary-dark)}.warp-order-section__repeat-controls{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-primary-50);border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:var(--space-2)}.repeat-control__label{font-size:var(--font-size-sm);color:var(--color-gray-700);display:flex;align-items:center;gap:var(--space-2)}.repeat-control__input{width:60px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-primary-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center}.warp-order-grid-wrapper{overflow-x:auto;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4)}.warp-order-grid{width:auto;border-collapse:separate;border-spacing:0;min-width:max-content}.warp-order-grid__yarn-header{width:200px;min-width:200px;text-align:left;padding:var(--space-2);background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-200)}.warp-order-grid__column-header{width:60px;min-width:60px;padding:var(--space-1);background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-200);position:relative}.warp-order-grid__column-header--repeat{background:var(--color-primary-100)}.warp-order-grid__column-header--selvedge{background:#fef3c7}.warp-order-grid__column-header--selvedge-left{border-left:3px solid #f59e0b}.warp-order-grid__column-header--selvedge-right{border-right:3px solid #f59e0b}.warp-order-grid__selvedge-label{font-size:var(--font-size-xs);color:#b45309;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.warp-order-grid__bracket-row{height:44px}.warp-order-grid__bracket-cell{padding:0;background:transparent;border:none;position:relative}.warp-order-grid__bracket-cell--empty{background:transparent;border:none}.warp-order-grid__bracket-cell--start,.warp-order-grid__bracket-cell--middle,.warp-order-grid__bracket-cell--end,.warp-order-grid__bracket-cell--single{background:transparent;position:relative}.warp-order-grid__repeat-label-badge{position:absolute;top:var(--space-2);right:28px;background:transparent;color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);padding:0;white-space:nowrap;z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:0}.warp-order-grid__repeat-label-text{display:inline-flex;align-items:center;gap:2px}.warp-order-grid__repeat-label-times{font-size:var(--font-size-xs);color:var(--color-gray-500);align-self:center}.btn-delete-group{background:none;border:none;cursor:pointer;padding:0;line-height:1;font-size:12px;filter:grayscale(100%);opacity:.5;transition:filter var(--transition-base),opacity var(--transition-base)}.btn-delete-group:hover{filter:grayscale(0%);opacity:1}.warp-order-grid__repeat-input{width:36px;padding:2px 4px;border:1px solid var(--color-gray-300);border-radius:var(--radius-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center;background:#fff;color:var(--color-gray-800)}.warp-order-grid__repeat-input:focus{outline:none;border-color:var(--color-gray-500);box-shadow:0 0 0 2px var(--color-gray-200)}.warp-order-grid__repeat-input::-webkit-outer-spin-button,.warp-order-grid__repeat-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.warp-order-grid__repeat-input[type=number]{-moz-appearance:textfield}.warp-order-grid__total-header{width:100px;min-width:100px;padding:var(--space-2);background:var(--color-gray-200);border-bottom:2px solid var(--color-gray-300);font-weight:var(--font-weight-semibold);text-align:center;font-size:var(--font-size-sm)}.column-actions{display:inline-flex;gap:2px;background:var(--color-gray-100);border-radius:4px;padding:2px}.column-actions--swedish{flex-direction:row-reverse}.column-actions__btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:3px;border-radius:3px;line-height:1;transition:all var(--transition-base)}.column-actions__btn:hover{background:var(--color-gray-200)}.column-actions__btn--duplicate:hover{color:var(--color-primary)}.column-actions__btn--remove:hover{color:var(--color-error)}.warp-order-grid__column-header:not(.warp-order-grid__column-header--selvedge){border-left:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200)}.btn-remove-column{background:none;border:none;color:var(--color-gray-400);font-size:var(--font-size-lg);cursor:pointer;padding:0;line-height:1;transition:color var(--transition-base)}.btn-remove-column:hover{color:var(--color-error)}.warp-order-grid__row:nth-child(2n){background:#fff}.warp-order-grid__row:nth-child(odd){background:var(--color-gray-50)}.warp-order-grid__yarn-cell{width:200px;min-width:200px;padding:var(--space-2);border-bottom:1px solid var(--color-gray-200)}.warp-order-grid__yarn-cell-content{display:flex;align-items:center;gap:var(--space-2)}.warp-order-grid__color-swatch{width:16px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);flex-shrink:0}.warp-order-grid__yarn-name{font-size:var(--font-size-sm);color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warp-order-grid__cell{width:60px;min-width:60px;padding:var(--space-1);border-bottom:1px solid var(--color-gray-200);text-align:center}.warp-order-grid__row:nth-child(2n) td.warp-order-grid__cell--repeat,.warp-order-grid tbody tr:nth-child(2n) td.warp-order-grid__cell--repeat{background:#dbeafe}.warp-order-grid__row:nth-child(odd) td.warp-order-grid__cell--repeat,.warp-order-grid tbody tr:nth-child(odd) td.warp-order-grid__cell--repeat{background:#bfdbfe}.warp-order-grid__cell--selvedge{background:#fef9c3!important}.warp-order-grid__row:nth-child(odd) td.warp-order-grid__cell--selvedge,.warp-order-grid tbody tr:nth-child(odd) td.warp-order-grid__cell--selvedge{background:#fef3c7!important}.warp-order-grid__cell--selvedge-left{border-left:3px solid #f59e0b}.warp-order-grid__cell--selvedge-right{border-right:3px solid #f59e0b}.warp-order-grid__repeat-cell--selvedge{background:#fef9c3!important}.warp-order-grid__repeat-cell--selvedge-left{border-left:3px solid #f59e0b}.warp-order-grid__repeat-cell--selvedge-right{border-right:3px solid #f59e0b}.warp-order-grid__input{width:100%;max-width:50px;padding:var(--space-1);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center;font-variant-numeric:tabular-nums;background:transparent}.warp-order-grid__cell--repeat .warp-order-grid__input{background:transparent}.warp-order-grid__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-100)}.warp-order-grid__input::-webkit-outer-spin-button,.warp-order-grid__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.warp-order-grid__input[type=number]{-moz-appearance:textfield}.warp-order-grid__total-cell{padding:var(--space-2);text-align:center;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-100);color:var(--color-gray-800)}.warp-order-grid__repeat-row{background:var(--color-gray-100)}.warp-order-grid__repeat-label{padding:var(--space-2);font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.warp-order-grid__repeat-cell{padding:var(--space-2);text-align:center}.warp-order-grid__repeat-cell--active{background:var(--color-primary-100)}.warp-order-grid__repeat-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.warp-order-grid__repeat-checkbox:disabled{cursor:not-allowed;opacity:.6}.btn-save-group{background:var(--color-primary);color:#fff;border:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-base);white-space:nowrap}.btn-save-group:hover:not(:disabled){background:var(--color-primary-dark)}.btn-save-group:disabled{opacity:.45;cursor:not-allowed}.warp-order-grid__grand-total{padding:var(--space-2);text-align:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-primary-800);background:var(--color-primary-100)}@media (max-width: 768px){.warp-order-section__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.warp-order-grid__yarn-header,.warp-order-grid__yarn-cell{width:150px;min-width:150px}.warp-order-grid__yarn-name{font-size:var(--font-size-xs)}}.warp-order-section--rtl .warp-order-grid{direction:rtl}.warp-order-section--rtl .warp-order-grid__yarn-cell,.warp-order-section--rtl .warp-order-grid__yarn-header,.warp-order-section--rtl .warp-order-grid__repeat-label,.warp-order-section--rtl .warp-order-grid__input,.warp-order-section--rtl .warp-order-grid__repeat-input,.warp-order-section--rtl .warp-order-grid__total-cell,.warp-order-section--rtl .warp-order-grid__total-header,.warp-order-section--rtl .warp-order-grid__grand-total,.warp-order-section--rtl .warp-order-grid__repeat-label-text{direction:ltr}.warp-order-section--rtl .warp-order-grid__yarn-cell-content{direction:ltr;justify-content:flex-start}.warp-order-section--rtl .warp-order-grid__repeat-label-badge{right:auto;left:28px}[data-theme=dark] .warp-order-section__repeat-label{color:var(--color-gray-400)}[data-theme=dark] .warp-order-section__header-divider{background:var(--color-gray-600)}[data-theme=dark] .warp-order-section__warp-ends-label{color:var(--color-gray-400)}[data-theme=dark] .warp-order-section__warp-ends-value{color:var(--color-gray-200)}[data-theme=dark] .warp-order-section__warp-ends-value--total{color:var(--color-primary-300)}[data-theme=dark] .warp-order-section__warp-ends-separator{color:var(--color-gray-600)}[data-theme=dark] .warp-order-grid__column-header--selvedge{background:#d9770633}[data-theme=dark] .warp-order-grid__column-header--selvedge-left{border-left-color:#d97706}[data-theme=dark] .warp-order-grid__column-header--selvedge-right{border-right-color:#d97706}[data-theme=dark] .warp-order-grid__selvedge-label{color:#fbbf24}[data-theme=dark] .warp-order-grid__cell--selvedge{background:#d9770626!important}[data-theme=dark] .warp-order-grid__row:nth-child(odd) td.warp-order-grid__cell--selvedge,[data-theme=dark] .warp-order-grid tbody tr:nth-child(odd) td.warp-order-grid__cell--selvedge{background:#d9770633!important}[data-theme=dark] .warp-order-grid__cell--selvedge-left{border-left-color:#d97706}[data-theme=dark] .warp-order-grid__cell--selvedge-right{border-right-color:#d97706}[data-theme=dark] .warp-order-grid__repeat-cell--selvedge{background:#d9770626!important}[data-theme=dark] .warp-order-grid__repeat-cell--selvedge-left{border-left-color:#d97706}[data-theme=dark] .warp-order-grid__repeat-cell--selvedge-right{border-right-color:#d97706}.warp-order-grid__validation{display:flex;justify-content:flex-end;margin-top:var(--space-2);padding-right:var(--space-2)}.warp-order-grid__validation-message{font-size:var(--font-size-sm);color:#b45309;font-style:italic}.warp-order-grid__validation-message--success{color:#15803d;font-style:normal}.warp-order-section--rtl .warp-order-grid__validation{justify-content:flex-start;padding-right:0;padding-left:var(--space-2)}[data-theme=dark] .warp-order-grid__validation-message{color:#fbbf24}[data-theme=dark] .warp-order-grid__validation-message--success{color:#4ade80}[data-theme=dark] .warp-order-section__status--success{background:#22c55e33;color:#4ade80}[data-theme=dark] .warp-order-section__status--warning{background:#d9770633;color:#fbbf24}.yarn-requirements{margin-top:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.yarn-requirements__title{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.yarn-requirements__list{display:flex;flex-direction:column;gap:var(--space-2)}.yarn-requirements__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-sm)}.yarn-requirements__yarn{display:flex;align-items:center;gap:var(--space-2)}.yarn-requirements__swatch{width:16px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);flex-shrink:0}.yarn-requirements__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.yarn-requirements__details{display:flex;flex-direction:row;align-items:center;gap:var(--space-2)}.yarn-requirements__calculation{font-size:var(--font-size-sm);color:var(--color-gray-500)}.yarn-requirements__status{font-size:var(--font-size-sm);color:#15803d}.yarn-requirements__status--warning{color:#b45309}[data-theme=dark] .yarn-requirements{background:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .yarn-requirements__title{color:var(--color-gray-200)}[data-theme=dark] .yarn-requirements__item{background:var(--color-gray-700)}[data-theme=dark] .yarn-requirements__swatch{border-color:var(--color-gray-500)}[data-theme=dark] .yarn-requirements__name{color:var(--color-gray-200)}[data-theme=dark] .yarn-requirements__calculation{color:var(--color-gray-400)}[data-theme=dark] .yarn-requirements__status{color:#4ade80}[data-theme=dark] .yarn-requirements__status--warning{color:#fbbf24}.weft-order-section{margin-top:var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-4)}.weft-order-section--empty{padding:var(--space-6)}.weft-order-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.weft-order-section__title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.weft-order-section__empty-message{text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0}.weft-order-section__picks-required{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.weft-order-section__picks-required-label{color:var(--color-gray-500)}.weft-order-section__picks-required-value{font-weight:var(--font-weight-bold);color:var(--color-primary-700)}.weft-order-section__status{margin-left:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.weft-order-section__status--success{background:#dcfce7;color:#15803d}.weft-order-section__status--warning{background:#fef3c7;color:#b45309}.btn-add-row{background:var(--color-primary);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-base)}.btn-add-row:hover{background:var(--color-primary-dark)}.weft-order-grid__layout{display:flex;align-items:flex-start;gap:var(--space-4)}.weft-order-grid__sticky-button-wrapper{position:sticky;top:0;z-index:15;flex-shrink:0;padding-top:var(--space-2)}.weft-order-grid__sticky-button-wrapper .btn-save-group:disabled{opacity:.45;cursor:not-allowed}.weft-order-grid-wrapper{overflow-x:auto;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4)}.weft-order-grid{width:auto;border-collapse:separate;border-spacing:0;min-width:max-content}.weft-order-grid__action-header{width:40px;min-width:40px;padding:var(--space-2);background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-200)}.weft-order-grid__textile-header{width:90px;min-width:90px;padding:var(--space-2);background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-200);font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium);text-align:center}.weft-order-grid__textile-cell{padding:var(--space-1);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);vertical-align:middle}.weft-order-grid__textile-select{width:100%;min-width:80px;padding:var(--space-1);font-size:var(--font-size-xs);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-gray-700);cursor:pointer}.weft-order-grid__textile-select:hover{border-color:var(--color-primary)}.weft-order-grid__textile-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.weft-order-grid__textile-cell--empty{background:transparent;border:none}.weft-order-grid__yarn-header{width:100px;min-width:100px;padding:var(--space-2);background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-200);text-align:center}.weft-order-grid__yarn-header-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.weft-order-grid__color-swatch{width:16px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);flex-shrink:0}.weft-order-grid__yarn-name{font-size:var(--font-size-xs);color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.weft-order-grid__repeat-header{width:120px;min-width:120px;padding:var(--space-2);background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-200);font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.weft-order-grid__repeat-label-text{font-size:var(--font-size-xs);color:var(--color-gray-600)}.weft-order-grid__bracket-header{width:28px;min-width:28px;padding:0;background:transparent;border:none}.weft-order-grid__bracket-cell{width:28px;min-width:28px;padding:0;background:transparent;border:none;position:relative;vertical-align:middle}.weft-order-grid__bracket-cell--empty{background:transparent;border:none}.weft-order-grid__repeat-label-badge{position:absolute;left:8px;top:50%;transform:translateY(-50%);background:transparent;color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);padding:0;white-space:nowrap;z-index:10;display:flex;flex-direction:row;align-items:center;gap:var(--space-1)}.weft-order-grid__repeat-badge-text{display:inline-flex;align-items:center;gap:2px}.weft-order-section .btn-delete-group{background:none;border:none;cursor:pointer;padding:0;line-height:1;font-size:14px;filter:grayscale(100%);opacity:.5;transition:filter var(--transition-base),opacity var(--transition-base)}.weft-order-section .btn-delete-group:hover{filter:grayscale(0%);opacity:1}.weft-order-grid__repeat-input{width:36px;padding:2px 4px;border:1px solid var(--color-gray-300);border-radius:var(--radius-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center;background:#fff;color:var(--color-gray-800)}.weft-order-grid__repeat-input:focus{outline:none;border-color:var(--color-gray-500);box-shadow:0 0 0 2px var(--color-gray-200)}.weft-order-grid__repeat-input::-webkit-outer-spin-button,.weft-order-grid__repeat-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.weft-order-grid__repeat-input[type=number]{-moz-appearance:textfield}.weft-order-grid__row{background:#fff}.weft-order-grid__row:nth-child(2n){background:var(--color-gray-50)}.weft-order-grid__row--repeat{background:var(--color-primary-50)}.weft-order-grid__row--textile-group-end td{border-bottom:2px solid var(--color-gray-400)}.weft-order-grid__action-cell{width:60px;min-width:60px;padding:var(--space-1);text-align:center;border-bottom:1px solid var(--color-gray-200);vertical-align:middle}.weft-order-grid__action-cell-inner{display:inline-flex;gap:var(--space-1);align-items:center;justify-content:center}.btn-remove-row{background:none;border:none;color:var(--color-gray-400);font-size:var(--font-size-lg);cursor:pointer;padding:0;line-height:1;transition:color var(--transition-base)}.btn-remove-row:hover{color:var(--color-error)}.btn-duplicate-row{background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:2px;line-height:1;transition:color var(--transition-base);display:flex;align-items:center;justify-content:center}.btn-duplicate-row:hover{color:var(--color-primary)}.btn-duplicate-row svg{display:block}.weft-order-grid__cell{width:100px;min-width:100px;padding:var(--space-1);border-bottom:1px solid var(--color-gray-200);text-align:center}.weft-order-grid__cell--repeat{background:var(--color-primary-100)}.weft-order-grid__input{width:100%;max-width:60px;padding:var(--space-1);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center;font-variant-numeric:tabular-nums;background:transparent}.weft-order-grid__cell--repeat .weft-order-grid__input{background:transparent}.weft-order-grid__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-100)}.weft-order-grid__input::-webkit-outer-spin-button,.weft-order-grid__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.weft-order-grid__input[type=number]{-moz-appearance:textfield}.weft-order-grid__repeat-cell{width:120px;min-width:120px;padding:var(--space-2);text-align:center;border-bottom:1px solid var(--color-gray-200)}.weft-order-grid__repeat-cell--active{background:var(--color-primary-100)}.weft-order-grid__repeat-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.weft-order-grid__repeat-checkbox:disabled{cursor:not-allowed;opacity:.6}.weft-order-grid__total-row{background:var(--color-gray-100)}.weft-order-grid__total-label{padding:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-align:center}.weft-order-grid__total-cell{padding:var(--space-2);text-align:center;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;border-top:2px solid var(--color-gray-200);background:var(--color-gray-100);color:var(--color-gray-800)}.weft-order-grid__grand-total{padding:var(--space-2);text-align:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-primary-800);background:var(--color-primary-100);border-top:2px solid var(--color-gray-200)}.weft-order-grid__picks-summary{margin-top:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.weft-order-grid__picks-summary--success{color:#15803d}.weft-order-grid__picks-summary--warning{color:#b45309}.weft-order-section .btn-save-group{background:var(--color-primary);color:#fff;border:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-base);white-space:nowrap}.weft-order-section .btn-save-group:hover{background:var(--color-primary-dark)}@media (max-width: 768px){.weft-order-section__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.weft-order-grid__yarn-header,.weft-order-grid__cell{width:80px;min-width:80px}.weft-order-grid__yarn-name{font-size:var(--font-size-xs);max-width:70px}}.weft-order-section--btt .weft-order-section__title:after{content:" ↑";font-size:var(--font-size-sm);color:var(--color-gray-500)}.weft-order-section:not(.weft-order-section--btt) .weft-order-section__title:after{content:" ↓";font-size:var(--font-size-sm);color:var(--color-gray-500)}.weft-order-section .yarn-requirements{margin-top:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.weft-order-section .yarn-requirements__title{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.weft-order-section .yarn-requirements__list{display:flex;flex-direction:column;gap:var(--space-2)}.weft-order-section .yarn-requirements__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-sm)}.weft-order-section .yarn-requirements__yarn{display:flex;align-items:center;gap:var(--space-2)}.weft-order-section .yarn-requirements__swatch{width:16px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);flex-shrink:0}.weft-order-section .yarn-requirements__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.weft-order-section .yarn-requirements__details{display:flex;flex-direction:row;align-items:center;gap:var(--space-2)}.weft-order-section .yarn-requirements__calculation{font-size:var(--font-size-sm);color:var(--color-gray-500)}.weft-order-section .yarn-requirements__status{font-size:var(--font-size-sm);color:var(--color-gray-700)}.weft-order-section .yarn-requirements__status--warning{color:#b45309}[data-theme=dark] .weft-order-section__picks-required-label{color:var(--color-gray-400)}[data-theme=dark] .weft-order-section__picks-required-value{color:var(--color-primary-300)}[data-theme=dark] .weft-order-section__status--success{background:#22c55e33;color:#4ade80}[data-theme=dark] .weft-order-section__status--warning{background:#d9770633;color:#fbbf24}[data-theme=dark] .weft-order-section .yarn-requirements{background:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .weft-order-section .yarn-requirements__title{color:var(--color-gray-200)}[data-theme=dark] .weft-order-section .yarn-requirements__item{background:var(--color-gray-700)}[data-theme=dark] .weft-order-section .yarn-requirements__swatch{border-color:var(--color-gray-500)}[data-theme=dark] .weft-order-section .yarn-requirements__name{color:var(--color-gray-200)}[data-theme=dark] .weft-order-section .yarn-requirements__calculation{color:var(--color-gray-400)}[data-theme=dark] .weft-order-section .yarn-requirements__status{color:var(--color-gray-300)}[data-theme=dark] .weft-order-section .yarn-requirements__status--warning{color:#fbbf24}.selectable-grid,.selectable-grid__matrix-wrapper{position:relative;display:inline-block}.selectable-grid__marker{position:absolute;width:12px;height:12px;background:var(--color-gray-400);border:2px solid var(--color-gray-500);border-radius:50%;cursor:ew-resize;z-index:20;transition:all .15s ease}.selectable-grid__marker--vertical{cursor:ns-resize}.selectable-grid__marker:hover{transform:scale(1.2);background:var(--color-primary);border-color:var(--color-primary-dark)}.selectable-grid__marker--dragging{transform:scale(1.3);background:#22c55e;border-color:#16a34a;box-shadow:0 0 8px #22c55e80}.selectable-grid__selection-overlay{position:absolute;background:#22c55e33;border:2px solid #22c55e;border-radius:2px;pointer-events:none;z-index:5;animation:selectionPulse 1.5s ease-in-out infinite}@keyframes selectionPulse{0%,to{border-color:#22c55e;box-shadow:0 0 #22c55e66}50%{border-color:#16a34a;box-shadow:0 0 8px 2px #22c55e4d}}.selectable-grid__context-menu{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;padding:var(--space-1);min-width:120px;z-index:1000}.selectable-grid__context-menu-item{display:block;width:100%;padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .1s ease}.selectable-grid__context-menu-item:hover{background:var(--color-gray-100)}.selectable-grid__context-menu-item:active{background:var(--color-gray-200)}.selectable-grid__color-bar{display:flex;position:absolute;z-index:3}.selectable-grid__color-bar--horizontal{flex-direction:row;top:-10px;left:0}.selectable-grid__color-bar--vertical{flex-direction:column;left:-10px;top:0}.selectable-grid__color-cell{flex-shrink:0;border:1px solid rgba(0,0,0,.1)}[data-theme=dark] .selectable-grid__marker{background:var(--color-gray-500);border-color:var(--color-gray-400)}[data-theme=dark] .selectable-grid__marker:hover{background:var(--color-primary);border-color:var(--color-primary)}[data-theme=dark] .selectable-grid__context-menu{background:var(--color-gray-800);border-color:var(--color-gray-700);box-shadow:0 4px 12px #0006}[data-theme=dark] .selectable-grid__context-menu-item{color:var(--color-gray-200)}[data-theme=dark] .selectable-grid__context-menu-item:hover{background:var(--color-gray-700)}[data-theme=dark] .selectable-grid__context-menu-item:active{background:var(--color-gray-600)}[data-theme=dark] .selectable-grid__color-cell{border-color:#ffffff1a}.floating-scroll-control{position:fixed;z-index:100;pointer-events:none}.floating-scroll-control--vertical{bottom:var(--space-6);left:50%;transform:translate(-50%)}.floating-scroll-control--horizontal{right:var(--space-4);top:50%;transform:translateY(-50%)}.floating-scroll-control__inner{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#fffffff2;border-radius:var(--radius-full);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;border:1px solid var(--color-gray-200);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.floating-scroll-control__inner--vertical{flex-direction:column;padding:var(--space-3) var(--space-2)}.floating-scroll-control__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-gray-600);cursor:pointer;transition:all .15s ease}.floating-scroll-control__btn:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.floating-scroll-control__btn:active{background:var(--color-gray-200);transform:scale(.95)}.floating-scroll-control__btn--jump{width:36px;height:36px;color:var(--color-primary-600)}.floating-scroll-control__btn--jump:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.floating-scroll-control__indicator{min-width:44px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);text-align:center;background:var(--color-gray-50);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none}@media (max-width: 640px){.floating-scroll-control--vertical{bottom:var(--space-4);left:50%;right:auto;transform:translate(-50%)}.floating-scroll-control--horizontal{right:var(--space-2)}.floating-scroll-control__inner{padding:var(--space-1) var(--space-2);gap:2px}.floating-scroll-control__inner--vertical{padding:var(--space-2) var(--space-1)}.floating-scroll-control__btn{width:36px;height:36px}.floating-scroll-control__btn--jump{width:40px;height:40px}.floating-scroll-control__indicator{min-width:40px;font-size:var(--font-size-sm)}}.floating-scroll-control__btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-200)}.floating-scroll-control__btn:focus:not(:focus-visible){box-shadow:none}.floating-scroll-control__btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary-400)}@media (prefers-color-scheme: dark){.floating-scroll-control__inner{background:#1e1e1ef2;border-color:var(--color-gray-700)}.floating-scroll-control__btn{color:var(--color-gray-300)}.floating-scroll-control__btn:hover{background:var(--color-gray-700);color:var(--color-gray-100)}.floating-scroll-control__indicator{background:var(--color-gray-800);color:var(--color-gray-400)}}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.export-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:400px;overflow:hidden}.export-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.export-modal__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.export-modal__close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-sm);transition:color .15s ease,background-color .15s ease}.export-modal__close:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.export-modal__body{padding:var(--space-5)}.export-modal__field{display:flex;flex-direction:column;gap:var(--space-2)}.export-modal__label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.export-modal__input-wrapper{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.export-modal__input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.export-modal__input{flex:1;padding:var(--space-3);border:none;font-size:var(--text-base);background:transparent;color:var(--color-text-primary);outline:none;min-width:0}.export-modal__input::placeholder{color:var(--color-text-tertiary)}.export-modal__input--error{background-color:var(--color-error-bg, #fef2f2)}.export-modal__extension{display:flex;align-items:center;padding:0 var(--space-3);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;border-left:1px solid var(--color-border)}.export-modal__error{font-size:var(--text-sm);color:var(--color-error, #dc2626);margin:0}.export-modal__hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.export-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.export-modal__btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.export-modal__btn--secondary{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.export-modal__btn--secondary:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.export-modal__btn--primary{background-color:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.export-modal__btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.export-modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}.drawdown-ease-slider{display:flex;flex-direction:column;gap:6px;padding:8px 0;min-width:140px}.drawdown-ease-slider--disabled{opacity:.5;pointer-events:none}.drawdown-ease-slider__label{display:flex;align-items:center;justify-content:space-between;gap:8px}.drawdown-ease-slider__title{font-size:12px;font-weight:500;color:var(--color-gray-700, #374151)}.drawdown-ease-slider__value{font-size:12px;font-weight:600;color:var(--color-primary-600, #2563eb);min-width:36px;text-align:right}.drawdown-ease-slider__track-container{position:relative;height:32px}.drawdown-ease-slider__input{position:absolute;top:0;left:0;width:100%;height:24px;margin:0;padding:0;background:transparent;cursor:pointer;z-index:3;-webkit-appearance:none;-moz-appearance:none;appearance:none}.drawdown-ease-slider__input::-webkit-slider-thumb{pointer-events:auto}.drawdown-ease-slider__input::-moz-range-thumb{pointer-events:auto}.drawdown-ease-slider__input::-webkit-slider-runnable-track{height:4px;background:var(--color-gray-200, #e5e7eb);border-radius:2px}.drawdown-ease-slider__input::-moz-range-track{height:4px;background:var(--color-gray-200, #e5e7eb);border-radius:2px}.drawdown-ease-slider__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary-500, #3b82f6);border:2px solid white;border-radius:50%;cursor:grab;margin-top:-6px;box-shadow:0 1px 3px #0003;transition:transform .1s ease,box-shadow .1s ease}.drawdown-ease-slider__input::-moz-range-thumb{width:16px;height:16px;background:var(--color-primary-500, #3b82f6);border:2px solid white;border-radius:50%;cursor:grab;box-shadow:0 1px 3px #0003;transition:transform .1s ease,box-shadow .1s ease}.drawdown-ease-slider__input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 4px #0000004d}.drawdown-ease-slider__input::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 4px #0000004d}.drawdown-ease-slider__input::-webkit-slider-thumb:active{cursor:grabbing}.drawdown-ease-slider__input::-moz-range-thumb:active{cursor:grabbing}.drawdown-ease-slider__input:focus{outline:none}.drawdown-ease-slider__input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-primary-400, #60a5fa);outline-offset:2px}.drawdown-ease-slider__input:focus-visible::-moz-range-thumb{outline:2px solid var(--color-primary-400, #60a5fa);outline-offset:2px}.drawdown-ease-slider__steps{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none}.drawdown-ease-slider__step{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;background:none;border:none;cursor:pointer;pointer-events:auto;transition:opacity .15s ease}.drawdown-ease-slider__step:hover:not(:disabled){opacity:.8}.drawdown-ease-slider__step:disabled{cursor:not-allowed}.drawdown-ease-slider__step-dot{width:8px;height:8px;border-radius:50%;background:var(--color-gray-300, #d1d5db);margin-top:8px;transition:background-color .15s ease,transform .15s ease}.drawdown-ease-slider__step--active .drawdown-ease-slider__step-dot{background:var(--color-primary-500, #3b82f6)}.drawdown-ease-slider__step:hover:not(:disabled) .drawdown-ease-slider__step-dot{transform:scale(1.2)}.drawdown-ease-slider__step-label{font-size:9px;color:var(--color-gray-500, #6b7280);font-weight:500;margin-top:2px}.drawdown-ease-slider__step--active .drawdown-ease-slider__step-label{color:var(--color-primary-600, #2563eb)}.pattern-editor{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.pattern-editor__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.pattern-editor__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.pattern-editor__divider{border:none;border-top:1px solid var(--color-gray-200);margin:0}.pattern-editor__main-layout{display:flex;gap:var(--space-4);align-items:flex-start;overflow-x:auto}.pattern-editor__right-rail{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);position:sticky;top:var(--space-4)}.pattern-editor__rail-section{display:flex;flex-direction:column;gap:var(--space-2)}.pattern-editor__rail-section:not(:last-child){padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-200)}.pattern-editor__rail-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0}.pattern-editor__rail-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.pattern-editor__controls{display:flex;gap:var(--space-2);flex-wrap:wrap}.pattern-editor__control-group{display:flex;align-items:center;gap:var(--space-2)}.pattern-editor__label{font-size:var(--font-size-sm);color:var(--color-gray-600);white-space:nowrap}.pattern-editor__input{width:90px;height:32px;padding:0 var(--space-2);font-size:var(--font-size-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);text-align:center}.pattern-editor__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #60a5fa33}.pattern-editor__wif-controls{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-4);padding-left:var(--space-4);border-left:1px solid var(--color-gray-300)}.pattern-editor__wif-controls .drawdown-ease-slider{padding-right:var(--space-4);margin-right:var(--space-2);border-right:1px solid var(--color-gray-300)}.pattern-editor__wif-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.pattern-editor__wif-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.pattern-editor__wif-btn svg{width:16px;height:16px;flex-shrink:0}.pattern-editor__magnifier-btn{padding:var(--space-2);min-width:auto}.pattern-editor__magnifier-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pattern-editor__magnifier-btn--active:hover{background:var(--color-primary-dark, #2563eb);border-color:var(--color-primary-dark, #2563eb)}.pattern-editor__presets{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.pattern-editor__preset-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.pattern-editor__preset-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-gray-900)}.pattern-editor__preset-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.pattern-editor__preset-btn--project{border-style:dashed}.pattern-editor__preset-btn--custom{cursor:default;opacity:.8}.pattern-editor__preset-btn--custom:hover{background:var(--color-white);border-color:var(--color-gray-300);color:var(--color-gray-700)}.pattern-editor__preset-badge{display:inline-block;margin-left:var(--space-1);padding:0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);background:#6366f11a;border-radius:var(--radius-xs);text-transform:uppercase}.pattern-editor__preset-btn--active .pattern-editor__preset-badge{color:var(--color-white);background:#fff3}.pattern-editor__preset-btn--user{border-color:var(--color-accent-green);background:#22c55e0d}.pattern-editor__preset-btn--user:hover{background:#22c55e26;border-color:var(--color-accent-green)}.pattern-editor__preset-btn--user .pattern-editor__preset-badge{color:var(--color-accent-green);background:#22c55e26}.pattern-editor__presets-divider{grid-column:1 / -1;height:1px;background:var(--color-gray-200);margin:var(--space-1) 0}.pattern-editor__save-preset-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);background:transparent;border:1px dashed var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.pattern-editor__save-preset-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:#6366f10d}.pattern-editor__save-preset-btn svg{flex-shrink:0}.pattern-editor__grid-layout{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:5px;column-gap:24px;justify-content:start}.pattern-editor__threading-container{grid-column:1;grid-row:1}.pattern-editor__tieup-container{grid-column:2;grid-row:1}.pattern-editor__drawdown-container{grid-column:1;grid-row:2}.pattern-editor__treadling-container{grid-column:2;grid-row:2}.pattern-editor__grid-layout--swedish{grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:start;gap:5px;column-gap:24px}.pattern-editor__grid-layout--swedish .pattern-editor__drawdown-container{grid-column:1;grid-row:1}.pattern-editor__grid-layout--swedish .pattern-editor__treadling-container{grid-column:2;grid-row:1}.pattern-editor__grid-layout--swedish .pattern-editor__threading-container{grid-column:1;grid-row:2}.pattern-editor__grid-layout--swedish .pattern-editor__tieup-container{grid-column:2;grid-row:2}.pattern-editor__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);margin-bottom:var(--space-2);text-align:center;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:2px;width:100%}.pattern-editor__section-title-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.pattern-editor__section-title-row .pattern-editor__section-title{margin-bottom:0}.pattern-editor__show-tools-link{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0;opacity:.8;transition:opacity var(--transition-fast)}.pattern-editor__show-tools-link:hover{opacity:1;text-decoration:underline}.matrix-grid{display:inline-block;border:1px solid var(--color-gray-400);background:var(--color-white)}.matrix-grid__row{display:flex}.matrix-grid__cell{width:16px;height:16px;border:1px solid var(--color-gray-200);background:var(--color-white);cursor:pointer;transition:background var(--transition-fast)}.matrix-grid__cell:hover{background:var(--color-gray-100)}.matrix-grid__cell--filled{background:var(--color-gray-800)}.matrix-grid__cell--filled:hover{background:var(--color-gray-700)}.matrix-grid--editable .matrix-grid__cell:hover{box-shadow:inset 0 0 0 2px var(--color-primary)}.matrix-grid--drawdown .matrix-grid__cell{cursor:default}.matrix-grid--drawdown .matrix-grid__cell:hover{background:inherit;box-shadow:none}.matrix-grid--size-xxs .matrix-grid__cell{width:4px;height:4px;border-width:.5px}.matrix-grid--size-xs .matrix-grid__cell{width:8px;height:8px;border-width:.5px}.matrix-grid--size-sm .matrix-grid__cell{width:12px;height:12px}.matrix-grid--size-lg .matrix-grid__cell{width:20px;height:20px}.matrix-grid--size-xl .matrix-grid__cell{width:24px;height:24px}.matrix-grid__cell-inner{width:100%;height:100%;transition:background var(--transition-fast)}.drawdown-preview{max-width:100%;overflow:auto}.drawdown-preview__canvas{border:1px solid var(--color-gray-400);background:var(--color-white)}.pattern-editor__colors{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.pattern-editor__color-group{display:flex;align-items:center;gap:var(--space-2)}.pattern-editor__color-section{display:flex;flex-direction:column;gap:var(--space-2)}.pattern-editor__color-section:not(:last-child){padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px dashed var(--color-gray-200)}.pattern-editor__color-section-header{display:flex;justify-content:space-between;align-items:center}.pattern-editor__color-section-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.pattern-editor__color-add-btn{width:24px;height:24px;padding:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.pattern-editor__color-add-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.pattern-editor__color-add-btn:disabled{opacity:.5;cursor:not-allowed}.pattern-editor__color-list{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:flex-start}.pattern-editor__color-item{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm)}.pattern-editor__color-remove-btn{width:18px;height:18px;padding:0;font-size:var(--font-size-md);line-height:1;color:var(--color-gray-500);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.pattern-editor__color-remove-btn:hover{color:var(--color-error);background:var(--color-gray-100)}.pattern-editor__color-item--yarn{position:relative;padding:2px;width:fit-content}.pattern-editor__yarn-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 1px 2px #00000014;cursor:default}.pattern-editor__color-item--yarn .pattern-editor__color-remove-btn{position:absolute;top:-2px;right:-2px;width:16px;height:16px;font-size:var(--font-size-xs);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:50%;opacity:0;transition:opacity var(--transition-fast)}.pattern-editor__color-item--yarn:hover .pattern-editor__color-remove-btn{opacity:1}.pattern-editor__color-empty{width:100%;font-size:var(--font-size-xs);color:var(--color-gray-500);font-style:italic;text-align:center;padding:var(--space-2)}.pattern-editor__color-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0;padding-top:var(--space-2);border-top:1px dashed var(--color-gray-200)}.pattern-editor__edit-controls{display:flex;flex-direction:column;gap:var(--space-2)}.pattern-editor__clipboard-info{font-size:var(--font-size-xs);color:var(--color-gray-600);background:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.pattern-editor__undo-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.pattern-editor__undo-btn:hover{background:var(--color-primary);color:var(--color-white)}.pattern-editor__undo-btn svg{flex-shrink:0}.pattern-editor__edit-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);font-style:italic}.pattern-editor__style-toggle{display:inline-flex;width:fit-content;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm)}.pattern-editor__style-toggle>:first-child,.pattern-editor__style-toggle>:first-child .pattern-editor__style-btn{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.pattern-editor__style-toggle>:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.pattern-editor__style-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);background:var(--color-white);border:none;cursor:pointer;transition:all var(--transition-fast)}.pattern-editor__style-btn:not(:last-child){border-right:1px solid var(--color-gray-300)}.pattern-editor__style-btn:hover{background:var(--color-gray-100)}.pattern-editor__style-btn--active{background:var(--color-primary);color:var(--color-white)}.pattern-editor__style-btn--active:hover{background:var(--color-primary-dark)}.pattern-editor__style-dropdown{position:relative;border-right:1px solid var(--color-gray-300)}.pattern-editor__style-dropdown .pattern-editor__style-btn{display:flex;align-items:center;height:100%}.pattern-editor__style-dropdown-arrow{margin-left:var(--space-1);font-size:8px;opacity:.7}.pattern-editor__style-dropdown-menu{position:absolute;top:100%;left:0;min-width:120px;margin-top:2px;padding:var(--space-1) 0;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:100}.pattern-editor__style-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.pattern-editor__style-dropdown-item:hover{background:var(--color-gray-100)}.pattern-editor__style-dropdown-item--active{color:var(--color-primary)}.pattern-editor__style-check{color:var(--color-primary);font-weight:700}.pattern-editor__color-swatch{width:24px;height:24px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast)}.pattern-editor__color-swatch:hover{border-color:var(--color-primary)}.pattern-editor__color-input{width:80px;height:32px;padding:0;border:none;background:transparent;cursor:pointer}.pattern-editor__import{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.pattern-editor__import-label{font-size:var(--font-size-sm);color:var(--color-gray-600)}.pattern-editor__import-input{flex:1}.pattern-editor__import-input input[type=file]{display:none}.pattern-editor__import-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.pattern-editor__import-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.pattern-editor__import-btn svg{width:16px;height:16px}.pattern-editor__error{color:var(--color-error);font-size:var(--font-size-sm);margin-left:var(--space-2)}.pattern-editor__actions{display:flex;flex-direction:column;gap:var(--space-2)}.pattern-editor__actions .btn--primary,.pattern-editor__actions .btn--secondary{width:100%}[data-theme=dark] .pattern-editor{background:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .pattern-editor__title{color:var(--color-gray-100)}[data-theme=dark] .pattern-editor__divider{border-top-color:var(--color-gray-600)}[data-theme=dark] .pattern-editor__label{color:var(--color-gray-400)}[data-theme=dark] .pattern-editor__input{background:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-100)}[data-theme=dark] .pattern-editor__right-rail{background:var(--color-gray-700);border-color:var(--color-gray-600)}[data-theme=dark] .pattern-editor__rail-section:not(:last-child){border-color:var(--color-gray-600)}[data-theme=dark] .pattern-editor__rail-title{color:var(--color-gray-300)}[data-theme=dark] .pattern-editor__preset-btn{background:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-300)}[data-theme=dark] .pattern-editor__preset-btn:hover{background:var(--color-gray-600);border-color:var(--color-primary)}[data-theme=dark] .pattern-editor__preset-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}[data-theme=dark] .pattern-editor__preset-btn--active:hover{background:var(--color-primary-dark, #4f46e5);border-color:var(--color-primary-dark, #4f46e5)}[data-theme=dark] .pattern-editor__preset-btn--user{border-color:var(--color-accent-green);background:#22c55e1a}[data-theme=dark] .pattern-editor__preset-btn--user:hover{background:#22c55e33;border-color:var(--color-accent-green)}[data-theme=dark] .pattern-editor__presets-divider{background:var(--color-gray-600)}[data-theme=dark] .pattern-editor__save-preset-btn{color:var(--color-gray-400);border-color:var(--color-gray-600)}[data-theme=dark] .pattern-editor__save-preset-btn:hover{color:var(--color-primary-light);border-color:var(--color-primary-light);background:#818cf81a}[data-theme=dark] .pattern-editor__style-toggle{border-color:var(--color-gray-600)}[data-theme=dark] .pattern-editor__style-btn{background:var(--color-gray-800);color:var(--color-gray-400)}[data-theme=dark] .pattern-editor__style-btn:not(:last-child){border-color:var(--color-gray-600)}[data-theme=dark] .pattern-editor__style-btn:hover{background:var(--color-gray-700)}[data-theme=dark] .pattern-editor__style-btn--active{background:var(--color-primary);color:var(--color-white)}[data-theme=dark] .pattern-editor__style-dropdown-menu{background:var(--color-gray-800);border-color:var(--color-gray-600)}[data-theme=dark] .pattern-editor__style-dropdown-item{color:var(--color-gray-300)}[data-theme=dark] .pattern-editor__style-dropdown-item:hover{background:var(--color-gray-700)}[data-theme=dark] .pattern-editor__style-dropdown-item--active,[data-theme=dark] .pattern-editor__style-check{color:var(--color-primary-light)}[data-theme=dark] .pattern-editor__section-title{color:var(--color-gray-400)}[data-theme=dark] .pattern-editor__show-tools-link{color:var(--color-primary-light)}[data-theme=dark] .matrix-grid,[data-theme=dark] .matrix-grid__cell{border-color:var(--color-gray-600);background:var(--color-gray-800)}[data-theme=dark] .matrix-grid__cell:hover{background:var(--color-gray-700)}[data-theme=dark] .matrix-grid__cell--filled{background:var(--color-gray-200)}[data-theme=dark] .matrix-grid__cell--filled:hover{background:var(--color-gray-300)}[data-theme=dark] .pattern-editor__import-btn{background:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-300)}[data-theme=dark] .pattern-editor__wif-controls{border-color:var(--color-gray-600)}[data-theme=dark] .pattern-editor__wif-btn{background:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-300)}[data-theme=dark] .pattern-editor__wif-btn:hover{background:var(--color-gray-700);border-color:var(--color-gray-500)}[data-theme=dark] .pattern-editor__actions{border-color:var(--color-gray-700)}[data-theme=dark] .pattern-editor__color-section:not(:last-child){border-color:var(--color-gray-600)}[data-theme=dark] .pattern-editor__color-section-label{color:var(--color-gray-400)}[data-theme=dark] .pattern-editor__color-item{background:var(--color-gray-800);border-color:var(--color-gray-600)}[data-theme=dark] .pattern-editor__color-remove-btn{color:var(--color-gray-400)}[data-theme=dark] .pattern-editor__color-remove-btn:hover{color:var(--color-error);background:var(--color-gray-700)}[data-theme=dark] .pattern-editor__clipboard-info{background:var(--color-gray-700);color:var(--color-gray-400)}[data-theme=dark] .pattern-editor__edit-hint{color:var(--color-gray-500)}@media (max-width: 1024px){.pattern-editor__main-layout{flex-direction:column}.pattern-editor__right-rail{position:static;flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.pattern-editor__rail-section{flex:1;min-width:200px}.pattern-editor__rail-section:not(:last-child){border-bottom:none;border-right:1px solid var(--color-gray-200);padding-bottom:0;padding-right:var(--space-4)}[data-theme=dark] .pattern-editor__rail-section:not(:last-child){border-right-color:var(--color-gray-600)}}@media (max-width: 768px){.pattern-editor__header{flex-direction:column;align-items:flex-start}.pattern-editor__right-rail{flex-direction:column}.pattern-editor__rail-section{min-width:auto}.pattern-editor__rail-section:not(:last-child){border-right:none;border-bottom:1px solid var(--color-gray-200);padding-right:0;padding-bottom:var(--space-3)}[data-theme=dark] .pattern-editor__rail-section:not(:last-child){border-bottom-color:var(--color-gray-600)}.pattern-editor__grid-layout{grid-template-columns:1fr;grid-template-rows:auto}.pattern-editor__tieup-container,.pattern-editor__threading-container,.pattern-editor__treadling-container,.pattern-editor__drawdown-container{grid-column:1;grid-row:auto}}.pattern-tab__sync-banner{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;margin-bottom:1.5rem;background-color:var(--color-info-bg, #e3f2fd);border:1px solid var(--color-info-border, #90caf9);border-radius:8px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pattern-tab__sync-banner-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-info-icon, #1976d2)}.pattern-tab__sync-banner-content{flex:1;min-width:0}.pattern-tab__sync-banner-title{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #1a1a1a)}.pattern-tab__sync-banner-description{margin:.25rem 0 0;font-size:.8125rem;color:var(--color-text-secondary, #666)}.pattern-tab__sync-banner-actions{display:flex;gap:.5rem;flex-shrink:0}.pattern-tab__sync-btn{padding:.375rem .875rem;font-size:.8125rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .15s ease;border:none}.pattern-tab__sync-btn--apply{background-color:var(--color-primary, #2d5a87);color:#fff}.pattern-tab__sync-btn--apply:hover{background-color:var(--color-primary-hover, #234a6f)}.pattern-tab__sync-btn--secondary{background-color:var(--color-primary-light, #4a7ba8);color:#fff}.pattern-tab__sync-btn--secondary:hover{background-color:var(--color-primary, #2d5a87)}.pattern-tab__sync-btn--dismiss{background-color:transparent;color:var(--color-text-secondary, #666);border:1px solid var(--color-border, #ddd)}.pattern-tab__sync-btn--dismiss:hover{background-color:var(--color-surface-hover, #f5f5f5);border-color:var(--color-border-hover, #ccc)}[data-theme=dark] .pattern-tab__sync-banner{background-color:var(--color-info-bg-dark, #1e3a5f);border-color:var(--color-info-border-dark, #2d5a87)}[data-theme=dark] .pattern-tab__sync-banner-icon{color:var(--color-info-icon-dark, #64b5f6)}[data-theme=dark] .pattern-tab__sync-banner-title{color:var(--color-text-primary-dark, #e0e0e0)}[data-theme=dark] .pattern-tab__sync-banner-description{color:var(--color-text-secondary-dark, #aaa)}[data-theme=dark] .pattern-tab__sync-btn--dismiss{color:var(--color-text-secondary-dark, #aaa);border-color:var(--color-border-dark, #444)}[data-theme=dark] .pattern-tab__sync-btn--dismiss:hover{background-color:var(--color-surface-hover-dark, #333);border-color:var(--color-border-hover-dark, #555)}@media (max-width: 480px){.pattern-tab__sync-banner{flex-wrap:wrap}.pattern-tab__sync-banner-content{flex-basis:calc(100% - 36px)}.pattern-tab__sync-banner-actions{flex-basis:100%;margin-top:.5rem}}.unsaved-changes-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.unsaved-changes-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:420px;overflow:hidden}.unsaved-changes-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.unsaved-changes-modal__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.unsaved-changes-modal__close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-sm);transition:color .15s ease,background-color .15s ease}.unsaved-changes-modal__close:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.unsaved-changes-modal__body{padding:var(--space-5)}.unsaved-changes-modal__message{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.5;margin:0}.unsaved-changes-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.unsaved-changes-modal__btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.unsaved-changes-modal__btn--leave{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.unsaved-changes-modal__btn--leave:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.unsaved-changes-modal__btn--stay{background-color:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.unsaved-changes-modal__btn--stay:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}[data-theme=dark] .unsaved-changes-modal{background:var(--color-bg-primary)}.project-form{margin-top:var(--space-6)}.form-section{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.form-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary)}.form-subsection__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-top:var(--space-6);margin-bottom:var(--space-2)}.form-subsection__hint{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:0;margin-bottom:var(--space-4);font-style:italic}.form-group{margin-bottom:var(--space-5)}.form-group--small{max-width:120px}.form-row{display:flex;gap:var(--space-4);align-items:flex-end}.form-row .form-group{flex:1}.form-row .form-group--small{flex:0 0 auto}.form-row--three{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);align-items:end;margin-bottom:var(--space-5)}.form-row--three .form-group{margin-bottom:0}.form-row--two{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);align-items:end;margin-bottom:var(--space-5)}.form-row--two .form-group{margin-bottom:0}.form-group--with-unit{display:flex;gap:var(--space-2);align-items:flex-end}.form-group--with-unit .form-input-wrapper{flex:1}.form-group--with-unit .form-select-wrapper{width:110px;flex-shrink:0}.form-group--with-unit .form-label--unit{font-size:var(--font-size-xs)}.form-group--with-unit .form-select{width:100%;padding-right:var(--space-8)}.form-row--inline{display:flex;gap:var(--space-2);align-items:center}.form-select--small{width:auto;min-width:90px}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--space-2)}.form-label--with-help{display:flex;align-items:center;gap:var(--space-1)}.form-group--half{max-width:50%}.required{color:#dc2626}.validation-error-banner{padding:var(--space-3) var(--space-4);background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.form-section__divider{border:none;border-top:1px solid var(--color-gray-200);margin:var(--space-6) 0}.form-input--error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.form-input--error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262633!important}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:1px solid var(--color-gray-400);border-radius:var(--radius-md);background-color:#fff;color:var(--color-gray-900);transition:all var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-input--calculated{background-color:var(--color-gray-50);cursor:default}.form-input--calculated:focus{border-color:var(--color-gray-300);box-shadow:none}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:20px;padding-right:var(--space-10)}.form-textarea{resize:vertical;min-height:100px}.tags-input{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:#fff;min-height:46px;transition:all var(--transition-base)}.tags-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.tags-input__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tags-input__input{flex:1;min-width:150px;border:none;outline:none;padding:var(--space-1) 0;font-size:var(--font-size-base);background:transparent;color:var(--color-gray-900)}.tags-input__input::placeholder{color:var(--color-gray-400)}.tag-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.tag-pill:nth-child(3n+2){background-color:var(--color-accent-green-dark);color:var(--color-gray-900)}.tag-pill:nth-child(3n){background-color:var(--color-accent-brown);color:var(--color-gray-900)}.tag-pill__remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background-color:#ffffff4d;color:#fff;border-radius:var(--radius-full);cursor:pointer;font-size:14px;line-height:1;transition:background-color var(--transition-base)}.tag-pill__remove:hover{background-color:#ffffff80}.tag-pill:nth-child(3n+2) .tag-pill__remove,.tag-pill:nth-child(3n) .tag-pill__remove{background-color:#00000026;color:var(--color-gray-900)}.tag-pill:nth-child(3n+2) .tag-pill__remove:hover,.tag-pill:nth-child(3n) .tag-pill__remove:hover{background-color:#00000040}.form-input-with-calc{position:relative}.calc-hint{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--color-gray-500);background:#fff;padding:0 var(--space-1)}.file-upload-area{border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base)}.file-upload-area:hover{border-color:var(--color-primary);background-color:#3b82f605}.file-upload-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-gray-100);color:var(--color-gray-500);font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.file-upload-area p{margin:0;color:var(--color-gray-600)}.file-upload-hint{font-size:var(--font-size-sm);color:var(--color-gray-400)!important;margin-top:var(--space-1)!important}.dimensions-grid{display:flex;flex-direction:column;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.dimensions-grid__row{display:grid;grid-template-columns:140px 1fr 1fr;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-200)}.dimensions-grid__row:last-child{border-bottom:none}.dimensions-grid__row--header{background-color:var(--color-gray-50);padding:var(--space-2) var(--space-4)}.dimensions-grid__col-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600)}.dimensions-grid__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.dimensions-grid__cell{display:flex;align-items:center;gap:var(--space-2)}.dimensions-grid__cell--pct-only{justify-content:center}.dimensions-grid__input{text-align:center;max-width:140px;flex-shrink:0}.dimensions-grid__input--readonly{background-color:var(--color-gray-50);color:var(--color-gray-500);cursor:default}.dimensions-grid__unit{font-size:var(--font-size-sm);color:var(--color-gray-500);white-space:nowrap}.dimensions-grid__pct{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap}.dimensions-grid__row--overall{background-color:var(--color-gray-50);padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-gray-200)}.dimensions-grid__row--overall em{color:var(--color-primary);font-size:var(--font-size-sm)}@media (max-width: 480px){.dimensions-grid__row{grid-template-columns:100px 1fr 1fr;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.dimensions-grid__input{max-width:100px}}.allowances-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);margin-bottom:var(--space-6)}.allowances-summary__item{display:flex;flex-direction:column;gap:var(--space-1)}.allowances-summary__label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.allowances-summary__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}@media (max-width: 768px){.allowances-summary{grid-template-columns:repeat(2,1fr)}}.calculation-summary{margin-top:var(--space-6);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.calculation-summary h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.calculation-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-gray-200)}.calculation-row:last-child{border-bottom:none}.calculation-row span{color:var(--color-gray-600)}.calculation-row strong{color:var(--color-primary)}.form-section__next{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}.form-section__next .secondary-btn:not(.secondary-btn--outline){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.form-section__next .secondary-btn:not(.secondary-btn--outline):hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.form-section__next .secondary-btn--outline{background-color:transparent;border-color:var(--color-gray-300);color:var(--color-gray-700)}.form-section__next .secondary-btn--outline:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200)}.form-actions__left,.form-actions__right{display:flex;align-items:center;gap:var(--space-3)}.form-actions__success{color:var(--color-green-600, #16a34a);font-size:var(--font-size-sm);font-weight:500;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}.form-row .form-group--small{max-width:none}.form-row--three{grid-template-columns:1fr}.form-row--three .form-group{margin-bottom:var(--space-4)}.form-row--two{grid-template-columns:1fr}.form-row--two .form-group{margin-bottom:var(--space-4)}.form-section{padding:var(--space-4)}.form-actions{flex-direction:column;gap:var(--space-4)}.form-actions__left,.form-actions__right{flex-direction:column;width:100%}.form-actions .secondary-btn,.form-actions .primary-btn{width:100%;justify-content:center}}.page-header__actions{display:flex;gap:var(--space-3);align-items:center}.form-validation-warning{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.form-validation-warning__icon{flex-shrink:0;line-height:1}.form-validation-warning__text{font-size:var(--font-size-sm);color:#92400e;line-height:1.5}.form-validation-warning__link{color:#b45309;text-decoration:underline}.form-validation-warning__link:hover{color:#92400e}[data-theme=dark] .form-section{background-color:var(--color-gray-800);border:1px solid var(--color-gray-700)}[data-theme=dark] .form-section__title{color:var(--color-gray-100)}[data-theme=dark] .form-subsection__title{color:var(--color-gray-300)}[data-theme=dark] .form-subsection__hint{color:var(--color-gray-500)}[data-theme=dark] .dimensions-grid,[data-theme=dark] .dimensions-grid__row{border-color:var(--color-gray-700)}[data-theme=dark] .dimensions-grid__row--header{background-color:var(--color-gray-900)}[data-theme=dark] .dimensions-grid__col-header{color:var(--color-gray-400)}[data-theme=dark] .dimensions-grid__label{color:var(--color-gray-300)}[data-theme=dark] .dimensions-grid__input--readonly{background-color:var(--color-gray-900);color:var(--color-gray-500)}[data-theme=dark] .dimensions-grid__pct{color:var(--color-gray-500)}[data-theme=dark] .dimensions-grid__row--overall{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .dimensions-grid__row--overall em{color:var(--color-primary-light)}[data-theme=dark] .allowances-summary{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .allowances-summary__label{color:var(--color-gray-500)}[data-theme=dark] .allowances-summary__value{color:var(--color-gray-100)}[data-theme=dark] .form-section__divider{border-top-color:var(--color-gray-700)}[data-theme=dark] .form-label{color:var(--color-gray-300)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background-color:var(--color-gray-900);border-color:var(--color-gray-500);color:var(--color-gray-100)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #60a5fa33}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:var(--color-gray-500)}[data-theme=dark] .form-input--calculated{background-color:var(--color-gray-800)}[data-theme=dark] .form-input--calculated:focus{border-color:var(--color-gray-600);box-shadow:none}[data-theme=dark] .tags-input{background-color:var(--color-gray-900);border-color:var(--color-gray-600)}[data-theme=dark] .tags-input:focus-within{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #60a5fa33}[data-theme=dark] .tags-input__input{color:var(--color-gray-100)}[data-theme=dark] .tags-input__input::placeholder{color:var(--color-gray-500)}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%9ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}[data-theme=dark] .calc-hint{background:var(--color-gray-900);color:var(--color-gray-400)}[data-theme=dark] .file-upload-area{border-color:var(--color-gray-600)}[data-theme=dark] .file-upload-area:hover{border-color:var(--color-primary-light);background-color:#60a5fa0d}[data-theme=dark] .file-upload-icon{background-color:var(--color-gray-700);color:var(--color-gray-400)}[data-theme=dark] .file-upload-area p{color:var(--color-gray-300)}[data-theme=dark] .calculation-summary{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .calculation-summary h4{color:var(--color-gray-400)}[data-theme=dark] .calculation-row{border-color:var(--color-gray-700)}[data-theme=dark] .calculation-row span{color:var(--color-gray-400)}[data-theme=dark] .calculation-row strong{color:var(--color-primary-light)}[data-theme=dark] .form-section__next{border-color:var(--color-gray-700)}[data-theme=dark] .form-section__next .secondary-btn:not(.secondary-btn--outline){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}[data-theme=dark] .form-section__next .secondary-btn:not(.secondary-btn--outline):hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light)}[data-theme=dark] .form-section__next .secondary-btn--outline{background-color:transparent;border-color:var(--color-gray-600);color:var(--color-gray-300)}[data-theme=dark] .form-section__next .secondary-btn--outline:hover{background-color:var(--color-gray-700);border-color:var(--color-gray-500)}[data-theme=dark] .form-actions{border-color:var(--color-gray-700)}[data-theme=dark] .form-actions__success{color:var(--color-green-400, #4ade80)}[data-theme=dark] .validation-error-banner{background-color:#dc262626;border-color:#dc26264d;color:#f87171}[data-theme=dark] .form-input--error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262633!important}[data-theme=dark] .form-input--error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26264d!important}[data-theme=dark] .form-validation-warning{background-color:#f59e0b26;border-color:#f59e0b66}[data-theme=dark] .form-validation-warning__text{color:#fcd34d}[data-theme=dark] .form-validation-warning__link{color:#fbbf24}[data-theme=dark] .form-validation-warning__link:hover{color:#fcd34d}.inventory-toggle{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-gray-200)}.inventory-toggle__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--space-3)}.inventory-toggle__options{display:flex;gap:var(--space-3)}.inventory-toggle__option{flex:1;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background-color:#fff}.inventory-toggle__option:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.inventory-toggle__option--active{border-color:var(--color-primary);background-color:#3b82f60d}.inventory-toggle__option--active:hover{border-color:var(--color-primary);background-color:#3b82f614}.inventory-toggle__option input[type=radio]{margin-top:2px;accent-color:var(--color-primary)}.inventory-toggle__option-text{display:flex;flex-direction:column;gap:var(--space-1)}.inventory-toggle__option-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.inventory-toggle__option-desc{font-size:var(--font-size-sm);color:var(--color-gray-500)}@media (max-width: 640px){.inventory-toggle__options{flex-direction:column}}[data-theme=dark] .inventory-toggle{border-color:var(--color-gray-700)}[data-theme=dark] .inventory-toggle__label{color:var(--color-gray-300)}[data-theme=dark] .inventory-toggle__option{background-color:var(--color-gray-800);border-color:var(--color-gray-600)}[data-theme=dark] .inventory-toggle__option:hover{border-color:var(--color-gray-500);background-color:var(--color-gray-700)}[data-theme=dark] .inventory-toggle__option--active{border-color:var(--color-primary-light);background-color:#60a5fa1a}[data-theme=dark] .inventory-toggle__option--active:hover{border-color:var(--color-primary-light);background-color:#60a5fa26}[data-theme=dark] .inventory-toggle__option-title{color:var(--color-gray-100)}[data-theme=dark] .inventory-toggle__option-desc{color:var(--color-gray-400)}.inventory-select-section{margin-bottom:var(--space-4)}.yarn-select-group{padding:var(--space-4);background:linear-gradient(135deg,#3b82f60d,#22c55e0d);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.yarn-select-group .form-label{color:var(--color-primary)}.yarn-select-group .form-hint{color:var(--color-gray-600);font-style:italic}[data-theme=dark] .yarn-select-group{background:linear-gradient(135deg,#60a5fa1a,#4ade801a);border-color:var(--color-gray-600)}[data-theme=dark] .yarn-select-group .form-label{color:var(--color-primary-light)}[data-theme=dark] .yarn-select-group .form-hint{color:var(--color-gray-400)}.form-hint{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-500)}[data-theme=dark] .form-hint{color:var(--color-gray-400)}.form-label__calculated{margin-left:var(--space-2);font-size:var(--font-size-xs);font-weight:400;color:#16a34a}[data-theme=dark] .form-label__calculated{color:#4ade80}.form-label__discrepancy{margin-left:var(--space-2);font-size:var(--font-size-xs);font-weight:400;color:#d97706}.form-label__discrepancy-icon{margin-right:var(--space-1)}[data-theme=dark] .form-label__discrepancy{color:#fbbf24}.form-group--pattern-editor{margin-top:var(--space-4)}.form-group--pattern-editor .pattern-editor{background:transparent;padding:0;border:none;box-shadow:none}.form-group--pattern-editor .pattern-editor__header{padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.form-group--pattern-editor .pattern-editor__divider{display:none}.form-group--pattern-editor .pattern-editor__controls{flex-wrap:wrap;gap:var(--space-3)}.form-group--pattern-editor .pattern-editor__draft{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-4)}[data-theme=dark] .form-group--pattern-editor .pattern-editor__header,[data-theme=dark] .form-group--pattern-editor .pattern-editor__draft{background:var(--color-gray-900)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);max-width:500px;width:90%;animation:slideUp .2s ease}.modal-content--small{max-width:400px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--space-2) 0}.modal-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--space-4) 0}.modal-content .form-group{margin-bottom:var(--space-4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}[data-theme=dark] .modal-content{background:var(--color-gray-800)}[data-theme=dark] .modal-title{color:var(--color-gray-100)}[data-theme=dark] .modal-description{color:var(--color-gray-400)}.settings-page{min-height:100vh;background-color:var(--color-gray-50)}.settings-page__loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:var(--font-size-lg);color:var(--color-gray-600)}.settings-content{padding:var(--space-8) var(--space-6)}.settings-content__container{max-width:800px;margin:0 auto}.settings-content h2{font-size:var(--font-size-2xl);color:var(--color-gray-900);margin-bottom:var(--space-2)}.settings-content>.settings-content__container>p{color:var(--color-gray-600);margin-bottom:var(--space-8)}.settings-section{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.settings-section h3{font-size:var(--font-size-lg);color:var(--color-gray-900);margin-bottom:var(--space-2)}.settings-section__description{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.settings-field{margin-bottom:var(--space-6)}.settings-field__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--space-2)}.settings-field__select{width:100%;max-width:300px;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:#fff;color:var(--color-gray-900);cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.settings-field__select:hover{border-color:var(--color-gray-400)}.settings-field__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.settings-field__select:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.7}.settings-field__input{width:100%;max-width:300px;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:#fff;color:var(--color-gray-900);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.settings-field__input:hover{border-color:var(--color-gray-400)}.settings-field__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.settings-field__input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.7}.settings-field__input::placeholder{color:var(--color-gray-400)}.settings-field__help{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--space-2)}.settings-actions{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}.settings-save-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-base)}.settings-save-btn:hover:not(:disabled){background-color:var(--color-primary-dark)}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.settings-reset-btn{background-color:transparent;color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.settings-reset-btn:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.settings-toggle{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.settings-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.settings-toggle__label{font-size:var(--font-size-base);color:var(--color-gray-900)}.settings-success-message{color:var(--color-accent-green);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.settings-error-message{color:#dc2626;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.settings-structures{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.settings-structure{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.settings-structure:hover{border-color:var(--color-gray-300);background:var(--color-gray-100)}.settings-structure--selected{border-color:var(--color-primary);background:#6366f10d}.settings-structure--selected:hover{border-color:var(--color-primary-dark);background:#6366f11a}.settings-structure--disabled{opacity:.6;cursor:not-allowed}.settings-structure__checkbox{margin-top:var(--space-1);width:18px;height:18px;flex-shrink:0;accent-color:var(--color-primary)}.settings-structure__content{display:flex;flex-direction:column;gap:var(--space-1)}.settings-structure__name{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.settings-structure__description{font-size:var(--font-size-sm);color:var(--color-gray-500)}.settings-section+.settings-section{margin-top:var(--space-6)}@media (max-width: 768px){.settings-content{padding:var(--space-6) var(--space-4)}.settings-section{padding:var(--space-4)}.settings-field__select,.settings-field__input{max-width:100%}.settings-actions{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.settings-save-btn{width:100%}}[data-theme=dark] .settings-page{background-color:var(--color-gray-800)}[data-theme=dark] .settings-content h2{color:var(--color-gray-50)}[data-theme=dark] .settings-content>.settings-content__container>p{color:var(--color-gray-300)}[data-theme=dark] .settings-section{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .settings-section h3{color:var(--color-gray-50)}[data-theme=dark] .settings-section__description{color:var(--color-gray-400)}[data-theme=dark] .settings-field__label{color:var(--color-gray-200)}[data-theme=dark] .settings-field__select{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-100)}[data-theme=dark] .settings-field__select:hover{border-color:var(--color-gray-500)}[data-theme=dark] .settings-field__select:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #818cf833}[data-theme=dark] .settings-field__select:disabled{background-color:var(--color-gray-700)}[data-theme=dark] .settings-field__input{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-100)}[data-theme=dark] .settings-field__input:hover{border-color:var(--color-gray-500)}[data-theme=dark] .settings-field__input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #818cf833}[data-theme=dark] .settings-field__input:disabled{background-color:var(--color-gray-700)}[data-theme=dark] .settings-field__input::placeholder{color:var(--color-gray-500)}[data-theme=dark] .settings-field__help{color:var(--color-gray-400)}[data-theme=dark] .settings-actions{border-top-color:var(--color-gray-700)}[data-theme=dark] .settings-save-btn{background-color:var(--color-primary-light);color:var(--color-gray-900)}[data-theme=dark] .settings-save-btn:hover:not(:disabled){background-color:var(--color-primary);color:#fff}[data-theme=dark] .settings-reset-btn{color:var(--color-gray-300);border-color:var(--color-gray-600)}[data-theme=dark] .settings-reset-btn:hover{background-color:var(--color-gray-700);border-color:var(--color-gray-500)}[data-theme=dark] .settings-toggle__label{color:var(--color-gray-100)}[data-theme=dark] .settings-structure{background:var(--color-gray-800);border-color:var(--color-gray-600)}[data-theme=dark] .settings-structure:hover{border-color:var(--color-gray-500);background:var(--color-gray-700)}[data-theme=dark] .settings-structure--selected{border-color:var(--color-primary-light);background:#818cf81a}[data-theme=dark] .settings-structure--selected:hover{border-color:var(--color-primary);background:#818cf826}[data-theme=dark] .settings-structure__name{color:var(--color-gray-100)}[data-theme=dark] .settings-structure__description{color:var(--color-gray-400)}.settings-custom-presets{display:flex;flex-direction:column;gap:var(--space-3)}.settings-custom-preset{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.settings-custom-preset__toggle{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;flex:1}.settings-custom-preset__toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.settings-custom-preset__info{display:flex;flex-direction:column;gap:var(--space-1)}.settings-custom-preset__name{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.settings-custom-preset__meta{font-size:var(--font-size-sm);color:var(--color-gray-500)}.settings-custom-preset__delete{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.settings-custom-preset__delete:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}[data-theme=dark] .settings-custom-preset{background:var(--color-gray-800);border-color:var(--color-gray-600)}[data-theme=dark] .settings-custom-preset__name{color:var(--color-gray-100)}[data-theme=dark] .settings-custom-preset__meta{color:var(--color-gray-400)}[data-theme=dark] .settings-custom-preset__delete{border-color:var(--color-gray-600);color:var(--color-gray-400)}[data-theme=dark] .settings-custom-preset__delete:hover{background:#dc26261a;border-color:#dc2626;color:#f87171}.subscription-page{min-height:100vh;background-color:var(--color-gray-50)}.subscription-page__loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:var(--font-size-lg);color:var(--color-gray-600)}.subscription-content{padding:var(--space-8) var(--space-6)}.subscription-content__container{max-width:700px;margin:0 auto}.subscription-content h2{font-size:var(--font-size-2xl);color:var(--color-gray-900);margin-bottom:var(--space-2)}.subscription-content>.subscription-content__container>p{color:var(--color-gray-600);margin-bottom:var(--space-6)}.subscription-alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.subscription-alert--success{background-color:var(--color-green-50);border:1px solid var(--color-green-200);color:var(--color-green-800)}.subscription-alert--error{background-color:var(--color-red-50);border:1px solid var(--color-red-200);color:var(--color-red-800)}.subscription-alert--info{background-color:var(--color-blue-50);border:1px solid var(--color-blue-200);color:var(--color-blue-800)}.subscription-section{margin-bottom:var(--space-8)}.subscription-section h3{font-size:var(--font-size-lg);color:var(--color-gray-900);margin-bottom:var(--space-4)}.subscription-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);overflow:hidden}.subscription-card__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);border-bottom:1px solid var(--color-gray-200)}.subscription-card__tier{display:flex;align-items:center;gap:var(--space-3)}.subscription-card__tier-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.subscription-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.subscription-status--active{background-color:var(--color-green-100);color:var(--color-green-800)}.subscription-status--trialing{background-color:var(--color-blue-100);color:var(--color-blue-800)}.subscription-status--past-due{background-color:var(--color-yellow-100);color:var(--color-yellow-800)}.subscription-status--canceled,.subscription-status--none{background-color:var(--color-gray-100);color:var(--color-gray-600)}.subscription-card__price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700)}.subscription-card__price-period{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-gray-500)}.subscription-card__body{padding:var(--space-6)}.subscription-card__description{color:var(--color-gray-600);margin-bottom:var(--space-6)}.subscription-card__details{margin-bottom:var(--space-6)}.subscription-card__detail{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100)}.subscription-card__detail:last-child{border-bottom:none}.subscription-card__detail-label{color:var(--color-gray-600)}.subscription-card__detail-value{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.subscription-card__warning{padding:var(--space-3);background-color:var(--color-yellow-50);border:1px solid var(--color-yellow-200);border-radius:var(--radius-md);color:var(--color-yellow-800);font-size:var(--font-size-sm);margin-top:var(--space-4)}.subscription-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width: 600px){.subscription-features-grid{grid-template-columns:1fr}}.subscription-features{list-style:none;padding:0;margin:0}.subscription-features__item{display:flex;align-items:center;padding:var(--space-3) 0;color:var(--color-gray-700);font-size:var(--font-size-sm)}.subscription-features__item:before{content:"";width:20px;height:20px;margin-right:var(--space-3);background-size:contain;background-repeat:no-repeat}.subscription-features__item--included:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2316a34a'%3E%3Cpath fill-rule='evenodd' d='M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z' clip-rule='evenodd' /%3E%3C/svg%3E")}.subscription-interval-toggle{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);background-color:var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-1)}.subscription-interval-toggle__btn{flex:1;padding:var(--space-3) var(--space-4);border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.subscription-interval-toggle__btn:hover{color:var(--color-gray-900)}.subscription-interval-toggle__btn--active{background-color:#fff;color:var(--color-primary-700);box-shadow:var(--shadow-sm)}.subscription-interval-toggle__savings{font-size:var(--font-size-xs);color:var(--color-green-600);font-weight:var(--font-weight-normal)}.subscription-price-display{text-align:center;margin-bottom:var(--space-6)}.subscription-price-display__amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700)}.subscription-price-display__period{font-size:var(--font-size-lg);color:var(--color-gray-500)}.subscription-price-display__monthly{display:block;font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--space-1)}.subscription-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);width:100%}.subscription-btn:disabled{opacity:.6;cursor:not-allowed}.subscription-btn--primary{background-color:var(--color-primary);color:#fff}.subscription-btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.subscription-btn--secondary{background-color:#fff;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.subscription-btn--secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.subscription-faq{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);overflow:hidden}.subscription-faq__item{border-bottom:1px solid var(--color-gray-100)}.subscription-faq__item:last-child{border-bottom:none}.subscription-faq__item summary{padding:var(--space-4) var(--space-6);font-weight:var(--font-weight-medium);color:var(--color-gray-900);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.subscription-faq__item summary::-webkit-details-marker{display:none}.subscription-faq__item summary:after{content:"+";font-size:var(--font-size-lg);color:var(--color-gray-400);transition:transform var(--transition-base)}.subscription-faq__item[open] summary:after{content:"-"}.subscription-faq__item p{padding:0 var(--space-6) var(--space-4);color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.6}[data-theme=dark] .subscription-page{background-color:var(--color-gray-900)}[data-theme=dark] .subscription-content h2{color:var(--color-gray-100)}[data-theme=dark] .subscription-content>.subscription-content__container>p{color:var(--color-gray-400)}[data-theme=dark] .subscription-card{background:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .subscription-card__header{background:linear-gradient(135deg,var(--color-gray-800) 0%,var(--color-gray-700) 100%);border-color:var(--color-gray-700)}[data-theme=dark] .subscription-card__tier-name{color:var(--color-gray-100)}[data-theme=dark] .subscription-card__description{color:var(--color-gray-400)}[data-theme=dark] .subscription-card__detail{border-color:var(--color-gray-700)}[data-theme=dark] .subscription-card__detail-label{color:var(--color-gray-400)}[data-theme=dark] .subscription-card__detail-value{color:var(--color-gray-100)}[data-theme=dark] .subscription-features__item{color:var(--color-gray-300)}[data-theme=dark] .subscription-faq{background:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .subscription-faq__item{border-color:var(--color-gray-700)}[data-theme=dark] .subscription-faq__item summary{color:var(--color-gray-100)}[data-theme=dark] .subscription-faq__item p{color:var(--color-gray-400)}[data-theme=dark] .subscription-btn--secondary{background-color:var(--color-gray-700);color:var(--color-gray-200);border-color:var(--color-gray-600)}[data-theme=dark] .subscription-btn--secondary:hover:not(:disabled){background-color:var(--color-gray-600)}[data-theme=dark] .subscription-interval-toggle{background-color:var(--color-gray-700)}[data-theme=dark] .subscription-interval-toggle__btn{color:var(--color-gray-400)}[data-theme=dark] .subscription-interval-toggle__btn:hover{color:var(--color-gray-200)}[data-theme=dark] .subscription-interval-toggle__btn--active{background-color:var(--color-gray-600);color:var(--color-primary-400)}[data-theme=dark] .subscription-price-display__amount{color:var(--color-primary-400)}[data-theme=dark] .subscription-price-display__period,[data-theme=dark] .subscription-price-display__monthly{color:var(--color-gray-400)}.upgrade-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;max-width:800px;margin:0 auto}.upgrade-prompt__icon{margin-bottom:1.5rem}.upgrade-prompt__logo{width:80px;height:80px}.upgrade-prompt__title{font-size:1.75rem;font-weight:600;color:var(--color-text);margin:0 0 1rem}.upgrade-prompt__description{font-size:1.1rem;color:var(--color-text-light);max-width:500px;margin:0 0 2rem;line-height:1.6}.upgrade-prompt__warning{display:flex;align-items:center;gap:.5rem;background:#fef3cd;color:#856404;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}[data-theme=dark] .upgrade-prompt__warning{background:#3d3215;color:#ffc107}.upgrade-prompt__warning-icon{font-size:1.1rem}.upgrade-prompt__trial-notice{display:flex;align-items:center;gap:.5rem;background:#d1ecf1;color:#0c5460;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}[data-theme=dark] .upgrade-prompt__trial-notice{background:#153d44;color:#17a2b8}.upgrade-prompt__trial-icon{font-size:1.1rem}.upgrade-prompt__plans{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.upgrade-prompt__plan{position:relative;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;width:280px;text-align:left;transition:transform .2s,box-shadow .2s}.upgrade-prompt__plan:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}[data-theme=dark] .upgrade-prompt__plan{background:var(--color-card-bg)}[data-theme=dark] .upgrade-prompt__plan:hover{box-shadow:0 8px 24px #0000004d}.upgrade-prompt__plan--featured{border-color:var(--color-primary);border-width:2px}.upgrade-prompt__plan--single{width:320px;border-color:var(--color-primary);border-width:2px}.upgrade-prompt__plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4a90a4,#2d5a4a,#8b6914);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.upgrade-prompt__plan-name{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.upgrade-prompt__plan-price{margin-bottom:.5rem}.upgrade-prompt__plan-subtext{font-size:.85rem;color:var(--color-text-light);margin:0 0 1rem}.upgrade-prompt__price-amount{font-size:2rem;font-weight:700;color:var(--color-text)}.upgrade-prompt__price-period{font-size:1rem;color:var(--color-text-light)}.upgrade-prompt__features{list-style:none;padding:0;margin:0 0 1.5rem}.upgrade-prompt__feature{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:var(--color-text);padding:.35rem 0}.upgrade-prompt__feature-check{color:#22c55e;font-weight:600;flex-shrink:0}.upgrade-prompt__cta{display:block;width:100%;padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:500;text-align:center;text-decoration:none;transition:background .2s,transform .1s;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.upgrade-prompt__cta:hover{background:var(--color-hover)}.upgrade-prompt__cta--primary{background:linear-gradient(135deg,#4a90a4,#2d5a4a,#8b6914);color:#fff;border:none}.upgrade-prompt__cta--primary:hover{opacity:.9;transform:translateY(-1px)}.upgrade-prompt__note{font-size:.85rem;color:var(--color-text-light);margin:0}@media (max-width: 640px){.upgrade-prompt{padding:2rem 1rem}.upgrade-prompt__plans{flex-direction:column;align-items:center}.upgrade-prompt__plan{width:100%;max-width:320px}}.wishlist-page{min-height:100vh;background-color:var(--color-gray-50)}.wishlist-page__loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:var(--font-size-lg);color:var(--color-gray-600)}.wishlist-content{padding:var(--space-8) var(--space-6)}.wishlist-content__container{max-width:1000px;margin:0 auto}.wishlist-content h2{font-size:var(--font-size-2xl);color:var(--color-gray-900);margin-bottom:var(--space-2)}.wishlist-description{color:var(--color-gray-600);margin-bottom:var(--space-6)}.wishlist-filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.wishlist-filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:1px solid var(--color-gray-300);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .2s;opacity:.6}.wishlist-filter-btn:hover{opacity:1;border-color:var(--color-gray-400)}.wishlist-filter-btn--active{opacity:1;background-color:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-gray-900)}.wishlist-filter-btn__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background-color:var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.wishlist-filter-btn--loom.wishlist-filter-btn--active{background-color:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.wishlist-filter-btn--loom.wishlist-filter-btn--active .wishlist-filter-btn__count{background-color:#3b82f6;color:#fff}.wishlist-filter-btn--reed.wishlist-filter-btn--active{background-color:#fef3c7;border-color:#f59e0b;color:#b45309}.wishlist-filter-btn--reed.wishlist-filter-btn--active .wishlist-filter-btn__count{background-color:#f59e0b;color:#fff}.wishlist-filter-btn--shuttle.wishlist-filter-btn--active{background-color:#dcfce7;border-color:#22c55e;color:#16a34a}.wishlist-filter-btn--shuttle.wishlist-filter-btn--active .wishlist-filter-btn__count{background-color:#22c55e;color:#fff}.wishlist-filter-btn--temple.wishlist-filter-btn--active{background-color:#fce7f3;border-color:#ec4899;color:#be185d}.wishlist-filter-btn--temple.wishlist-filter-btn--active .wishlist-filter-btn__count{background-color:#ec4899;color:#fff}.wishlist-filter-btn--yarn.wishlist-filter-btn--active{background-color:#ede9fe;border-color:#8b5cf6;color:#7c3aed}.wishlist-filter-btn--yarn.wishlist-filter-btn--active .wishlist-filter-btn__count{background-color:#8b5cf6;color:#fff}.wishlist-filter-btn--reference.wishlist-filter-btn--active{background-color:#fef9c3;border-color:#eab308;color:#a16207}.wishlist-filter-btn--reference.wishlist-filter-btn--active .wishlist-filter-btn__count{background-color:#eab308;color:#fff}.wishlist-filter-btn--all.wishlist-filter-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.wishlist-filter-btn--all.wishlist-filter-btn--active .wishlist-filter-btn__count{background-color:#fff3;color:#fff}.wishlist-filter-btn--none.wishlist-filter-btn--active{background-color:var(--color-gray-600);border-color:var(--color-gray-600);color:#fff}.wishlist-section{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.wishlist-count{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-4)}.wishlist-loading,.wishlist-error,.wishlist-empty{padding:var(--space-8);text-align:center;color:var(--color-gray-600)}.wishlist-error{color:#dc2626}.wishlist-retry-btn{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm)}.wishlist-retry-btn:hover{background-color:var(--color-primary-dark)}.wishlist-empty__icon{font-size:3rem;margin-bottom:var(--space-4)}.wishlist-empty__title{font-size:var(--font-size-lg);color:var(--color-gray-900);margin-bottom:var(--space-2)}.wishlist-empty__text{font-size:var(--font-size-sm);color:var(--color-gray-500)}.wishlist-empty__text a{color:var(--color-primary);text-decoration:none}.wishlist-empty__text a:hover{text-decoration:underline}.wishlist-items{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 768px){.wishlist-items{grid-template-columns:1fr}}.wishlist-item{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background-color:var(--color-gray-50);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.wishlist-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-gray-300)}.wishlist-item__content{flex:1;min-width:0}.wishlist-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.wishlist-item__badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;border-radius:var(--radius-sm);background-color:var(--color-gray-200);color:var(--color-gray-700);text-decoration:none;transition:opacity var(--transition-base)}.wishlist-item__badge:hover{opacity:.8}.wishlist-item__badge--loom{background-color:#dbeafe;color:#1d4ed8}.wishlist-item__badge--reed{background-color:#fef3c7;color:#b45309}.wishlist-item__badge--shuttle{background-color:#dcfce7;color:#16a34a}.wishlist-item__badge--temple{background-color:#fce7f3;color:#be185d}.wishlist-item__badge--yarn{background-color:#ede9fe;color:#7c3aed}.wishlist-item__badge--reference{background-color:#fef9c3;color:#a16207}.wishlist-item__date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.wishlist-item__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wishlist-item__details{display:flex;gap:var(--space-3);flex-wrap:wrap}.wishlist-item__brand,.wishlist-item__subtype{font-size:var(--font-size-sm);color:var(--color-gray-600)}.wishlist-item__color-swatch{display:inline-block;width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:inset 0 1px 2px #0000001a}.wishlist-item__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.wishlist-item__btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-1)}.wishlist-item__btn:disabled{opacity:.6;cursor:not-allowed}.wishlist-item__btn--fulfilled{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.wishlist-item__btn--fulfilled:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.wishlist-item__btn--delete{background-color:transparent;color:var(--color-gray-400);border:none;padding:var(--space-2)}.wishlist-item__btn--delete:hover:not(:disabled){background-color:var(--color-error-light, #fef2f2);color:var(--color-error, #ef4444)}.wishlist-item__btn--delete svg{display:block}.wishlist-cta{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}.wishlist-cta__text{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center;font-style:italic}.wishlist-cta__text a{color:var(--color-primary);text-decoration:none}.wishlist-cta__text a:hover{text-decoration:underline}@media (max-width: 768px){.wishlist-content{padding:var(--space-6) var(--space-4)}.wishlist-section{padding:var(--space-4)}.wishlist-item__header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.wishlist-filter-bar{gap:var(--space-1)}.wishlist-filter-btn{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}}[data-theme=dark] .wishlist-page{background-color:var(--color-gray-800)}[data-theme=dark] .wishlist-content h2{color:var(--color-gray-50)}[data-theme=dark] .wishlist-description{color:var(--color-gray-300)}[data-theme=dark] .wishlist-filter-bar{border-bottom-color:var(--color-gray-700)}[data-theme=dark] .wishlist-filter-btn{border-color:var(--color-gray-600);color:var(--color-gray-400)}[data-theme=dark] .wishlist-filter-btn:hover{border-color:var(--color-gray-500)}[data-theme=dark] .wishlist-filter-btn--active{background-color:var(--color-gray-700);border-color:var(--color-gray-500);color:var(--color-gray-100)}[data-theme=dark] .wishlist-filter-btn__count{background-color:var(--color-gray-600)}[data-theme=dark] .wishlist-filter-btn--loom.wishlist-filter-btn--active{background-color:#1e3a5f;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .wishlist-filter-btn--reed.wishlist-filter-btn--active{background-color:#451a03;border-color:#f59e0b;color:#fcd34d}[data-theme=dark] .wishlist-filter-btn--shuttle.wishlist-filter-btn--active{background-color:#14532d;border-color:#22c55e;color:#86efac}[data-theme=dark] .wishlist-filter-btn--temple.wishlist-filter-btn--active{background-color:#500724;border-color:#ec4899;color:#f9a8d4}[data-theme=dark] .wishlist-filter-btn--yarn.wishlist-filter-btn--active{background-color:#2e1065;border-color:#8b5cf6;color:#c4b5fd}[data-theme=dark] .wishlist-filter-btn--reference.wishlist-filter-btn--active{background-color:#422006;border-color:#eab308;color:#fde68a}[data-theme=dark] .wishlist-section{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .wishlist-count,[data-theme=dark] .wishlist-loading,[data-theme=dark] .wishlist-empty{color:var(--color-gray-400)}[data-theme=dark] .wishlist-empty__title{color:var(--color-gray-100)}[data-theme=dark] .wishlist-empty__text{color:var(--color-gray-400)}[data-theme=dark] .wishlist-empty__text a{color:var(--color-primary-light)}[data-theme=dark] .wishlist-item{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .wishlist-item:hover{border-color:var(--color-gray-600)}[data-theme=dark] .wishlist-item__badge{background-color:var(--color-gray-700);color:var(--color-gray-300)}[data-theme=dark] .wishlist-item__badge--loom{background-color:#1e3a5f;color:#93c5fd}[data-theme=dark] .wishlist-item__badge--reed{background-color:#451a03;color:#fcd34d}[data-theme=dark] .wishlist-item__badge--shuttle{background-color:#14532d;color:#86efac}[data-theme=dark] .wishlist-item__badge--temple{background-color:#500724;color:#f9a8d4}[data-theme=dark] .wishlist-item__badge--yarn{background-color:#2e1065;color:#c4b5fd}[data-theme=dark] .wishlist-item__badge--reference{background-color:#422006;color:#fde68a}[data-theme=dark] .wishlist-item__date{color:var(--color-gray-500)}[data-theme=dark] .wishlist-item__name{color:var(--color-gray-100)}[data-theme=dark] .wishlist-item__brand,[data-theme=dark] .wishlist-item__subtype{color:var(--color-gray-400)}[data-theme=dark] .wishlist-item__color-swatch{border-color:#fff3}[data-theme=dark] .wishlist-item__btn--delete{color:var(--color-gray-500)}[data-theme=dark] .wishlist-item__btn--delete:hover:not(:disabled){background-color:#ef444426;color:#f87171}[data-theme=dark] .wishlist-cta{border-top-color:var(--color-gray-700)}[data-theme=dark] .wishlist-cta__text{color:var(--color-gray-500)}[data-theme=dark] .wishlist-cta__text a{color:var(--color-primary-light)}.color-finder-page{min-height:100vh;background-color:var(--color-gray-50)}.color-finder-page__loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:var(--font-size-lg);color:var(--color-gray-600)}.color-finder-content{padding:var(--space-8) var(--space-6)}.color-finder-content__container{max-width:900px;margin:0 auto}.color-finder-content h2{font-size:var(--font-size-2xl);color:var(--color-gray-900);margin-bottom:var(--space-2)}.color-finder-description{color:var(--color-gray-600);margin-bottom:var(--space-6)}.color-finder-picker-section{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);margin-bottom:var(--space-6)}.color-finder-picker{margin-bottom:var(--space-6)}.color-finder-picker__label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-3)}.color-finder-picker__controls{display:flex;align-items:center;gap:var(--space-6)}.color-finder-picker__input{width:80px;height:80px;border:none;border-radius:var(--radius-lg);cursor:pointer;padding:0;background:none}.color-finder-picker__input::-webkit-color-swatch-wrapper{padding:0}.color-finder-picker__input::-webkit-color-swatch{border:3px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.color-finder-picker__input::-moz-color-swatch{border:3px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.color-finder-picker__info{display:flex;flex-direction:column;gap:var(--space-2)}.color-finder-picker__hex,.color-finder-picker__rgb{display:flex;align-items:center;gap:var(--space-2)}.color-finder-picker__hex-label,.color-finder-picker__rgb-label{font-size:var(--font-size-sm);color:var(--color-gray-500);min-width:35px}.color-finder-picker__hex-input{font-family:var(--font-mono);font-size:var(--font-size-base);background-color:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--color-gray-800);border:1px solid var(--color-gray-300);width:90px;text-transform:uppercase;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.color-finder-picker__hex-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #8b5cf633}.color-finder-picker__rgb-value{font-family:var(--font-mono);font-size:var(--font-size-base);background-color:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--color-gray-800)}.color-finder-threshold{margin-bottom:var(--space-6)}.color-finder-threshold__label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-3)}.color-finder-threshold__controls{display:flex;align-items:center;gap:var(--space-4)}.color-finder-threshold__slider{flex:1;height:8px;border-radius:var(--radius-full);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#22c55e,#22c55e 4%,#eab308 4%,#eab308 20%,#ef4444 20%,#ef4444)}.color-finder-threshold__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md)}.color-finder-threshold__slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md)}.color-finder-threshold__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);min-width:40px;text-align:center}.color-finder-threshold__hint{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--space-2)}.color-finder-search-btn{width:100%;padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary) 0%,#7c3aed 100%);color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.color-finder-search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.color-finder-search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.color-finder-error{padding:var(--space-4);background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;margin-bottom:var(--space-6)}.color-finder-results{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.color-finder-results__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.color-finder-results__header h3{font-size:var(--font-size-lg);color:var(--color-gray-900);margin:0}.color-finder-results__hint{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.color-finder-results__table-wrapper{overflow-x:auto}.color-finder-results__table{width:100%;border-collapse:collapse}.color-finder-results__table th,.color-finder-results__table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-gray-200)}.color-finder-results__table th{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);background-color:var(--color-gray-50);white-space:nowrap}.color-finder-results__sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-base)}.color-finder-results__sortable:hover{background-color:var(--color-gray-100)}.color-finder-results__table tbody tr:hover{background-color:var(--color-gray-50)}.color-finder-results__swatch{width:32px;height:32px;border-radius:var(--radius-md);border:2px solid rgba(0,0,0,.1);box-shadow:inset 0 1px 3px #0000001a}.color-finder-results__brand{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.color-finder-results__color-number{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-gray-600)}.color-finder-results__delta{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.color-finder-results__delta--excellent{background-color:#dcfce7;color:#16a34a}.color-finder-results__delta--good{background-color:#fef9c3;color:#a16207}.color-finder-results__delta--fair{background-color:#fef2f2;color:#dc2626}.color-finder-results__empty{text-align:center;padding:var(--space-8);color:var(--color-gray-600)}.color-finder-results__empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.color-finder-results__empty p{margin:0 0 var(--space-2)}.color-finder-results__empty-hint{font-size:var(--font-size-sm);color:var(--color-gray-500)}@media (max-width: 768px){.color-finder-content{padding:var(--space-6) var(--space-4)}.color-finder-picker-section,.color-finder-results{padding:var(--space-4)}.color-finder-picker__controls{flex-direction:column;align-items:flex-start}.color-finder-results__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.color-finder-results__table th,.color-finder-results__table td{padding:var(--space-2);font-size:var(--font-size-sm)}}[data-theme=dark] .color-finder-page{background-color:var(--color-gray-800)}[data-theme=dark] .color-finder-content h2{color:var(--color-gray-50)}[data-theme=dark] .color-finder-description{color:var(--color-gray-300)}[data-theme=dark] .color-finder-picker-section,[data-theme=dark] .color-finder-results{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .color-finder-picker__label,[data-theme=dark] .color-finder-threshold__label{color:var(--color-gray-100)}[data-theme=dark] .color-finder-picker__hex-label,[data-theme=dark] .color-finder-picker__rgb-label{color:var(--color-gray-400)}[data-theme=dark] .color-finder-picker__hex-input{background-color:var(--color-gray-800);color:var(--color-gray-200);border-color:var(--color-gray-600)}[data-theme=dark] .color-finder-picker__hex-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #8b5cf64d}[data-theme=dark] .color-finder-picker__rgb-value{background-color:var(--color-gray-800);color:var(--color-gray-200)}[data-theme=dark] .color-finder-picker__input::-webkit-color-swatch{border-color:var(--color-gray-600)}[data-theme=dark] .color-finder-picker__input::-moz-color-swatch{border-color:var(--color-gray-600)}[data-theme=dark] .color-finder-threshold__value{color:var(--color-gray-100)}[data-theme=dark] .color-finder-threshold__hint{color:var(--color-gray-400)}[data-theme=dark] .color-finder-error{background-color:#ef444426;border-color:#dc2626;color:#f87171}[data-theme=dark] .color-finder-results__header h3{color:var(--color-gray-100)}[data-theme=dark] .color-finder-results__hint{color:var(--color-gray-400)}[data-theme=dark] .color-finder-results__table th{background-color:var(--color-gray-800);color:var(--color-gray-300);border-bottom-color:var(--color-gray-700)}[data-theme=dark] .color-finder-results__sortable:hover{background-color:var(--color-gray-700)}[data-theme=dark] .color-finder-results__table td{border-bottom-color:var(--color-gray-700)}[data-theme=dark] .color-finder-results__table tbody tr:hover{background-color:var(--color-gray-800)}[data-theme=dark] .color-finder-results__brand{color:var(--color-gray-100)}[data-theme=dark] .color-finder-results__color-number{color:var(--color-gray-400)}[data-theme=dark] .color-finder-results__swatch{border-color:#fff3}[data-theme=dark] .color-finder-results__delta--excellent{background-color:#14532d;color:#86efac}[data-theme=dark] .color-finder-results__delta--good{background-color:#422006;color:#fde68a}[data-theme=dark] .color-finder-results__delta--fair{background-color:#450a0a;color:#fca5a5}[data-theme=dark] .color-finder-results__empty{color:var(--color-gray-400)}[data-theme=dark] .color-finder-results__empty-hint{color:var(--color-gray-500)}.inventory-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.inventory-header__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin:0}.inventory-header__subtitle{font-size:var(--font-size-sm);margin:var(--space-1) 0 0 0}.inventory-controls{display:flex;gap:var(--space-3);align-items:center}.inventory-search{position:relative}.inventory-search__input{padding:var(--space-2) var(--space-8);padding-left:var(--space-8);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);width:200px;min-height:40px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.inventory-search__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.inventory-search__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.inventory-search__clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color .2s,background-color .2s}.inventory-search__clear:hover{color:var(--color-gray-600);background-color:var(--color-gray-100)}.inventory-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--space-3)}.inventory-filter-btn{padding:var(--space-2) var(--space-4);background:none;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.inventory-filter-btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.inventory-filter-btn--active{background-color:var(--color-primary);color:#fff}.inventory-filter-btn--active:hover{background-color:var(--color-primary-dark);color:#fff}.inventory-filter-btn__count{margin-left:var(--space-2);padding:var(--space-1) var(--space-2);background-color:#fff3;border-radius:var(--radius-full);font-size:var(--font-size-xs)}.inventory-filter-btn:not(.inventory-filter-btn--active) .inventory-filter-btn__count{background-color:var(--color-gray-200)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.inventory-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color .2s,box-shadow .2s;position:relative;display:flex;flex-direction:column}.inventory-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.inventory-card--wishlist{border-style:dashed;background-color:var(--color-gray-50)}.inventory-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.inventory-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0}.inventory-card__badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-weight:500}.inventory-card__badge--type{background-color:var(--color-gray-100);color:var(--color-gray-600)}.inventory-card__badge--wishlist{background-color:#fef3c7;color:#92400e}.inventory-card__details{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-3)}.inventory-card__detail{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm)}.inventory-card__detail--full{grid-column:span 2}.inventory-card__detail-label{color:var(--color-gray-500);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.025em}.inventory-card__detail-value{color:var(--color-gray-800);font-weight:500;word-break:break-word}.inventory-card__detail-link{color:var(--color-primary-600, #2563eb);text-decoration:none}.inventory-card__detail-link:hover{text-decoration:underline}.inventory-card__notes{font-size:var(--font-size-sm);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-gray-100);font-style:italic;color:var(--color-gray-600);max-height:4.5em;overflow-y:auto}.inventory-card__actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-gray-100)}.inventory-card__project-count{margin-right:auto;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500}.inventory-card__btn{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.inventory-card__btn--edit{background-color:var(--color-gray-100);color:var(--color-gray-700)}.inventory-card__btn--edit:hover{background-color:var(--color-gray-200)}.inventory-card__btn--wishlist{background-color:transparent;color:var(--color-gray-500);padding:var(--space-2)}.inventory-card__btn--wishlist:hover,.inventory-card__btn--wishlist.is-wishlist{color:#f59e0b}.inventory-card__btn--copy{background-color:transparent;color:var(--color-gray-400);padding:var(--space-2)}.inventory-card__btn--copy:hover{background-color:var(--color-primary-light, #dbeafe);color:var(--color-primary, #3b82f6)}.inventory-card__btn--delete{background-color:transparent;color:var(--color-gray-400);padding:var(--space-2)}.inventory-card__btn--delete:hover{background-color:var(--color-error-light, #fef2f2);color:var(--color-error, #ef4444)}.inventory-empty{grid-column:1 / -1;padding:var(--space-12);text-align:center;background-color:var(--color-gray-50);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300)}.inventory-empty__icon{font-size:48px;margin-bottom:var(--space-4)}.inventory-empty__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--space-2) 0}.inventory-empty__text{font-size:var(--font-size-sm);margin:0 0 var(--space-6) 0}.inventory-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.inventory-modal{background-color:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.inventory-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.inventory-modal form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.inventory-modal__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin:0}.inventory-modal__close{background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--color-gray-500);font-size:var(--font-size-xl);line-height:1}.inventory-modal__close:hover{color:var(--color-gray-700)}.inventory-modal__body{padding:var(--space-6) var(--space-8);overflow-y:auto;flex:1;min-height:0}.inventory-modal__top-save{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.inventory-modal__top-status{font-size:var(--font-size-lg);color:var(--color-gray-400);font-style:italic}.inventory-modal__top-status--active{color:var(--color-gray-800);font-weight:600;font-style:normal}.inventory-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-shrink:0}.inventory-form__group{margin-bottom:var(--space-5)}.inventory-form__label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.inventory-form__input,.inventory-form__select,.inventory-form__textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .2s,box-shadow .2s}.inventory-form__generated-name{padding:var(--space-2) var(--space-3);background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-700);min-height:2.5rem;display:flex;align-items:center}.inventory-form__color-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-2)}.inventory-form__color-input{width:60px;height:42px;padding:2px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;background-color:transparent}.inventory-form__color-preview{width:60px;height:42px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);flex-shrink:0}.inventory-form__color-value{font-weight:600;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3),0 0 3px rgba(255,255,255,.8);font-family:var(--font-mono, monospace);font-size:.875rem;flex:1}.inventory-form__label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.inventory-form__label-hint{display:inline-flex;align-items:center;justify-content:center;color:var(--color-gray-400);cursor:help;flex-shrink:0}.inventory-form__label-hint:hover{color:var(--color-gray-600)}.inventory-form__input:focus,.inventory-form__select:focus,.inventory-form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.inventory-form__textarea{min-height:80px;resize:vertical}.inventory-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-2)}.inventory-form__row--three{grid-template-columns:2fr 1fr 1fr}.inventory-form__checkbox-group{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.inventory-form__checkbox{width:18px;height:18px;cursor:pointer}.inventory-form__checkbox-label{font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer}.inventory-form__hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--space-1)}.inventory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.inventory-stat-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.inventory-stat-card__value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.inventory-stat-card__label{font-size:var(--font-size-sm);margin-top:var(--space-1)}.inventory-stat-card__sub{font-size:var(--font-size-xs);color:var(--color-gray-500)}[data-theme=dark] .inventory-header__title{color:var(--color-gray-100)}[data-theme=dark] .inventory-header__subtitle{color:var(--color-gray-400)}[data-theme=dark] .inventory-search__input{background-color:var(--color-gray-800);color:var(--color-gray-100)}[data-theme=dark] .inventory-search__input:focus{border-color:var(--color-primary-light)}[data-theme=dark] .inventory-search__clear{color:var(--color-gray-500)}[data-theme=dark] .inventory-search__clear:hover{color:var(--color-gray-200);background-color:var(--color-gray-700)}[data-theme=dark] .inventory-filters{border-color:var(--color-gray-700)}[data-theme=dark] .inventory-filter-btn{color:var(--color-gray-400)}[data-theme=dark] .inventory-filter-btn:hover{background-color:var(--color-gray-700);color:var(--color-gray-100)}[data-theme=dark] .inventory-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .inventory-card:hover{border-color:var(--color-primary-light)}[data-theme=dark] .inventory-card--wishlist{background-color:var(--color-gray-850, #1a1a2e)}[data-theme=dark] .inventory-card__title{color:var(--color-gray-100)}[data-theme=dark] .inventory-card__detail{color:var(--color-gray-400)}[data-theme=dark] .inventory-card__detail-label{color:var(--color-gray-500)}[data-theme=dark] .inventory-card__detail-value{color:var(--color-gray-200)}[data-theme=dark] .inventory-card__detail-link{color:var(--color-primary-400, #60a5fa)}[data-theme=dark] .inventory-card__notes{color:var(--color-gray-500);border-color:var(--color-gray-700)}[data-theme=dark] .inventory-card__actions{border-color:var(--color-gray-700)}[data-theme=dark] .inventory-card__project-count{color:var(--color-primary-light, #60a5fa)}[data-theme=dark] .inventory-card__btn--edit,[data-theme=dark] .inventory-card__btn--copy{background-color:var(--color-gray-700);color:var(--color-gray-200)}[data-theme=dark] .inventory-card__btn--copy:hover{background-color:var(--color-primary-dark, #2563eb);color:var(--color-white)}[data-theme=dark] .inventory-empty{background-color:var(--color-gray-800)}[data-theme=dark] .inventory-empty__title{color:var(--color-gray-100)}[data-theme=dark] .inventory-empty__text{color:var(--color-gray-400)}[data-theme=dark] .inventory-modal{background-color:var(--color-gray-800)}[data-theme=dark] .inventory-modal__header{border-color:var(--color-gray-700)}[data-theme=dark] .inventory-modal__title{color:var(--color-gray-100)}[data-theme=dark] .inventory-modal__close{color:var(--color-gray-400)}[data-theme=dark] .inventory-modal__close:hover{color:var(--color-gray-200)}[data-theme=dark] .inventory-modal__footer{background-color:var(--color-gray-850, #1a1a2e);border-color:var(--color-gray-700)}[data-theme=dark] .inventory-modal__top-save{border-color:var(--color-gray-700)}[data-theme=dark] .inventory-modal__top-status{color:var(--color-gray-500)}[data-theme=dark] .inventory-modal__top-status--active{color:var(--color-gray-100)}[data-theme=dark] .inventory-form__generated-name{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-200)}[data-theme=dark] .inventory-form__label{color:var(--color-gray-300)}[data-theme=dark] .inventory-form__input,[data-theme=dark] .inventory-form__select,[data-theme=dark] .inventory-form__textarea{background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-100)}[data-theme=dark] .inventory-form__color-text{background-color:var(--color-gray-700);border-color:var(--color-gray-600)}[data-theme=dark] .inventory-form__color-input{border-color:var(--color-gray-600)}[data-theme=dark] .inventory-form__label-hint{color:var(--color-gray-500)}[data-theme=dark] .inventory-form__label-hint:hover{color:var(--color-gray-300)}[data-theme=dark] .inventory-form__checkbox-group{background-color:var(--color-gray-700)}[data-theme=dark] .inventory-form__checkbox-label{color:var(--color-gray-300)}[data-theme=dark] .inventory-form__hint{color:var(--color-gray-500)}[data-theme=dark] .inventory-stat-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .inventory-stat-card__label{color:var(--color-gray-400)}[data-theme=dark] .inventory-stat-card__sub{color:var(--color-gray-500)}@media (max-width: 640px){.inventory-header{flex-direction:column}.inventory-controls{width:100%;flex-direction:column}.inventory-search__input{width:100%}.inventory-grid,.inventory-form__row,.inventory-form__row--three{grid-template-columns:1fr}.inventory-stats{grid-template-columns:repeat(2,1fr)}}.inventory-form__color-text{font-weight:600;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3),0 0 3px rgba(255,255,255,.8);font-family:var(--font-mono, monospace);font-size:.875rem;flex:1;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:.375rem .5rem;background:var(--color-white);width:5.5rem;text-transform:lowercase}.yarn-filter-bar{display:flex;flex-wrap:wrap;gap:0;margin-bottom:var(--space-6);border-radius:var(--radius-lg);overflow:visible}.yarn-filter-bar__btn{padding:var(--space-2) var(--space-4);min-height:40px;background-color:var(--color-white);border:1px solid var(--color-gray-300);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;display:flex;align-items:center;gap:var(--space-1);white-space:nowrap}.yarn-filter-bar__btn--all{border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-right:none}.yarn-filter-bar__btn--none{border-radius:0;border-left:none;border-right:none}.yarn-filter-bar__btn--wishlist{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.yarn-filter-bar__type-wrapper{position:relative}.yarn-filter-bar__type-wrapper .yarn-filter-bar__btn--type{border-radius:0;border-right:none}.yarn-filter-bar__type-wrapper:last-of-type .yarn-filter-bar__btn--type{border-right:none}.yarn-filter-bar__btn:hover{background-color:var(--color-gray-100)}.yarn-filter-bar__btn--active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.yarn-filter-bar__btn--active:hover{background-color:var(--color-primary-dark)}.yarn-filter-bar__btn--active+.yarn-filter-bar__type-wrapper .yarn-filter-bar__btn,.yarn-filter-bar__type-wrapper:has(.yarn-filter-bar__btn--active)+.yarn-filter-bar__type-wrapper .yarn-filter-bar__btn,.yarn-filter-bar__type-wrapper:has(.yarn-filter-bar__btn--active)+.yarn-filter-bar__btn--none,.yarn-filter-bar__btn--none.yarn-filter-bar__btn--active+.yarn-filter-bar__btn--wishlist{border-left-color:var(--color-primary)}.yarn-filter-bar__btn-label{display:flex;align-items:center;gap:var(--space-1)}.yarn-filter-bar__selection-count{font-size:var(--font-size-xs);opacity:.8}.yarn-filter-bar__dropdown-arrow{display:flex;align-items:center;justify-content:center;padding:var(--space-1);margin-left:var(--space-1);border-radius:var(--radius-sm);transition:transform .2s,background-color .2s}.yarn-filter-bar__dropdown-arrow:hover{background-color:#0000001a}.yarn-filter-bar__dropdown-arrow--open{transform:rotate(180deg)}.yarn-filter-bar__btn--active .yarn-filter-bar__dropdown-arrow:hover{background-color:#fff3}.yarn-filter-bar__dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100;padding:var(--space-2) 0}.yarn-filter-bar__dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .15s}.yarn-filter-bar__dropdown-item:hover{background-color:var(--color-gray-100)}.yarn-filter-bar__dropdown-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}[data-theme=dark] .yarn-filter-bar__btn{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-300)}[data-theme=dark] .yarn-filter-bar__btn:hover{background-color:var(--color-gray-700);color:var(--color-gray-100)}[data-theme=dark] .yarn-filter-bar__btn--active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}[data-theme=dark] .yarn-filter-bar__btn--active:hover{background-color:var(--color-primary-dark)}[data-theme=dark] .yarn-filter-bar__dropdown{background-color:var(--color-gray-800);border-color:var(--color-gray-600)}[data-theme=dark] .yarn-filter-bar__dropdown-item{color:var(--color-gray-300)}[data-theme=dark] .yarn-filter-bar__dropdown-item:hover{background-color:var(--color-gray-700)}@media (max-width: 640px){.yarn-filter-bar{flex-wrap:wrap;gap:var(--space-2)}.yarn-filter-bar__btn--all{border-radius:var(--radius-md);border-right:1px solid var(--color-gray-300)}.yarn-filter-bar__btn--none{border-radius:var(--radius-md);border-left:1px solid var(--color-gray-300);border-right:1px solid var(--color-gray-300)}.yarn-filter-bar__btn--wishlist{border-radius:var(--radius-md);border-left:1px solid var(--color-gray-300)}.yarn-filter-bar__type-wrapper .yarn-filter-bar__btn--type{border-radius:var(--radius-md);border-right:1px solid var(--color-gray-300)}.yarn-filter-bar__btn--active{border-color:var(--color-primary)}}.pattern-playground{max-width:1400px;margin:0 auto;padding:var(--space-4)}.pattern-playground__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.pattern-playground__header-content{flex:1;min-width:300px}.pattern-playground__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.pattern-playground__subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.pattern-playground__back-link{display:inline-block;font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;margin-bottom:var(--space-2)}.pattern-playground__back-link:hover{text-decoration:underline}.pattern-playground__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.pattern-playground__wif-btn{display:inline-flex;align-items:center;gap:var(--space-2)}.pattern-playground__wif-btn svg{flex-shrink:0}.pattern-playground__saved-message{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium);animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-5px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.pattern-playground__info{margin-bottom:var(--space-4)}.pattern-playground__info--collapsed{margin-bottom:var(--space-2)}.pattern-playground__info-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.pattern-playground__info-toggle:hover{background:var(--color-gray-200);border-color:var(--color-gray-300)}.pattern-playground__info-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-gray-200);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-600)}.pattern-playground__info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-3)}.pattern-playground__info-card{padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.pattern-playground__info-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:var(--space-3)}.pattern-playground__info-card ul{list-style:none;padding:0;margin:0}.pattern-playground__info-card li{padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-normal)}.pattern-playground__info-card li:not(:last-child){border-bottom:1px solid var(--color-gray-200)}.pattern-playground__info-card li strong{color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.pattern-playground__footer{text-align:center;margin-top:var(--space-8);padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-green-light) 50%,var(--color-accent-brown-light) 100%);border-radius:var(--radius-lg)}.pattern-playground__footer p{font-size:var(--font-size-lg);color:var(--color-gray-800)}.pattern-playground__footer a{font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);text-decoration:underline}.pattern-playground__footer a:hover{color:var(--color-gray-900)}[data-theme=dark] .pattern-playground__back-link{color:var(--color-primary-light)}[data-theme=dark] .pattern-playground__title{color:var(--color-gray-100)}[data-theme=dark] .pattern-playground__subtitle{color:var(--color-gray-400)}[data-theme=dark] .pattern-playground__info-toggle{background:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--color-gray-300)}[data-theme=dark] .pattern-playground__info-toggle:hover{background:var(--color-gray-700);border-color:var(--color-gray-600)}[data-theme=dark] .pattern-playground__info-toggle-icon{background:var(--color-gray-700);color:var(--color-gray-400)}[data-theme=dark] .pattern-playground__info-card{background:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .pattern-playground__info-card h3{color:var(--color-gray-200)}[data-theme=dark] .pattern-playground__info-card li{color:var(--color-gray-400);border-color:var(--color-gray-700)}[data-theme=dark] .pattern-playground__info-card li strong{color:var(--color-gray-300)}[data-theme=dark] .pattern-playground__footer{background:linear-gradient(135deg,#60a5fa33,#86efac33,#d4a57433)}[data-theme=dark] .pattern-playground__footer p{color:var(--color-gray-200)}[data-theme=dark] .pattern-playground__footer a{color:var(--color-primary-light)}@media (max-width: 768px){.pattern-playground{padding:var(--space-3)}.pattern-playground__header{flex-direction:column}.pattern-playground__title{font-size:var(--font-size-2xl)}.pattern-playground__subtitle{font-size:var(--font-size-base)}.pattern-playground__actions{width:100%;justify-content:flex-start}}.form-section--pattern{max-width:none}.guest-project-page{max-width:1400px;margin:0 auto;padding:var(--space-4)}.guest-project-page__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.guest-project-page__header-content{flex:1;min-width:300px}.guest-project-page__back-link{display:inline-block;font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;margin-bottom:var(--space-2)}.guest-project-page__back-link:hover{text-decoration:underline}.guest-project-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.guest-project-page__subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.guest-project-page__actions{display:flex;align-items:center;gap:var(--space-3)}.guest-project-page__saved-message{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium);animation:fadeInOut 2s ease-in-out}.guest-project-form,.guest-project-form__content{margin-top:var(--space-4)}.guest-project-page .pattern-editor-wrapper{margin-top:var(--space-4);max-width:100%}.form-group--readonly{position:relative}.form-group--readonly .form-value{padding:var(--space-2) var(--space-3);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);min-height:44px;display:flex;align-items:center}.form-group--readonly .form-value--highlight{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.form-group--readonly .form-hint{position:absolute;bottom:-18px;left:0}.form-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--space-1);white-space:nowrap}.guest-project-page .form-row .form-group{position:relative}.guest-project-page .form-row .form-group>.form-hint:not(.form-hint--empty){position:absolute;bottom:-18px;left:0}.input-with-unit{display:flex;align-items:center;gap:var(--space-2)}.input-with-unit .form-input{flex:1}.input-with-unit .unit-label{font-size:var(--font-size-sm);color:var(--color-gray-600);min-width:40px}.input-with-unit .form-select--unit{width:auto;min-width:100px}.form-section__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.form-section__header .form-section__title{margin-bottom:0}.form-section__wif-actions{display:flex;gap:var(--space-2)}.form-section__wif-actions .btn--small{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.form-section__wif-actions .btn--small svg{flex-shrink:0}.form-section__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}[data-theme=dark] .guest-project-page__back-link{color:var(--color-primary-light)}[data-theme=dark] .guest-project-page__title{color:var(--color-gray-100)}[data-theme=dark] .guest-project-page__subtitle{color:var(--color-gray-400)}[data-theme=dark] .form-group--readonly .form-value{background-color:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--color-gray-200)}[data-theme=dark] .form-group--readonly .form-value--highlight{background-color:#60a5fa33;border-color:var(--color-primary);color:var(--color-primary-light)}[data-theme=dark] .form-hint{color:var(--color-gray-500)}[data-theme=dark] .input-with-unit .unit-label{color:var(--color-gray-400)}[data-theme=dark] .form-section__actions{border-color:var(--color-gray-700)}@media print{.guest-project-page__header,.guest-project-page__actions,.pattern-playground__info,.pattern-playground__footer,.project-form__nav,.form-section__next,.form-section__actions,.form-section__wif-actions,.btn--secondary,.btn--primary{display:none!important}.guest-project-page{max-width:100%;padding:0;margin:0}.project-form__content{display:block}.project-form__form section.form-section{display:block!important;page-break-inside:avoid;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-300)}.form-section__title{font-size:var(--font-size-xl);margin-bottom:var(--space-4);color:var(--color-gray-900)!important}.guest-project-page:before{content:"WeaveAway Project Plan";display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-gray-300)}.form-input,.form-select,.form-textarea{border:none!important;background:none!important;padding:var(--space-1) 0!important;font-size:var(--font-size-base)!important}.form-label{font-weight:var(--font-weight-semibold);color:var(--color-gray-700)!important}.form-section--pattern .pattern-editor-wrapper{max-width:100%;overflow:visible}.pattern-editor__controls,.pattern-editor__actions,.pattern-editor__presets{display:none!important}.tags-input__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag-pill{background-color:var(--color-gray-200)!important;color:var(--color-gray-800)!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.tag-pill__remove{display:none!important}.form-group--readonly .form-value{background-color:var(--color-gray-100)!important;border:1px solid var(--color-gray-300)!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}@media (max-width: 768px){.guest-project-page{padding:var(--space-3)}.guest-project-page__header{flex-direction:column}.guest-project-page__title{font-size:var(--font-size-2xl)}.guest-project-page__subtitle{font-size:var(--font-size-base)}.guest-project-page__actions{width:100%;flex-wrap:wrap}.guest-project-page__actions .btn--primary,.guest-project-page__actions .btn--secondary{flex:1;min-width:120px}.input-with-unit{flex-wrap:wrap}.input-with-unit .form-select--unit{width:100%;margin-top:var(--space-2)}}.form-hint--colors{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.color-swatches{display:flex;gap:var(--space-1);flex-wrap:wrap}.color-swatches--large{min-height:44px;align-items:center}.form-hint--empty{min-height:44px;display:flex;align-items:center;padding:var(--space-2) var(--space-3);background-color:var(--color-gray-50);border:1px dashed var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-500);font-size:var(--font-size-sm)}.color-swatch{display:inline-block;width:20px;height:20px;border-radius:4px;border:1px solid var(--color-gray-300);cursor:default}.color-swatches--large{gap:var(--space-2)}.color-swatch--large{width:32px;height:32px;border-radius:var(--radius-md)}.form-label--with-link{display:flex;align-items:baseline;gap:var(--space-2)}.link-button{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);cursor:pointer;padding:0;text-decoration:none;transition:color var(--transition-base)}.link-button:hover{text-decoration:underline;color:var(--color-primary-dark)}[data-theme=dark] .link-button{color:var(--color-primary-light)}[data-theme=dark] .link-button:hover{color:var(--color-primary)}[data-theme=dark] .form-hint--empty{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-400)}.guest-color-picker{margin-top:var(--space-2)}.guest-color-picker__colors{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.guest-color-picker__item{position:relative;display:inline-flex}.guest-color-picker__swatch{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid var(--color-gray-300);cursor:default}.guest-color-picker__remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--color-gray-600);color:#fff;border:none;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.guest-color-picker__item:hover .guest-color-picker__remove{opacity:1}.guest-color-picker__remove:hover{background:var(--color-error)}.guest-color-picker__add{display:inline-flex;align-items:center;cursor:pointer}.guest-color-picker__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.guest-color-picker__add-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-gray-100);border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .15s ease}.guest-color-picker__add:hover .guest-color-picker__add-btn{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}[data-theme=dark] .guest-color-picker__swatch{border-color:var(--color-gray-600)}[data-theme=dark] .guest-color-picker__remove{background:var(--color-gray-500)}[data-theme=dark] .guest-color-picker__add-btn{background:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-400)}[data-theme=dark] .guest-color-picker__add:hover .guest-color-picker__add-btn{border-color:var(--color-primary);color:var(--color-primary-light);background:#60a5fa1a}.guest-yarn-summary{margin-top:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.guest-yarn-summary__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin:0 0 var(--space-2) 0}.guest-yarn-summary__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-3)}.guest-yarn-summary__subtitle--hint{color:var(--color-gray-500);font-style:italic}.guest-yarn-summary__grid{display:flex;flex-direction:column;gap:var(--space-2)}.guest-yarn-summary__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-sm)}.guest-yarn-summary__color{display:flex;align-items:center;gap:var(--space-2)}.guest-yarn-summary__swatch{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);flex-shrink:0}.guest-yarn-summary__color-name{font-size:var(--font-size-sm);color:var(--color-gray-600);font-family:monospace}.guest-yarn-summary__stats{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-700)}.guest-yarn-summary__calculation{color:var(--color-gray-500);font-size:var(--font-size-xs)}.guest-yarn-summary__yardage{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.guest-yarn-summary__placeholder{padding:var(--space-3);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm);font-style:italic}.guest-yarn-summary__total{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-gray-200);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.guest-yarn-summary__total-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}[data-theme=dark] .guest-yarn-summary{background:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .guest-yarn-summary__title{color:var(--color-gray-200)}[data-theme=dark] .guest-yarn-summary__subtitle{color:var(--color-gray-400)}[data-theme=dark] .guest-yarn-summary__item{background:var(--color-gray-800)}[data-theme=dark] .guest-yarn-summary__swatch{border-color:var(--color-gray-600)}[data-theme=dark] .guest-yarn-summary__color-name{color:var(--color-gray-400)}[data-theme=dark] .guest-yarn-summary__stats{color:var(--color-gray-300)}[data-theme=dark] .guest-yarn-summary__calculation{color:var(--color-gray-500)}[data-theme=dark] .guest-yarn-summary__yardage{color:var(--color-gray-100)}[data-theme=dark] .guest-yarn-summary__placeholder{color:var(--color-gray-500)}[data-theme=dark] .guest-yarn-summary__total{border-color:var(--color-gray-700);color:var(--color-gray-300)}[data-theme=dark] .guest-yarn-summary__total-value{color:var(--color-primary-light)}.legal-page{min-height:100vh;padding:2rem 1rem;background:var(--color-background);color:var(--color-text)}.legal-page__container{max-width:800px;margin:0 auto}.legal-page h1{font-size:2.5rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.legal-page__effective{color:var(--color-text-secondary);margin-bottom:2rem;font-size:.9rem}.legal-section{margin-bottom:2.5rem}.legal-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-text);padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.legal-section h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--color-text)}.legal-section p{line-height:1.7;margin-bottom:1rem;color:var(--color-text-secondary)}.legal-section a{color:var(--color-primary);text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-list{list-style:none;padding:0;margin:1rem 0}.legal-list li{position:relative;padding-left:1.75rem;margin-bottom:.75rem;line-height:1.6;color:var(--color-text-secondary)}.legal-list li:before{content:"";position:absolute;left:0;top:.6rem;width:8px;height:8px;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:50%}.legal-list li strong{color:var(--color-text)}.legal-page__nav{display:flex;gap:1.5rem;padding-top:2rem;border-top:1px solid var(--color-border);margin-top:3rem}.legal-page__nav a{color:var(--color-primary);text-decoration:none;font-weight:500}.legal-page__nav a:hover{text-decoration:underline}[data-theme=dark] .legal-page{background:var(--color-background)}[data-theme=dark] .legal-section h2{border-bottom-color:var(--color-border)}@media (max-width: 640px){.legal-page{padding:1.5rem 1rem}.legal-page h1{font-size:2rem}.legal-section h2{font-size:1.25rem}.legal-page__nav{flex-direction:column;gap:1rem}}.privacy-promise-page .legal-page__container{max-width:900px}.privacy-promise__hero{text-align:center;margin-bottom:3rem}.privacy-promise__icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#3b82f61a,#10b9811a);margin-bottom:1.5rem}.privacy-promise__icon svg{color:#3b82f6}[data-theme=dark] .privacy-promise__icon{background:linear-gradient(135deg,#3b82f633,#10b98133)}.privacy-promise__tagline{font-size:1.25rem;color:var(--color-text-secondary);max-width:400px;margin:0 auto}.privacy-promise__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}.privacy-promise__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.privacy-promise__card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}[data-theme=dark] .privacy-promise__card:hover{box-shadow:0 8px 25px #0000004d}.privacy-promise__card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#3b82f61a,#10b9811a);margin-bottom:1rem}.privacy-promise__card-icon svg{color:#3b82f6}[data-theme=dark] .privacy-promise__card-icon{background:linear-gradient(135deg,#3b82f633,#10b98133)}.privacy-promise__card h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.privacy-promise__card p{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.privacy-promise__payments{text-align:center;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:2rem}.privacy-promise__payments h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-text);border:none;padding:0}.privacy-promise__payments p{max-width:500px;margin:0 auto 1.5rem;color:var(--color-text-secondary);line-height:1.6}.privacy-promise__stripe-badge{display:flex;justify-content:center}.privacy-promise__transparency{text-align:center;margin-bottom:2rem}.privacy-promise__transparency h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-text);border:none;padding:0}.privacy-promise__transparency p{max-width:500px;margin:0 auto;color:var(--color-text-secondary);line-height:1.6}@media (max-width: 640px){.privacy-promise__grid{grid-template-columns:1fr}.privacy-promise__icon{width:80px;height:80px}.privacy-promise__icon svg{width:48px;height:48px}}.App{min-height:100vh;display:flex;flex-direction:column}.App[data-theme=dark]{background-color:var(--color-gray-900);color:var(--color-gray-50)}.App[data-theme=dark] .header{background-color:var(--color-gray-800);border-bottom-color:var(--color-gray-700)}.App[data-theme=dark] .hero{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-accent-green-dark) 50%,var(--color-accent-brown-dark) 100%)}.App[data-theme=dark] .features{background-color:var(--color-gray-800)}.App[data-theme=dark] .feature-card{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}.App[data-theme=dark] .feature-card:hover{border-color:var(--color-primary)}.App[data-theme=dark] .feature-card__title{color:var(--color-gray-50)}.App[data-theme=dark] .feature-card__description{color:var(--color-gray-300)}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--color-gray-50);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.error-boundary__card{background:var(--color-white);border-radius:var(--radius-lg, .75rem);box-shadow:0 4px 24px #0000001a;padding:var(--space-8, 2rem) var(--space-6, 1.5rem);max-width:460px;width:100%;text-align:center}.error-boundary__icon{color:var(--color-warning, #f59e0b);margin-bottom:var(--space-4, 1rem)}.error-boundary__title{font-size:1.5rem;font-weight:600;color:var(--color-gray-900, #111827);margin:0 0 var(--space-3, .75rem)}.error-boundary__message{font-size:1rem;color:var(--color-gray-600, #4b5563);line-height:1.6;margin:0 0 var(--space-5, 1.25rem)}.error-boundary__details{text-align:left;margin-bottom:var(--space-5, 1.25rem);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-md, .5rem);overflow:hidden}.error-boundary__details summary{padding:var(--space-3, .75rem);font-size:.875rem;color:var(--color-gray-500, #6b7280);cursor:pointer;-webkit-user-select:none;user-select:none}.error-boundary__details summary:hover{background-color:var(--color-gray-50, #f9fafb)}.error-boundary__details pre{margin:0;padding:var(--space-3, .75rem);font-size:.8rem;color:var(--color-error, #ef4444);background-color:var(--color-gray-50, #f9fafb);border-top:1px solid var(--color-gray-200, #e5e7eb);white-space:pre-wrap;word-break:break-word}.error-boundary__actions{display:flex;gap:var(--space-3, .75rem);justify-content:center}.error-boundary__btn{padding:var(--space-2, .5rem) var(--space-5, 1.25rem);font-size:.9375rem;font-weight:500;border-radius:var(--radius-md, .5rem);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.error-boundary__btn--secondary{background-color:transparent;border:1px solid var(--color-gray-300, #d1d5db);color:var(--color-gray-600, #4b5563)}.error-boundary__btn--secondary:hover{background-color:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-400, #9ca3af)}.error-boundary__btn--primary{background-color:var(--color-primary, #60a5fa);border:1px solid var(--color-primary, #60a5fa);color:#fff}.error-boundary__btn--primary:hover{background-color:var(--color-primary-dark, #3b82f6);border-color:var(--color-primary-dark, #3b82f6)}:root{--color-primary: #60a5fa;--color-primary-dark: #3b82f6;--color-primary-light: #93c5fd;--color-accent-green: #86efac;--color-accent-green-dark: #4ade80;--color-accent-green-light: #bbf7d0;--color-accent-brown: #d4a574;--color-accent-brown-dark: #c99153;--color-accent-brown-light: #e5c9a8;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--font-family-sans: system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:#fff;min-width:320px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}p{margin:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark)}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--transition-base)}.btn--primary,.primary-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;gap:var(--space-2);transition:all var(--transition-base)}.btn--primary:hover,.primary-btn:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--secondary,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background-color:#fff;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;gap:var(--space-2);transition:all var(--transition-base)}.btn--secondary:hover,.secondary-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.secondary-btn--outline{background-color:transparent;border-color:var(--color-gray-300)}.secondary-btn--outline:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.btn--icon,.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background-color:transparent;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.btn--icon:hover,.icon-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn--icon svg,.icon-btn svg{width:18px;height:18px}.btn--icon-danger,.icon-btn--danger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background-color:transparent;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-400);transition:all var(--transition-base)}.btn--icon-danger:hover,.icon-btn--danger:hover{background-color:var(--color-error-light, #fef2f2);color:var(--color-error, #ef4444);border-color:var(--color-error, #ef4444)}.btn--icon-danger svg,.icon-btn--danger svg{width:18px;height:18px}[data-theme=dark] .btn--primary,[data-theme=dark] .primary-btn{background-color:var(--color-primary);border-color:var(--color-primary)}[data-theme=dark] .btn--primary:hover,[data-theme=dark] .primary-btn:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light)}[data-theme=dark] .btn--secondary,[data-theme=dark] .secondary-btn{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-200)}[data-theme=dark] .btn--secondary:hover,[data-theme=dark] .secondary-btn:hover{background-color:var(--color-gray-700);border-color:var(--color-gray-500)}[data-theme=dark] .secondary-btn--outline{background-color:transparent}[data-theme=dark] .secondary-btn--outline:hover{background-color:var(--color-gray-700)}[data-theme=dark] .btn--icon,[data-theme=dark] .icon-btn{border-color:var(--color-gray-600);color:var(--color-gray-400)}[data-theme=dark] .btn--icon:hover,[data-theme=dark] .icon-btn:hover{background-color:var(--color-gray-700);border-color:var(--color-gray-500)}[data-theme=dark] .btn--icon-danger,[data-theme=dark] .icon-btn--danger{border-color:var(--color-gray-600);color:var(--color-gray-500)}[data-theme=dark] .btn--icon-danger:hover,[data-theme=dark] .icon-btn--danger:hover{background-color:#ef444426;border-color:var(--color-error);color:#f87171}