:root{color:#352f29;font-synthesis:none;--paper:#f9f8f5;--surface:#fffefa;--ink:#352f29;--muted:#756e65;--line:#e3dfd7;--accent:#8b4b36;--accent-hover:#713c2b;--tint:#eee9df;--danger:#943a30;--success:#365344;--radius:8px;background:#f9f8f5;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:15px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,select{outline-offset:4px}:focus-visible{outline:2px solid var(--accent)}button{color:inherit}button svg{flex-shrink:0}a{color:inherit}button,input,select{min-height:44px}button{background:0 0;border:0}input:not([type=checkbox]),select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:5px;width:100%;padding:10px 12px}input::placeholder{color:var(--muted)}input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--accent);cursor:pointer}h1,h2,p{margin:0}h1{letter-spacing:.045em;font-family:Iowan Old Style,Palatino Linotype,Noto Serif TC,Songti TC,serif;font-size:clamp(32px,3.3vw,46px);font-weight:500;line-height:1.3}h2{font-size:18px;font-weight:500}.site-header{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:88px;padding:0 4%;display:flex}.brand{align-items:center;gap:13px;text-decoration:none;display:flex}.brand>span{letter-spacing:.14em;align-items:baseline;gap:13px;font-family:Noto Serif TC,Songti TC,serif;font-size:25px;display:flex}.brand-en{letter-spacing:.18em;font-family:Palatino Linotype,Palatino,serif;font-size:12px}.header-note{color:var(--muted);letter-spacing:.12em;font-size:13px}.eyebrow{letter-spacing:.16em;color:var(--muted);font-size:11px;font-weight:500}.primary-button,.secondary-button,.danger-button{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:11px 19px;font-weight:500;transition:background-color .15s;display:inline-flex}.primary-button{background:var(--accent);color:#fffefa;border:1px solid var(--accent)}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.secondary-button{border:1px solid var(--line);background:var(--surface)}.secondary-button:hover:not(:disabled){background:var(--tint)}.danger-button{background:var(--danger);color:var(--surface)}.text-button{align-items:center;gap:7px;padding:8px 0;font-size:13px;display:inline-flex}.text-button:hover{text-underline-offset:4px;text-decoration:underline}.icon-button{border-radius:5px;justify-content:center;align-items:center;min-width:44px;padding:8px;display:inline-flex}.icon-button:hover{background:var(--tint)}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.65}.button-row{gap:10px;display:flex}.danger{color:var(--danger)}.welcome{grid-template-columns:1fr 1fr;align-items:center;gap:9%;max-width:1240px;margin:auto;padding:64px 5% 80px;display:grid}.welcome h1{margin-top:22px;font-size:clamp(36px,4vw,54px);line-height:1.55}.welcome-description{color:var(--muted);margin-top:20px;font-size:17px;line-height:1.9}.welcome-actions{gap:16px;max-width:390px;margin-top:48px;display:grid}.welcome-actions h2{font-size:16px}.welcome-actions>.primary-button{justify-self:start;padding-inline:30px}.auth-form{gap:14px;display:grid}.auth-form label{gap:6px;display:grid}.demo-link{justify-self:start}.welcome-art{background:#eae4d8;flex-direction:column;min-height:540px;padding:25px;display:flex}.art-caption{letter-spacing:.14em;justify-content:space-between;gap:12px;font-size:9px;display:flex}.art-garments{flex:1;min-height:420px;position:relative}.art-garments img{object-fit:contain;position:absolute}.art-shirt{width:75%;height:70%;top:0;left:0}.art-pants{width:57%;height:70%;bottom:0;right:0}.art-bag{width:37%;height:33%;bottom:4%;left:0}.art-bottom{letter-spacing:.1em;border-top:1px solid #cfc7b8;align-items:center;gap:10px;padding-top:15px;font-size:12px;display:flex}.account-area{align-items:center;gap:24px;min-width:0;display:flex}.account-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:12px;overflow:hidden}.app-frame{grid-template-columns:220px minmax(0,1fr);max-width:1600px;min-height:calc(100vh - 88px);margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:36px;padding:36px 20px 24px 28px;display:flex}.sidebar-section{gap:4px;display:grid}.sidebar-section>.eyebrow{margin-bottom:12px;padding:0 10px}.nav-button{text-align:left;border-radius:4px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;display:flex}.nav-button:hover{background:var(--tint)}.nav-button.active{background:var(--tint);color:var(--accent);font-weight:600}.nav-count{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto;font-size:11px}.category-button{padding-left:12px}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.sidebar-bottom p{color:var(--muted);margin-bottom:22px;font-family:Noto Serif TC,Songti TC,serif;font-size:16px;line-height:1.9}.wardrobe-main{min-width:0;padding:24px 4.5% 0}.demo-banner{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding-bottom:13px;font-size:11px;display:flex}.mode-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.demo-banner .text-button{white-space:nowrap;min-height:32px;padding:0;font-size:11px}.collection-heading{justify-content:space-between;align-items:center;gap:24px;padding:36px 0 30px;display:flex}.collection-heading h1{margin-top:9px}.collection-description{color:var(--muted);margin-top:14px;font-size:13px}.inline-count{border-left:1px solid var(--line);margin-left:16px;padding-left:16px;display:inline-block}.collection-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.search-field{min-width:160px;max-width:350px;color:var(--muted);flex:1;align-items:center;gap:10px;display:flex}.search-field input{background:0 0;border:0;padding-left:0;font-size:13px}.toolbar-controls{align-items:center;gap:14px;display:flex}.toolbar-controls .secondary-button{padding:9px 12px;font-size:12px}.select-control{align-items:center;gap:4px;display:flex}.select-control select,.sort-select{background:0 0;border:0;width:auto;padding:8px 0;font-size:12px}.selected-control{background:var(--tint)}.collection-subline{justify-content:space-between;gap:14px;margin:24px 0 18px;font-size:12px;display:flex}.collection-subline>span:last-child{color:var(--muted);font-size:11px}.subline-count{color:var(--muted);margin-left:8px}.clothing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;display:grid}.clothing-card{min-width:0}.garment-frame{aspect-ratio:4/4.6;background:#eeece6;border-radius:4px;position:relative;overflow:hidden}.garment-open{width:100%;height:100%;padding:0;display:block}.garment-open img{object-fit:contain;width:100%;height:100%;padding:28px;transition:transform .18s;display:block}.garment-open:hover img{transform:scale(1.035)}.color-0{background:#eeece6}.color-1{background:#e8e7e4}.color-2{background:#e9e8e5}.color-3{background:#eee7db}.color-4{background:#e8ded1}.color-5{background:#e2e7e9}.color-6{background:#e5e8df}.color-7{background:#ecdfd9}.color-8{background:#e9e5df}.garment-category{color:var(--muted);pointer-events:none;font-size:10px;position:absolute;bottom:13px;left:14px}.garment-caption{justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.garment-caption>div{min-width:0}.garment-caption h2{overflow-wrap:anywhere;font-size:14px}.garment-caption p{color:var(--muted);align-items:center;gap:6px;margin-top:3px;font-size:11px;display:flex}.edit-arrow{color:var(--muted);flex-shrink:0}.color-dot{border:1px solid #aca599;border-radius:50%;width:8px;height:8px}.color-dot-0{background:#fff}.color-dot-1{background:#393735}.color-dot-2{background:#99958e}.color-dot-3{background:#d6c8b0}.color-dot-4{background:#8b6a4f}.color-dot-5{background:#687f94}.color-dot-6{background:#77836d}.color-dot-7{background:#a45c4c}.color-dot-8{background:#b2a291}.item-selection{background:var(--surface);border-radius:4px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:6px;right:6px}.is-selected .garment-frame{outline:2px solid var(--accent);outline-offset:3px}.selection-bar{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);z-index:2;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:12px 18px;display:flex;position:sticky;bottom:16px}.empty-state{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:72px 20px;display:flex}.empty-state h2{color:var(--ink);font-size:21px}.empty-state p{font-size:14px}.collection-footer{border-top:1px solid var(--line);letter-spacing:.1em;color:var(--muted);justify-content:space-between;margin-top:48px;padding:22px 0;font-size:10px;display:flex}.error-message{color:var(--danger);background:#f5e9e4;border-radius:5px;padding:12px 14px;font-size:13px}.error-banner{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.notice{color:var(--success);background:#e8eee7;border-radius:5px;align-items:center;gap:10px;margin-bottom:18px;padding:8px 12px;font-size:13px;display:flex}.notice>.icon-button{margin-left:auto}.success-message{color:var(--success);align-items:flex-start;gap:8px;font-size:13px;display:flex}.success-message svg{flex-shrink:0;margin-top:4px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;width:min(500px,100% - 32px);max-height:calc(100dvh - 32px);padding:0}dialog::backdrop{background:#302b245c}.dialog-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:1;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0}.dialog-header h2{font-family:Noto Serif TC,Songti TC,serif;font-size:21px}.item-form{gap:20px;padding:24px;display:grid}.item-form>label,.form-pair label{gap:7px;font-size:13px;display:grid}.form-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.photo-upload{background:var(--tint);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:20px;display:flex}.photo-upload>img{object-fit:contain;width:100%;height:160px}.upload-label{background:var(--surface);border:1px solid var(--line);border-radius:5px;place-items:center;min-height:44px;padding:8px 18px;font-size:13px;display:grid;position:relative;overflow:hidden}.upload-label input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.upload-label:focus-within{outline:2px solid var(--accent);outline-offset:3px}.photo-upload .hint{text-align:center;font-size:11px}.form-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.form-footer>.text-button{margin-right:auto;font-size:12px}.delete-confirm{gap:16px;font-size:13px;display:grid}.outfit-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.outfit-preview>div{text-align:center;overflow-wrap:anywhere;min-width:0;font-size:11px}.outfit-preview img{object-fit:contain;background:var(--tint);border-radius:4px;width:100%;height:100px;margin-bottom:7px;padding:8px;display:block}.outfit-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:28px;display:grid}.outfit-mosaic{background:var(--tint);border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:220px;padding:20px;display:grid}.outfit-mosaic img{object-fit:contain;width:100%;height:160px}.outfit-mosaic>span{color:var(--muted);align-self:center;font-size:13px}.outfit-caption{justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.outfit-caption h2{overflow-wrap:anywhere}.outfit-caption p,.outfit-piece-names{color:var(--muted);font-size:12px}.outfit-piece-names{overflow-wrap:anywhere;margin-top:8px}.help-content{gap:20px;padding:24px;font-size:14px;display:grid}.help-content .secondary-button{justify-self:start}.missing-image{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.initial-loading{min-height:100dvh;color:var(--muted);place-items:center;display:grid}@media (width>=1500px){.clothing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.app-frame{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-inline:16px}.wardrobe-main{padding-inline:4%}.collection-toolbar{flex-wrap:wrap;gap:6px}.toolbar-controls{margin-left:auto}.search-field{flex-basis:100%;max-width:none}.inline-count{border:0;margin:5px 0 0;padding:0;display:block}.garment-open img{padding:16px}}@media (width<=720px){.site-header{height:72px;padding:0 20px}.brand>span{gap:8px;font-size:22px}.brand-en{font-size:9px}.brand{gap:9px}.header-note{display:none}.welcome{grid-template-columns:1fr;gap:40px;padding:40px 24px}.welcome h1{font-size:39px}.welcome-actions{margin-top:32px}.welcome-art{min-height:360px}.art-garments{min-height:300px}.account-area{gap:10px}.account-label{max-width:100px;font-size:10px}.account-area .text-button{font-size:11px}.app-frame{flex-direction:column;display:flex}.sidebar{border:0;gap:0;padding:0}.sidebar-section:first-child{border-bottom:1px solid var(--line);gap:12px;padding:7px 20px;display:flex}.sidebar-section:first-child>.eyebrow{display:none}.sidebar-section:first-child .nav-button{gap:8px;width:auto;padding:9px 12px;font-size:12px}.nav-count{font-size:10px}.category-navigation{border-bottom:1px solid var(--line);gap:8px;padding:10px 20px;display:flex;overflow-x:auto}.category-navigation>.eyebrow{display:none}.category-navigation .nav-button{flex-shrink:0;gap:10px;width:auto;min-height:44px;padding:8px 12px;font-size:12px}.sidebar-bottom{display:none}.wardrobe-main{padding:0 20px}.demo-banner{padding:8px 0;font-size:10px}.demo-detail{display:none}.collection-heading{align-items:flex-start;gap:12px;padding:28px 0 22px}.collection-heading h1{font-size:32px}.collection-heading .eyebrow{letter-spacing:.12em;font-size:8px}.collection-heading>.primary-button{gap:6px;margin-top:18px;padding:9px 12px;font-size:12px}.collection-description{max-width:205px;margin-top:10px;font-size:11px}.collection-toolbar{padding:10px 0}.toolbar-controls{justify-content:space-between;gap:8px;width:100%}.toolbar-controls .secondary-button{padding:8px;font-size:11px}.sort-select,.select-control select{font-size:11px}.select-control{gap:0}.clothing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.collection-subline{margin:20px 0 14px;font-size:11px}.collection-subline>span:last-child{font-size:9px}.garment-open img{padding:16px 12px 26px}.garment-caption h2{font-size:14px}.garment-caption{gap:0;padding-top:9px}.garment-category{font-size:9px;bottom:10px;left:10px}.garment-caption p{font-size:12px}.outfit-grid{grid-template-columns:1fr}.selection-bar{padding:10px 12px;font-size:12px;bottom:10px}.selection-bar .primary-button{padding:9px 12px;font-size:12px}.collection-footer{margin-top:36px;font-size:9px}.item-form{gap:18px;padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}textarea{resize:vertical;width:100%;min-height:96px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:10px 12px}h3{margin:0;font-size:16px;font-weight:500}.photo-source-buttons,.photo-tools{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.photo-source-buttons{justify-content:center}.camera-label{gap:8px;display:flex}.photo-tools{margin-top:-10px}.photo-tools .text-button{font-size:12px}.photo-zoomed{max-height:340px;display:block;overflow:auto}.photo-zoomed>img{width:150%;max-width:none;height:auto;margin-bottom:16px}.item-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;padding:18px 0;display:grid}.item-stats>div{flex-direction:column;gap:4px;display:flex}.item-stats span{color:var(--muted);font-size:11px}.item-stats output,.item-stats time{font-size:14px}.related-items{gap:8px;display:grid}.related-items>div{gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.related-items button{text-align:left;flex-direction:column;flex-shrink:0;gap:6px;width:100px;padding:0;font-size:11px;display:flex}.related-items img{object-fit:contain;background:var(--tint);border-radius:4px;width:100%;height:100px;padding:8px}.color-9{background:#eee8d7}.color-10{background:#ecdfd1}.color-11{background:#eee1e0}.color-12{background:#e7e1ea}.color-dot-9{background:#d7b64f}.color-dot-10{background:#bf854c}.color-dot-11{background:#d6a3ab}.color-dot-12{background:#8e739d}.outfit-item-picker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:10px}.outfit-item-picker summary{cursor:pointer;text-underline-offset:4px;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;display:flex}.outfit-item-picker>label{gap:5px;margin-bottom:10px;font-size:12px;display:grid}.outfit-pick-list{gap:6px;max-height:270px;display:grid;overflow-y:auto}.outfit-pick-list>label{align-items:center;gap:10px;padding:7px 0;font-size:13px;display:flex}.outfit-pick-list img{object-fit:contain;background:var(--tint);width:48px;height:48px;padding:3px}.outfit-filters{border-top:1px solid var(--line);gap:20px;padding:18px 0;display:flex}.outfit-filters label{color:var(--muted);gap:4px;font-size:12px;display:grid}.outfit-filters select{min-width:140px}.outfit-actions{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:10px;display:flex}.fitting-layout{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);align-items:start;gap:32px;padding-top:24px;display:grid}.fitting-board{background:var(--tint);border-radius:5px;padding:24px}.fitting-board-heading{color:var(--muted);border-bottom:1px solid #d3cbbd;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;font-size:11px;display:flex}.flatlay-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:24px 12px;min-height:340px;padding:24px 0;display:grid}.flatlay-piece{text-align:center;min-width:0;margin:0}.flatlay-piece img{object-fit:contain;width:100%;height:180px;padding:5px}.flatlay-piece figcaption{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:11px}.fit-headwear,.fit-shoes,.fit-socks{grid-column:1/-1}.fit-headwear img,.fit-shoes img,.fit-socks img{height:100px}.fit-dresses img,.fit-bottoms img,.fit-skirts img{height:230px}.fitting-note{color:var(--muted);border-top:1px solid #d3cbbd;padding-top:16px;font-size:11px}.fitting-controls{gap:20px;display:grid}.fitting-control-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.fitting-slots{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fitting-slots>label{gap:5px;min-width:0;font-size:12px;display:grid}.fitting-slots select{text-overflow:ellipsis;font-size:12px}.fitting-controls>.primary-button{width:100%}.calendar-layout{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);align-items:start;gap:32px;padding-top:24px;display:grid}.calendar-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.calendar-header h2{margin-top:8px;font-family:Noto Serif TC,Songti TC,serif;font-size:24px}.calendar-header .eyebrow{font-size:9px}.calendar-arrows{align-items:center;gap:2px;display:flex}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{text-align:center;color:var(--muted);padding-bottom:12px;font-size:12px}.calendar-day{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;border-top:1px solid #0000;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:76px;padding:9px 2px;font-size:14px;display:flex}.calendar-day:hover{background:var(--tint)}.calendar-day.selected-day{background:var(--tint);outline:1px solid var(--accent);outline-offset:-1px;border-radius:3px}.calendar-day.today>span:first-child{color:var(--accent);text-underline-offset:4px;font-weight:700;text-decoration:underline}.calendar-day.other-month{color:var(--muted);background:var(--tint)}.day-marker{border-radius:3px;padding:2px 4px;font-size:9px;line-height:1.4}.day-marker.worn,.status-label.worn{color:var(--success);background:#e4ece1}.day-marker.planned,.status-label.planned{color:var(--accent);background:#f0e2d8}.calendar-caption{color:var(--muted);margin-top:18px;font-size:11px}.day-panel{background:var(--surface);border:1px solid var(--line);border-radius:5px;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:22px;display:flex}.day-panel h2{font-family:Palatino Linotype,Palatino,serif;font-size:24px}.day-panel h3{overflow-wrap:anywhere}.status-label{border-radius:3px;padding:4px 8px;font-size:11px}.day-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.day-pieces img{object-fit:contain;background:var(--tint);width:100%;height:110px;padding:8px}.day-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.day-actions,.day-empty{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.day-empty{color:var(--muted);padding:12px 0;font-size:14px}.day-footnote{border-top:1px solid var(--line);padding-top:18px}@media (width<=1100px){.fitting-layout,.calendar-layout{grid-template-columns:1fr}.fitting-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.sidebar{min-width:0}.sidebar-section:first-child{overflow-x:auto}.sidebar-section:first-child .nav-button{flex-shrink:0}.toolbar-controls{flex-wrap:wrap;justify-content:flex-start;column-gap:14px}.toolbar-controls .secondary-button{margin-left:auto}.fitting-layout,.calendar-layout{gap:24px;padding-top:20px}.fitting-board{padding:18px}.fitting-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.flatlay-piece img{height:140px}.fit-headwear img,.fit-shoes img,.fit-socks img{height:90px}.fit-dresses img,.fit-bottoms img,.fit-skirts img{height:180px}.calendar-header h2{font-size:22px}.calendar-day{min-height:65px;font-size:13px}.day-panel{padding:20px}.day-pieces img{height:140px}.outfit-filters{gap:16px}.outfit-filters label{flex:1;min-width:0}.outfit-filters select{min-width:0}}.collection-add-actions,.demo-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.collection-heading>div:first-child{min-width:0}.demo-actions{gap:16px}.batch-dropzone{background:var(--tint);text-align:center;border-radius:6px;justify-items:center;gap:16px;padding:28px 20px;display:grid}.batch-dropzone>p{color:var(--muted);font-size:13px}.batch-dropzone h3{font-family:Noto Serif TC,Songti TC,serif;font-size:20px}.batch-dropzone .upload-label{margin-top:6px}.batch-summary{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px 18px;padding-bottom:16px;font-size:13px;display:flex}.batch-summary>span{align-items:center;gap:5px;display:flex}.batch-summary>span:first-child{color:var(--success)}.batch-job-list{gap:4px;max-height:360px;display:grid;overflow-y:auto}.batch-job{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.batch-job>svg{color:var(--muted);flex-shrink:0;margin-top:5px}.batch-job>button{flex-shrink:0;margin-left:auto}.batch-job-text{flex:1;min-width:0}.batch-job-text p{overflow-wrap:anywhere;font-size:13px}.batch-job-text>span{overflow-wrap:anywhere;margin-top:4px;font-size:11px;display:block}.batch-progress{border-bottom:1px solid var(--line);gap:6px;padding-bottom:16px;display:grid}.batch-progress p{font-size:15px}.batch-progress .hint{overflow-wrap:anywhere}.backup-section{gap:14px;display:grid}.backup-section h3{font-family:Noto Serif TC,Songti TC,serif;font-size:22px}.backup-section>p{color:var(--muted);font-size:13px;line-height:1.8}.backup-section>button,.backup-file-label{justify-self:start}.restore-section{border-top:1px solid var(--line);padding-top:24px}.backup-file-label{align-items:center;gap:8px;display:flex}.backup-preview{background:var(--tint);border-radius:5px;gap:14px;padding:18px;display:grid}.backup-valid{color:var(--success);align-items:center;gap:7px;font-size:13px;display:flex}.backup-filename{overflow-wrap:anywhere;font-size:12px}.backup-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.backup-counts dt{color:var(--muted);font-size:11px}.backup-counts dd{font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:20px}.backup-preview .hint svg{vertical-align:middle;margin-right:4px}@media (width<=1100px){.collection-heading{flex-wrap:wrap}}@media (width<=720px){.collection-add-actions{flex-basis:100%;justify-content:flex-end;gap:10px}.collection-add-actions>button{padding:9px 12px;font-size:12px}.demo-actions{gap:10px}.demo-banner .demo-actions .text-button{min-height:44px}.batch-dropzone{padding:24px 14px}.batch-summary{gap:10px 14px;font-size:12px}.backup-counts dd{font-size:18px}.backup-preview{padding:16px}}