:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:oklch(100% 0 0);--color-rail:oklch(96.5% .006 205);--color-panel:oklch(98.5% .004 205);--color-panel-strong:oklch(94% .009 205);--color-ink:oklch(18% .015 210);--color-muted:oklch(42% .018 210);--color-subtle:oklch(58% .018 210);--color-line:oklch(84% .011 205);--color-primary:oklch(43% .075 200);--color-primary-strong:oklch(35% .085 200);--color-accent:oklch(53% .14 38);--color-success:oklch(46% .11 152);--color-warning:oklch(62% .14 76);--color-danger:oklch(50% .14 24);--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{background:var(--color-bg);color:var(--color-ink);margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:linear-gradient(90deg, var(--color-rail) 0 220px, transparent 220px), var(--color-bg);grid-template-columns:220px minmax(0,1fr);width:100%;min-width:0;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--color-line);min-height:100vh;padding:var(--space-4);gap:var(--space-6);flex-direction:column;display:flex;position:sticky;top:0}.sidebar-header{gap:var(--space-3);display:grid}.brand-block{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.brand-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.brand-button:hover .brand-mark{background:var(--color-primary-strong)}.brand-mark{border-radius:var(--radius);background:var(--color-primary);width:36px;height:36px;color:var(--color-bg);place-items:center;display:grid}.brand-block div:last-child{gap:2px;min-width:0;display:grid}.brand-block strong{font-size:.96rem}.brand-block span,.local-boundary dt,.table-footer,.outfit-slot small,.outfit-slot em,.muted{color:var(--color-muted)}.brand-block span,.table-footer{font-size:.78rem}.compact-text{margin:0;font-size:.82rem}.nav-list{gap:var(--space-1);display:grid}.mobile-nav{display:none}.mobile-nav-trigger{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);min-height:44px;color:var(--color-ink);justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-3);font-size:.82rem;font-weight:800;display:inline-flex}.mobile-nav-trigger:hover{border-color:var(--color-primary)}.mobile-nav-menu{top:calc(100% + var(--space-2));z-index:8;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);width:min(280px,100vw - 32px);padding:var(--space-2);gap:var(--space-1);display:grid;position:absolute;right:0}.mobile-nav-menu[hidden]{display:none}.nav-button{border-radius:var(--radius);min-height:36px;color:var(--color-ink);align-items:center;gap:var(--space-2);padding:0 var(--space-2);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:18px 1fr 14px;transition:background-color .17s,border-color .17s,color .17s;display:grid}.nav-button:hover,.nav-button.active{background:var(--color-bg);border-color:var(--color-line)}.nav-button.active{color:var(--color-primary-strong)}.nav-button span{font-size:.83rem;font-weight:700}.sidebar-actions{margin-top:var(--space-2);gap:var(--space-2);grid-template-columns:1fr;display:grid}.sidebar-actions .icon-button{min-height:34px;padding:0 var(--space-2)}.local-boundary{border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--space-3);gap:var(--space-3);background:var(--color-bg);margin-top:auto;display:grid}.workspace{min-width:0;padding:var(--space-4)}.icon-button,.primary-button,.secondary-button{border-radius:var(--radius);border:1px solid var(--color-line);justify-content:center;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);background:var(--color-bg);color:var(--color-ink);font-size:.82rem;font-weight:750;text-decoration:none;transition:background-color .17s,border-color .17s,color .17s;display:inline-flex}.icon-button:hover,.secondary-button:hover{border-color:var(--color-primary)}.primary-button{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-bg)}.primary-button:hover{background:var(--color-primary-strong)}.danger-action{color:var(--color-danger)}.danger-action:hover{border-color:var(--color-danger)}.content-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.content-grid.single{grid-template-columns:minmax(0,1fr)}.primary-pane{gap:var(--space-4);min-width:0;display:grid}.panel{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);min-width:0}.panel-header{padding:var(--space-4);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.panel-header.compact{padding-bottom:var(--space-3);align-items:center}.panel-header h1,.panel-title-row h1{text-wrap:balance;margin:0;font-size:1rem}.panel-subtitle{color:var(--color-muted);margin-top:3px;font-size:.76rem;font-weight:750;display:block}.panel-actions,.control-cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}label{color:var(--color-muted);gap:5px;font-size:.74rem;font-weight:750;display:grid}input,select,textarea{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);min-height:34px;color:var(--color-ink);padding:0 var(--space-2);font-size:1rem}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:1}input[readonly]{background:var(--color-panel);color:var(--color-muted)}input[type=range],input[type=checkbox]{min-height:auto}input[type=color]{width:100%;min-height:34px;padding:2px}textarea{min-height:90px;padding:var(--space-2);resize:vertical}.select-custom-field{align-content:start}.select-custom-field input{min-width:0}.status-chip{border:1px solid var(--color-line);background:var(--color-panel);min-height:24px;color:var(--color-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.tone-success{border-color:color-mix(in oklch, var(--color-success), white 58%);color:oklch(31% .092 152);background:oklch(95% .032 152)}.tone-warning{border-color:color-mix(in oklch, var(--color-warning), white 45%);color:oklch(32% .07 76);background:oklch(94% .045 76)}.tone-info{border-color:color-mix(in oklch, var(--color-primary), white 52%);color:var(--color-primary-strong);background:oklch(94% .025 200)}.today-stack,.dashboard-stack{gap:var(--space-4);display:grid}.weather-panel{overflow:hidden}.weather-heading{gap:2px;min-width:0;display:grid}.weather-heading span{color:var(--color-muted);font-size:.78rem;font-weight:750}.weather-panel.is-collapsed .panel-header{border-bottom:0}.rotate-icon{transform:rotate(90deg)}.weather-layout{gap:var(--space-4);padding:var(--space-4);grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"main places";display:grid}.weather-main,.weather-places{min-width:0}.weather-main{grid-area:main}.weather-places{align-content:start;gap:var(--space-3);grid-area:places;display:grid}.weather-empty{border:1px solid var(--color-line);border-radius:var(--radius);align-content:center;place-items:center;gap:var(--space-2);min-height:216px;color:var(--color-muted);background:var(--color-panel);display:grid}.weather-empty strong{color:var(--color-ink)}.zip-form{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.destination-toggle{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);min-height:34px}.weather-secondary{border-top:1px solid var(--color-line);padding:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.weather-secondary:empty{display:none}.weather-card{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);overflow:hidden}.weather-card.active{border-color:color-mix(in oklch, var(--color-primary), white 42%)}.weather-card-top{min-height:98px;padding:var(--space-4);gap:var(--space-4);background:var(--color-panel);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.weather-card-top h2{margin:2px 0;font-size:1rem}.weather-card-top small,.weather-label,.weather-temp span,.hourly-strip small,.forecast-days small,.planner-weather span{color:var(--color-muted)}.weather-label{font-size:.72rem;font-weight:800}.weather-temp{text-align:right;gap:2px;min-width:120px;display:grid}.weather-temp strong{font-size:2rem;line-height:1}.weather-temp span{max-width:160px;font-size:.78rem}.weather-facts{padding:var(--space-3) var(--space-4);gap:var(--space-2);border-top:1px solid var(--color-line);flex-wrap:wrap;display:flex}.hourly-strip{border-top:1px solid var(--color-line);grid-template-columns:repeat(8,minmax(76px,1fr));display:grid;overflow-x:auto}.hourly-strip div{min-height:66px;padding:var(--space-2);gap:2px;display:grid}.hourly-strip div+div{border-left:1px solid var(--color-line)}.hourly-strip span,.forecast-days span{color:var(--color-muted);font-size:.72rem;font-weight:800}.hourly-strip strong,.forecast-days strong{font-size:.9rem}.forecast-days{border-top:1px solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.forecast-days div{min-height:64px;padding:var(--space-3);gap:2px;display:grid}.forecast-days div+div{border-left:1px solid var(--color-line)}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(190px,1fr));display:grid}.dashboard-grid.two{grid-template-columns:repeat(3,minmax(220px,1fr))}.mini-panel{padding:var(--space-4);gap:var(--space-3);display:grid}.panel-title-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.panel-title-row svg{color:var(--color-primary)}.bar-list,.action-list,.mini-list{gap:var(--space-2);display:grid}.bar-row{gap:var(--space-2);grid-template-columns:minmax(72px,.85fr) minmax(90px,1fr) auto;align-items:center;font-size:.78rem;display:grid}.bar-row span{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-row div{background:var(--color-panel-strong);border-radius:999px;height:8px;overflow:hidden}.bar-row i{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.bar-row strong{text-align:right;min-width:44px;font-size:.76rem}.palette-grid{padding:var(--space-4);gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.color-panel{overflow:hidden}.color-pie-layout{padding:var(--space-4);gap:var(--space-4);grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:center;display:grid}.color-pie{aspect-ratio:1;border:1px solid var(--color-line);background:conic-gradient(var(--pie));border-radius:999px;width:100%}.palette-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:0}.palette-swatch{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);align-items:center;gap:var(--space-2);min-height:58px;padding:var(--space-2);text-align:left;grid-template-columns:24px minmax(0,1fr) auto;display:grid}.palette-swatch:hover{border-color:var(--color-primary)}.palette-swatch span{border:1px solid var(--color-line);background:var(--swatch);border-radius:999px;width:24px;height:24px}.palette-swatch strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.palette-swatch small{color:var(--color-muted);font-weight:800}.brand-coverage-list{gap:var(--space-2);display:grid}.brand-coverage-list div{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:38px;display:grid}.brand-coverage-list strong,.brand-coverage-list span{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.brand-coverage-list span{color:var(--color-muted);font-weight:750}.action-list div{border:1px solid var(--color-line);border-radius:var(--radius);min-height:52px;padding:var(--space-2);gap:3px;display:grid}.action-list span{color:var(--color-muted);font-size:.78rem;line-height:1.35}.mini-list div{align-items:center;gap:var(--space-2);grid-template-columns:34px minmax(0,1fr) auto;min-height:44px;display:grid}.mini-list span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.mini-list small{color:var(--color-muted);font-size:.74rem}.table-wrap{width:100%;max-width:100%;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:1280px}.data-table th,.data-table td{border-bottom:1px solid var(--color-line);padding:9px var(--space-3);text-align:left;vertical-align:middle;font-size:.82rem}.data-table th{z-index:1;background:var(--color-panel);color:var(--color-muted);font-size:.72rem;font-weight:800;position:sticky;top:0}.data-table thead tr:first-child th{z-index:3;top:0}.data-table .table-filter-row th{z-index:3;padding:6px var(--space-2);background:var(--color-bg);top:37px}.data-table th button{width:100%;color:inherit;text-align:left;font-size:inherit;font-weight:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.data-table th button span{color:var(--color-primary-strong);font-size:.68rem}.data-table tbody tr{transition:background-color .16s}.data-table tbody tr:hover,.inventory-row.selected{background:oklch(96.5% .018 200)}.inventory-row{cursor:pointer}.inventory-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.table-filter-row input,.table-filter-row select{width:100%;min-height:30px;font-size:.76rem;font-weight:700}.table-search{border:1px solid var(--color-line);border-radius:var(--radius);align-items:center;gap:var(--space-1);min-height:30px;padding:0 var(--space-2);background:var(--color-bg);display:flex}.table-search input{border:0;outline:0;min-height:0;padding:0}.compact-chip-row{flex-wrap:wrap;gap:4px;display:flex}.item-name-cell{align-items:center;gap:var(--space-2);min-width:250px;display:flex}.item-name-cell div{gap:2px;min-width:0;display:grid}.item-name-cell strong,.item-name-cell span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-name-cell span{color:var(--color-muted);font-size:.75rem}.item-visual{border:1px solid var(--color-line);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in oklch, var(--swatch), white 18%), var(--swatch)), var(--color-panel);color:var(--color-bg);text-transform:uppercase;flex:none;place-items:center;font-size:.68rem;font-weight:850;display:grid;overflow:hidden}.item-visual img{object-fit:cover;width:100%;height:100%}.visual-sm{width:34px;height:34px}.visual-md{width:48px;height:48px}.visual-lg{width:78px;height:78px}.remove-column,.remove-cell{text-align:center;width:58px;min-width:58px}.row-remove{border-radius:var(--radius);width:30px;height:30px;color:var(--color-danger);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.row-remove:hover{border-color:color-mix(in oklch, var(--color-danger), white 50%);background:oklch(96% .026 24)}.item-detail-row td{background:var(--color-panel);padding:0}.item-detail-panel{margin:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);gap:var(--space-3);padding:var(--space-3);display:grid}.item-detail-header{align-items:center;gap:var(--space-3);grid-template-columns:48px minmax(0,1fr) auto;display:grid}.item-detail-header h2{margin:0;font-size:.95rem}.item-detail-header span,.item-detail-grid span,.item-detail-tags span{color:var(--color-muted);font-size:.72rem;font-weight:800}.item-detail-grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(150px,1fr));display:grid}.item-detail-grid div,.item-detail-tags>div{border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--space-2);gap:3px;display:grid}.item-detail-grid strong,.item-detail-tags strong{font-size:.82rem}.item-detail-tags{gap:var(--space-2);grid-template-columns:repeat(3,minmax(180px,1fr));display:grid}.item-detail-panel p{color:var(--color-muted);margin:0;line-height:1.4}.empty-row{color:var(--color-muted);text-align:center;padding:var(--space-8)}.table-footer{padding:var(--space-3) var(--space-4);justify-content:space-between;gap:var(--space-3);display:flex}.planner-grid,.settings-grid{gap:var(--space-4);display:grid}.planner-controls,.settings-list{padding:var(--space-4);gap:var(--space-3);grid-template-columns:repeat(6,minmax(118px,1fr));display:grid}.planner-location-form{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-panel);min-width:0;padding:var(--space-2);align-items:end;gap:var(--space-2);grid-column:span 3;grid-template-columns:auto minmax(110px,1fr) auto;display:grid}.planner-weather{margin:var(--space-4) var(--space-4) 0;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-panel);align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);flex-wrap:wrap;display:flex}.planner-weather.state-ready{border-color:color-mix(in oklch, var(--color-success), white 55%);background:oklch(96% .026 152)}.planner-weather.state-manual{border-color:color-mix(in oklch, var(--color-warning), white 42%);background:oklch(96% .032 76)}.planner-weather strong,.planner-weather span{font-size:.82rem}.planner-weather-locations{margin:var(--space-4) var(--space-4) 0;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.planner-weather-card{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-panel);min-height:78px;padding:var(--space-3);gap:var(--space-2);display:grid}.planner-weather-card.active{border-color:color-mix(in oklch, var(--color-primary), white 38%);background:oklch(96% .018 200)}.planner-weather-card>div:first-child{gap:2px;min-width:0;display:grid}.planner-weather-card span,.planner-weather-status span{color:var(--color-muted);font-size:.76rem;font-weight:750}.planner-weather-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.planner-weather-metrics{gap:var(--space-1);flex-wrap:wrap;display:flex}.planner-weather-status{border:1px solid var(--color-line);border-radius:var(--radius);align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-3);background:var(--color-bg);grid-column:1/-1;display:flex}.settings-list{grid-template-columns:repeat(2,minmax(180px,1fr))}.checkbox-line{align-items:center;gap:var(--space-2);color:var(--color-ink);flex-direction:row;font-weight:700;display:flex}.checkbox-line input{width:15px;height:15px}.outfit-panel{overflow:hidden}.outfit-board{padding:var(--space-4);gap:var(--space-3);background:var(--color-panel);grid-template-columns:1fr 1fr 1fr;grid-template-areas:"outer top accessory""outer bottom accessory""shoes shoes shoes";display:grid}.outfit-slot{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);min-height:134px;padding:var(--space-3);gap:var(--space-2);align-content:start;display:grid}.outfit-slot-items{gap:var(--space-2);display:grid}.outfit-slot-item{align-items:center;gap:var(--space-2);grid-template-columns:78px minmax(0,1fr) auto;min-width:0;display:grid}.outfit-slot-item>div{gap:2px;min-width:0;display:grid}.outfit-slot-item strong,.outfit-slot-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slot-item-actions{justify-content:end;align-items:center;gap:var(--space-1);display:flex}.slot-action-button,.slot-add-button{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);min-height:30px;color:var(--color-ink);justify-content:center;align-items:center;gap:var(--space-1);padding:0 var(--space-2);font-size:.74rem;font-weight:800;display:inline-flex}.slot-action-button:hover,.slot-add-button:hover{border-color:var(--color-primary)}.slot-add-button{background:var(--color-panel);width:100%}.outfit-slot-empty{gap:var(--space-2);display:grid}.slot-outerwear{grid-area:outer}.slot-top{grid-area:top}.slot-bottom{grid-area:bottom}.slot-shoes{grid-area:shoes}.slot-accessory{grid-area:accessory}.outfit-slot>span{color:var(--color-muted);font-size:.72rem;font-weight:800}.outfit-slot-item strong{font-size:.85rem}.evidence-list{padding:var(--space-4);gap:var(--space-2);display:grid}.weather-fit-list{border-top:1px solid var(--color-line);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.weather-fit-list div{min-height:76px;padding:var(--space-3);gap:3px;display:grid}.weather-fit-list div+div{border-left:1px solid var(--color-line)}.weather-fit-list span,.weather-fit-list small{color:var(--color-muted);font-size:.72rem}.weather-fit-list strong{font-size:.86rem}.weather-fit-list meter{height:8px}.evidence-list div{align-items:center;gap:var(--space-2);font-size:.84rem;display:flex}.warning-line{color:var(--color-danger)}.alternatives{border-top:1px solid var(--color-line);display:grid}.side-panel .alternatives{border-top:0}.alternatives section{padding:var(--space-3) var(--space-4);gap:var(--space-2);display:grid}.alternatives section+section{border-top:1px solid var(--color-line)}.alternatives h2{color:var(--color-muted);margin:0;font-size:.74rem;font-weight:800}.alternative-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.alternative-header>div{gap:var(--space-1);flex-wrap:wrap;display:flex}.alternative-header button{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);min-height:30px;color:var(--color-ink);padding:0 var(--space-2);font-size:.74rem;font-weight:800}.alternative-header button:hover{border-color:var(--color-primary)}.slot-picker-results button{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-1) var(--space-2);text-align:left;grid-template-columns:34px minmax(0,1fr);display:grid}.slot-picker-results button:hover{border-color:var(--color-primary)}.slot-picker-results button span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.slot-picker{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-panel);padding:var(--space-2);gap:var(--space-2);display:grid}.slot-picker-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.slot-picker-header strong{font-size:.82rem}.slot-picker-header button{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);min-height:30px;color:var(--color-ink);align-items:center;gap:var(--space-1);padding:0 var(--space-2);font-size:.74rem;font-weight:800;display:inline-flex}.slot-picker-header button:hover{border-color:var(--color-primary)}.slot-picker-results{gap:var(--space-2);max-height:248px;display:grid;overflow:auto}.slot-picker-results button{grid-template-columns:34px minmax(0,1fr) auto}.slot-picker-results small{color:var(--color-muted);font-size:.72rem;font-weight:750}.capture-form{padding:var(--space-4);gap:var(--space-4);display:grid}.image-dropzone{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-panel);min-height:156px;padding:var(--space-3);align-items:center;gap:var(--space-3);grid-template-columns:132px auto auto minmax(0,1fr);display:grid}.image-dropzone>div{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);width:132px;height:132px;color:var(--color-primary);place-items:center;display:grid;overflow:hidden}.image-dropzone img{object-fit:cover;width:100%;height:100%}.form-profile{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-panel);padding:var(--space-3);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.form-profile>strong{font-size:.86rem}.capture-form fieldset{border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(4,minmax(150px,1fr));margin:0;display:grid}.capture-form legend{padding:0 var(--space-2);color:var(--color-primary-strong);font-weight:800}.notes-field,.tag-fieldset{grid-column:1/-1}.toggle-grid{gap:var(--space-2);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.form-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.side-panel{top:var(--space-4);gap:var(--space-4);padding:var(--space-4);display:grid;position:sticky}.side-panel>.panel-title-row{border-bottom:1px solid var(--color-line);padding-bottom:var(--space-3)}meter{width:100%;height:9px}.tag-list,.profile-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}body.local-component-labels [data-component]{position:relative}body.local-component-labels [data-component]:before{content:attr(data-component);z-index:5;border:1px solid color-mix(in oklch, var(--color-primary), white 45%);background:var(--color-bg);max-width:calc(100% - 4px);color:var(--color-primary-strong);pointer-events:none;opacity:.86;border-radius:999px;padding:1px 6px;font-size:.62rem;font-weight:850;line-height:1.4;position:absolute;top:2px;left:2px}body.local-component-labels .sidebar[data-component]:before,body.local-component-labels .app-shell[data-component]:before{display:none}.toast{right:var(--space-4);bottom:var(--space-4);z-index:10;border-radius:var(--radius);background:var(--color-ink);color:var(--color-bg);padding:var(--space-3) var(--space-4);font-weight:800;position:fixed}.modal-backdrop{z-index:20;background:color-mix(in oklch, var(--color-ink), transparent 58%);padding:var(--space-4);place-items:center;display:grid;position:fixed;inset:0}.install-dialog{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);width:min(520px,100%);overflow:hidden}.install-steps{padding:var(--space-4);gap:var(--space-3);display:grid}.install-steps ol{padding-left:var(--space-5);gap:var(--space-2);margin:0;display:grid}.install-steps li{line-height:1.4}@media (width<=1320px){.dashboard-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.dashboard-grid.two,.capture-form fieldset,.weather-layout,.weather-secondary{grid-template-columns:repeat(2,minmax(180px,1fr))}.planner-controls{grid-template-columns:repeat(3,minmax(180px,1fr))}.planner-location-form{grid-column:1/-1}}@media (width<=1180px){.content-grid{grid-template-columns:1fr}.side-panel{position:static}}@media (width<=900px){html,body,#root,.app-shell,.sidebar,.workspace,.content-grid,.primary-pane,.panel{max-width:100vw}body{overflow-x:hidden}.app-shell{background:var(--color-bg);grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--color-line);min-height:auto;padding:var(--space-3) var(--space-4);gap:var(--space-3);position:static}.sidebar-header{grid-template-columns:minmax(0,1fr) auto;align-items:center}.nav-list{display:none}.mobile-nav{display:block;position:relative}.mobile-nav-menu .nav-button{width:100%;min-width:0;min-height:44px}.local-boundary{display:none}.workspace{width:100%}.table-wrap{width:calc(100vw - (var(--space-4) * 2));max-width:calc(100vw - (var(--space-4) * 2))}.dashboard-grid,.dashboard-grid.two,.planner-controls,.settings-list,.capture-form fieldset,.image-dropzone,.weather-layout,.weather-secondary,.zip-form{grid-template-columns:1fr}input,select,textarea{font-size:16px}.planner-location-form,.color-pie-layout{grid-template-columns:1fr}.color-pie{justify-self:center;width:min(260px,100%)}.weather-layout{grid-template-areas:"places""main"}.weather-card-top,.forecast-days{grid-template-columns:1fr}.weather-temp{text-align:left}.forecast-days div+div{border-left:0;border-top:1px solid var(--color-line)}.image-dropzone>div{width:100%;max-width:220px}.outfit-board{grid-template-columns:1fr;grid-template-areas:"outer""top""bottom""shoes""accessory"}.alternatives.compact .alternative-candidates,.item-detail-grid,.item-detail-tags,.item-detail-header,.outfit-slot-item{grid-template-columns:1fr}.slot-item-actions{justify-content:start}.icon-button,.primary-button,.secondary-button,.slot-action-button,.slot-add-button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}