:root{--page: #FAFAFB;--paper: #FFFFFF;--card: #FFFFFF;--surface: #F0F0F2;--ink: #17150F;--ink-2: #6E675B;--ink-3: #A8A093;--line: rgba(23, 21, 15, .12);--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.app{min-height:100dvh;display:flex;flex-direction:column}.content{flex:1;padding:8px 20px calc(88px + env(safe-area-inset-bottom));overflow-y:auto}.serif{font-family:var(--font-sans);font-weight:600}.caps,.eyebrow{text-transform:uppercase;letter-spacing:1.5px}.eyebrow{font-size:11px;color:var(--ink-2)}.muted{color:var(--ink-2)}.screen-header{display:flex;justify-content:space-between;align-items:center;padding:14px 0 16px}.screen-header h1{font-family:var(--font-sans);font-weight:700;font-size:25px;line-height:normal;margin:0;color:var(--ink)}.primary{display:block;width:100%;padding:15px;border:none;background:var(--ink);color:var(--paper);font:inherit;font-size:12px;letter-spacing:2px;text-transform:uppercase;border-radius:999px}.primary:disabled{opacity:.32}.secondary{display:block;width:100%;padding:14px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-size:12px;letter-spacing:2px;text-transform:uppercase;border-radius:999px}.ghost{background:none;border:none;color:var(--ink-2);font:inherit;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:6px}.field{width:100%;padding:11px 0;border:none;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:13px}.field:focus{outline:none;border-bottom-color:var(--ink)}select.field{padding-right:16px}.chip{padding:7px 14px;border:1px solid var(--line);background:transparent;color:var(--ink-2);font:inherit;font-size:13px;letter-spacing:1px;text-transform:uppercase;border-radius:999px;white-space:nowrap}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip:disabled{opacity:.5}.chips{display:flex;flex-wrap:wrap;gap:8px}.fab{position:fixed;right:20px;bottom:calc(98px + env(safe-area-inset-bottom));width:54px;height:54px;border-radius:50%;border:none;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center}.empty{color:var(--ink-3);text-align:center;margin-top:56px;font-size:14px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 0 14px;text-decoration:none;color:var(--ink-3);font-size:10px}.tab.active{color:var(--ink)}.filter-bar{margin-bottom:18px}.search{display:flex;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid var(--line);color:var(--ink-3)}.search input{flex:1;border:none;background:transparent;color:var(--ink);font:inherit;font-size:14px}.search input:focus{outline:none}.search input::placeholder{color:var(--ink-3)}.cat-tabs{display:flex;gap:16px;overflow-x:auto;margin-top:13px}.cat-tab{background:none;border:none;padding:0 0 5px;color:var(--ink-3);font:inherit;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}.cat-tab.active{color:var(--ink);border-bottom:1.5px solid var(--ink)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}.card{background:none;border:none;padding:0;display:flex;flex-direction:column;text-align:left}.card-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--card);border:1px solid var(--line);border-radius:3px}.card-img{width:100%;height:100%;object-fit:contain;padding:10px}.card-name{font-size:15px;margin-top:8px;color:var(--ink)}.card-meta{font-size:10px;color:var(--ink-3);margin-top:2px}.photo-pick{display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--card);border:1px solid var(--line);border-radius:3px;color:var(--ink-3);margin-bottom:14px}.photo-empty{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px}.preview{max-width:100%;max-height:320px;object-fit:contain}.processing{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:0 16px;color:var(--ink-2)}.processing small{color:var(--ink-3);font-size:12px}.spinner{width:30px;height:30px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-label{display:block;margin:18px 0 9px}.detail{display:flex;flex-direction:column}.detail-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:1;max-height:52vh;background:var(--card);border:1px solid var(--line);border-radius:3px;margin-top:6px}.detail-img{max-width:100%;max-height:100%;object-fit:contain;padding:18px}.detail-name{font-size:30px;margin:16px 0 6px}.detail-actions{display:flex;gap:22px;margin-top:22px}.detail-actions .ghost{display:inline-flex;align-items:center;gap:6px;padding:0}.builder{display:flex;flex-direction:column;gap:14px;padding-top:12px}.canvas{position:relative;height:52vh;background:var(--card);border:1px solid var(--line);border-radius:3px;overflow:hidden}.canvas-item{position:absolute;width:104px;touch-action:none}.canvas-img{width:104px;height:104px;object-fit:contain}.remove{position:absolute;top:-9px;right:-9px;width:24px;height:24px;border-radius:50%;border:none;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center}.tray{display:flex;gap:10px;overflow-x:auto;padding:4px 0}.tray-item{flex:0 0 auto;width:66px;height:66px;border-radius:3px;border:1px solid var(--line);background:var(--card);padding:6px}.tray-item.used{border-color:var(--ink)}.tray-img{width:100%;height:100%;object-fit:contain}.section{padding:18px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.section h2{font-size:17px;margin:0;color:var(--ink)}.lang-toggle{display:inline-flex;align-self:flex-start;border:1px solid var(--ink);border-radius:999px;overflow:hidden}.lang-toggle button{padding:8px 18px;border:none;background:transparent;color:var(--ink);font:inherit;font-size:12px;letter-spacing:1px}.lang-toggle button.active{background:var(--ink);color:var(--paper)}html[lang=zh] .caps,html[lang=zh] .eyebrow,html[lang=zh] .cat-tab,html[lang=zh] .primary,html[lang=zh] .secondary,html[lang=zh] .chip{letter-spacing:1px}.home{padding-top:8px;position:relative}.home-header{display:flex;justify-content:space-between;align-items:center;padding:6px 0 16px}.home-title{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;font-family:var(--font-sans);font-weight:700;font-size:25px;color:var(--ink)}.home-search-btn{background:none;border:none;color:var(--ink);padding:4px;display:flex}.home-search{width:100%;padding:11px 14px;border:none;border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:15px;margin-bottom:14px}.home-search:focus{outline:none}.home-count{font-size:13px;color:var(--ink-2);margin:0 0 16px}.home-cats{display:flex;gap:18px;overflow-x:auto;margin:0 0 4px;padding-bottom:2px;scrollbar-width:none}.home-cats::-webkit-scrollbar{display:none}.home-cat{background:none;border:none;padding:0 0 8px;color:var(--ink-3);font:inherit;font-size:15px;white-space:nowrap;display:inline-flex;align-items:center;border-bottom:2px solid transparent}.home-cat.active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.cat-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;margin-left:6px;border-radius:9px;background:var(--surface);color:var(--ink-2);font-size:11px;font-weight:400}.wardrobe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:16px}.item-card{background:var(--card);border:1px solid rgba(17,21,15,.06);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:6px;text-align:left;box-shadow:0 1px 5px #11150f0d}.item-card-frame{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.item-card-img{width:100%;height:100%;object-fit:contain}.item-card-name{font-size:11px;line-height:1.3;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-card{background:var(--card);border-radius:18px;padding:15px 0 16px 16px;margin-bottom:14px}.section-head{display:flex;justify-content:space-between;align-items:center;padding-right:16px;margin-bottom:12px}.section-title{font-size:14px;font-weight:500;color:var(--ink)}.section-icon{color:var(--ink-3)}.row-scroll{display:flex;gap:10px;overflow-x:auto;padding-right:16px;scrollbar-width:none}.row-scroll::-webkit-scrollbar{display:none}.row-item{flex:0 0 auto;width:104px;height:128px;background:none;border:none;padding:4px}.row-img{width:100%;height:100%;object-fit:contain}.home-left{display:flex;align-items:center;gap:10px}.home-right{display:flex;align-items:center;gap:14px}.icon-btn{background:none;border:none;color:var(--ink);padding:4px;display:flex}.popover{position:absolute;top:50px;left:0;z-index:30;min-width:190px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 8px 26px #0000001a}.popover.right{left:auto;right:0}.popover-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;color:var(--ink);font:inherit;font-size:14px;text-align:left;border-radius:8px}.popover-item.active{background:var(--surface)}.popover-item.danger{color:#a3382e}.add-closet{display:flex;gap:8px;padding:6px}.add-closet input{flex:1;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px}.add-closet input:focus{outline:none;border-color:var(--ink)}.add-closet-create{padding:9px 14px;border:none;border-radius:8px;background:var(--ink);color:var(--paper);font:inherit;font-size:13px;white-space:nowrap}.img-toggle-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:2px 0 8px}.batch-actions{margin-top:22px;display:flex;flex-direction:column;align-items:center}.batch-actions .primary{width:auto;min-width:150px;padding:13px 40px}.batch-secondary{display:flex;justify-content:center;gap:26px;margin-top:14px}