/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:"Vazirmatn", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}}:root{color:#292b25;font-synthesis:none;text-rendering:optimizelegibility;--accent:#747a45;--accent-dark:#565d32;--accent-soft:#e9eadb;--purple:#8b789a;--surface:#fffdf8;--surface-2:#f0ece3;--text:#292b25;--muted:#74766d;--line:#e4ded3;--danger:#a85454;--shadow:0 16px 45px #413a2c14;background:#f7f3eb;font-family:Vazirmatn,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;direction:rtl;background:#f7f3eb}body{background:#f7f3eb;min-width:320px;min-height:100vh;margin:0;line-height:1.7;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button,a,label:has(input[type=file]){-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #747a454d}button:disabled{cursor:not-allowed;opacity:.62}img{max-width:100%;display:block}.app-shell{background:radial-gradient(circle at 90% 8%,#8b789a17,#0000 22rem),#f7f3eb;min-height:100dvh}.container{width:100%;max-width:1180px;margin-inline:auto;padding-inline:1rem}.page-space{padding-top:1.5rem;padding-bottom:calc(7.2rem + env(safe-area-inset-bottom))}.main-with-nav{min-height:70vh}.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}.topbar{z-index:40;padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f3ebe6;border-bottom:1px solid #e4ded3cc;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4.4rem;display:flex}.brand{text-align:right;cursor:pointer;background:0 0;border:0;align-items:center;gap:.65rem;min-height:3rem;padding:0;display:flex}.brand-mark{color:#fff;background:var(--accent);border-radius:1rem;place-items:center;width:2.65rem;height:2.65rem;display:grid;box-shadow:0 8px 20px #565d3238}.brand-mark svg{width:1.35rem}.brand b,.brand small{display:block}.brand b{font-size:1.05rem;font-weight:900}.brand small{color:var(--muted);font-size:.72rem;line-height:1.35}.desktop-nav{align-items:center;gap:.2rem;display:none}.desktop-nav button{color:#62645d;cursor:pointer;background:0 0;border:0;border-radius:.8rem;min-height:2.8rem;padding:.45rem .85rem}.desktop-nav button:hover,.desktop-nav button.active{color:var(--accent-dark);background:var(--accent-soft)}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:.9rem;place-items:center;width:2.8rem;min-height:2.8rem;display:grid}.mobile-menu{gap:.5rem;padding:.65rem 1rem 1rem;display:flex}.mobile-menu button{border:1px solid var(--line);background:var(--surface);border-radius:.8rem;flex:1;min-height:2.8rem}.bottom-nav{z-index:50;padding:.45rem .4rem max(.45rem,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8f2;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #3c372d0f}.bottom-nav button{color:#85867e;cursor:pointer;background:0 0;border:0;border-radius:.9rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-width:0;min-height:3.55rem;font-size:.7rem;display:flex}.bottom-nav svg{width:1.3rem;height:1.3rem}.bottom-nav button.active{color:var(--accent-dark);background:var(--accent-soft);font-weight:800}.hero-card{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffdf8,#eeeadc);border:1px solid #ded9cd;border-radius:2rem;grid-template-columns:1fr;gap:1.5rem;padding:1.6rem;display:grid;position:relative;overflow:hidden}.hero-card:before{content:"";aspect-ratio:1;background:#8b789a21;border-radius:50%;width:17rem;position:absolute;top:-8rem;left:-7rem}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--accent-dark);align-items:center;gap:.35rem;font-size:.83rem;font-weight:800;display:inline-flex}.hero-copy h1,.page-heading h1,.detail-header h1{margin:.55rem 0 .75rem;font-size:clamp(2rem,8vw,3.8rem);font-weight:950;line-height:1.3}.hero-copy h1 em{color:var(--purple);font-style:normal}.hero-copy p,.page-heading p{max-width:37rem;color:var(--muted);margin:0;font-size:.96rem}.button-row,.form-footer,.detail-actions,.accessory-actions{flex-wrap:wrap;gap:.7rem;display:flex}.button-row{margin-top:1.4rem}.primary-button,.secondary-button,.danger-button{cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.45rem;min-height:3rem;padding:.65rem 1rem;font-weight:800;transition:transform .18s,background .18s;display:inline-flex}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 20px #565d3229}.primary-button:hover{background:var(--accent-dark);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--text)}.secondary-button:hover{background:#faf7f0;border-color:#c5bdaf}.primary-button svg,.secondary-button svg,.danger-button svg{width:1.15rem;height:1.15rem}.danger-button{color:var(--danger);background:#fff8f6;border:1px solid #e8caca}.hero-collage{min-height:15rem;position:relative}.collage-card{aspect-ratio:.82;color:#fff;border-radius:1.5rem;place-items:center;width:43%;display:grid;position:absolute;box-shadow:0 16px 25px #37322a24}.collage-card svg{stroke-width:1.2px;width:44%;height:44%}.collage-card.one{background:linear-gradient(145deg,#c9d1b5,#78855c);top:8%;right:3%;transform:rotate(7deg)}.collage-card.two{background:linear-gradient(145deg,#ddc9b2,#997858);top:2%;left:7%;transform:rotate(-6deg)}.collage-card.three{background:linear-gradient(145deg,#c6b9d3,#7f6a94);width:38%;bottom:0;left:27%;transform:rotate(2deg)}.spark-badge{z-index:3;color:var(--accent-dark);background:#fff;border-radius:999px;align-items:center;gap:.3rem;padding:.5rem .7rem;font-size:.75rem;font-weight:900;display:flex;position:absolute;bottom:12%;right:1%;box-shadow:0 7px 20px #322d231f}.spark-badge svg{width:1rem}.stats-grid{grid-template-columns:1fr;gap:.75rem;margin:1rem 0 2.2rem;display:grid}.stats-grid button{border:1px solid var(--line);background:var(--surface);text-align:right;cursor:pointer;border-radius:1.25rem;align-items:center;gap:.85rem;min-height:5rem;padding:1rem;display:flex}.stats-grid button:hover{border-color:#c9c4b8;box-shadow:0 8px 24px #413a2c0d}.stats-grid button>span{background:var(--accent-soft);width:2.8rem;height:2.8rem;color:var(--accent-dark);border-radius:.9rem;place-items:center;display:grid}.stats-grid b,.stats-grid small{display:block}.stats-grid b{font-size:1.35rem;line-height:1.2}.stats-grid small{color:var(--muted);font-size:.8rem}.section-block{margin-top:2rem}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.8rem;margin-bottom:1rem;display:flex}.section-heading h2{margin:.2rem 0 0;font-size:1.45rem}.section-heading p{color:var(--muted);margin:.2rem 0 0;font-size:.88rem}.text-button{min-height:2.75rem;color:var(--accent-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:.2rem;padding:.3rem .6rem;font-weight:800;display:inline-flex}.text-button svg,.card-link svg{width:1rem}.outfit-grid{grid-template-columns:1fr;gap:1rem;display:grid}.outfit-card{border:1px solid var(--line);background:var(--surface);text-align:right;cursor:pointer;border-radius:1.5rem;min-width:0;padding:0;overflow:hidden;box-shadow:0 8px 25px #413a2c0d}.outfit-card:hover{border-color:#c7c0b1;transform:translateY(-2px)}.outfit-preview{background:#ece7dc;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;min-height:11.5rem;padding:.55rem;display:grid}.outfit-preview .item-visual{border-radius:1rem;height:100%;min-height:10.4rem}.outfit-preview .item-visual:first-child{transform:translateY(.35rem)}.outfit-preview .item-visual:last-child{transform:translateY(-.15rem)}.missing-preview{color:#aaa697;grid-column:1/-1;place-items:center;display:grid}.outfit-card-body{padding:1rem}.outfit-card-body>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.occasion-pill,.sample-badge,.item-category{background:var(--accent-soft);min-height:1.65rem;color:var(--accent-dark);border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.sample-badge{color:#786588;background:#eee7f2;margin-right:.35rem}.score-badge{color:#7b6936;align-items:center;gap:.25rem;font-size:.75rem;font-weight:900;display:inline-flex}.score-badge svg{fill:#d4b859;stroke:#d4b859;width:.95rem}.outfit-card h3{margin:.75rem 0 .25rem;font-size:1.06rem}.outfit-card p{min-height:3.2rem;color:var(--muted);margin:0;font-size:.82rem;line-height:1.8}.card-link{color:var(--accent-dark);justify-content:flex-end;align-items:center;margin-top:.7rem;font-size:.8rem;font-weight:850;display:flex}.local-note{background:#fffdf894;border:1px dashed #cfc8b8;border-radius:1.25rem;margin-top:2rem;padding:1.1rem}.local-note div{align-items:center;gap:.5rem;display:flex}.local-note div svg{color:var(--accent)}.local-note p{color:var(--muted);margin:.35rem 0 0;font-size:.82rem}.page-heading{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.4rem;display:flex}.page-heading h1,.detail-header h1{font-size:clamp(2rem,7vw,3rem)}.page-heading .primary-button{width:100%}.toolbar{flex-direction:column;gap:.65rem;margin-bottom:.8rem;display:flex}.search-box{border:1px solid var(--line);background:var(--surface);border-radius:1rem;flex:1;align-items:center;gap:.55rem;min-width:0;min-height:3rem;padding:.55rem .85rem;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #747a451a}.search-box svg{color:#8c8c83;flex:none;width:1.2rem}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.filter-toggle,.clear-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.4rem;min-height:3rem;padding:.6rem .85rem;display:flex}.filter-toggle.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.filters-panel,.suggestion-filters{border:1px solid var(--line);background:#fffdf8cc;border-radius:1.25rem;grid-template-columns:1fr;gap:.75rem;padding:1rem;display:grid}.filters-panel label>span,.suggestion-filters label>span{color:var(--muted);margin-bottom:.25rem;font-size:.76rem;font-weight:700;display:block}.filters-panel select,.suggestion-filters select{border:1px solid var(--line);background:#fff;border-radius:.8rem;width:100%;min-height:2.8rem;padding:.4rem .65rem}.clear-button{color:var(--danger);align-self:end}.result-line{min-height:3rem;color:var(--muted);justify-content:space-between;align-items:center;font-size:.83rem;display:flex}.result-line button{min-height:2.75rem;color:var(--accent-dark);background:0 0;border:0;font-weight:800}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.item-card{border:1px solid var(--line);background:var(--surface);border-radius:1.3rem;min-width:0;overflow:hidden;box-shadow:0 8px 24px #413a2c0b}.item-visual{aspect-ratio:.87;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.item-visual img{object-fit:cover;width:100%;height:100%}.placeholder-art{color:#ffffffe6;text-shadow:0 1px 4px #0000001f;flex-direction:column;align-items:center;gap:.4rem;font-weight:900;display:flex}.placeholder-art span{font-size:.78rem}.color-dot{border:2px solid #ffffffe6;border-radius:50%;width:1.3rem;height:1.3rem;position:absolute;bottom:.55rem;right:.55rem;box-shadow:0 2px 7px #00000026}.item-card-body{padding:.75rem}.item-card h3{text-overflow:ellipsis;white-space:nowrap;margin:.45rem 0;font-size:.9rem;overflow:hidden}.meta-row{color:var(--muted);flex-wrap:wrap;gap:.3rem;font-size:.7rem;display:flex}.meta-row span{align-items:center;gap:.25rem;display:flex}.meta-row i{border:1px solid #ddd;border-radius:50%;width:.65rem;height:.65rem}.card-actions{gap:.4rem;margin-top:.75rem;display:flex}.card-actions button{border:1px solid var(--line);cursor:pointer;background:#faf8f2;border-radius:.8rem;flex:1;justify-content:center;align-items:center;gap:.25rem;min-width:2.75rem;min-height:2.75rem;padding:.3rem;font-size:.72rem;display:flex}.card-actions button svg{width:1rem}.card-actions button.danger{color:var(--danger);flex:none}.empty-state{text-align:center;background:#fffdf88c;border:1px dashed #d7d0c3;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;min-height:19rem;padding:2rem 1rem;display:flex}.empty-state>svg{color:#aaa88f;width:3rem;height:3rem}.empty-state h3{margin:.8rem 0 .25rem;font-size:1.2rem}.empty-state p{max-width:28rem;color:var(--muted);margin:0 0 1rem}.back-button{min-height:2.8rem;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.35rem .3rem;display:inline-flex}.back-button svg{width:1.1rem}.item-form{grid-template-columns:1fr;gap:1rem;display:grid}.form-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:1.5rem;padding:1rem}.form-card h2{margin:0 0 1rem;font-size:1.1rem}.photo-uploader{flex-direction:column;gap:.8rem;display:flex}.photo-preview,.upload-placeholder{aspect-ratio:1;background:var(--surface-2);border-radius:1.25rem;position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-preview button{width:2.8rem;min-height:2.8rem;color:var(--danger);background:#ffffffe6;border:0;border-radius:.8rem;place-items:center;display:grid;position:absolute;top:.7rem;left:.7rem}.upload-placeholder{color:var(--muted);text-align:center;border:2px dashed #d1cabb;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.upload-placeholder svg{width:3rem;height:3rem;color:var(--accent)}.upload-placeholder strong{color:var(--text);margin-top:.5rem}.upload-placeholder span{font-size:.78rem}.upload-actions{grid-template-columns:1fr;gap:.5rem;display:grid}.upload-actions label{cursor:pointer;width:100%}.upload-actions input{display:none}.fields-section{flex-direction:column;gap:1rem;display:flex}.field>span,fieldset legend{margin-bottom:.35rem;font-size:.84rem;font-weight:800;display:block}.field small{color:var(--muted);font-weight:400}.field input,.field select,.title-input{border:1px solid var(--line);background:#fbfaf6;border-radius:.85rem;outline:0;width:100%;min-height:3rem;padding:.55rem .75rem}.field input:focus,.field select:focus,.title-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #747a451a}.two-columns{grid-template-columns:1fr;gap:.75rem;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}.chip-group{flex-wrap:wrap;gap:.45rem;display:flex}.chip-group button{border:1px solid var(--line);cursor:pointer;background:#fbfaf6;border-radius:999px;align-items:center;gap:.25rem;min-height:2.75rem;padding:.4rem .75rem;display:flex}.chip-group button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);font-weight:800}.chip-group svg{width:.95rem}.tag-input{gap:.4rem;display:flex}.tag-input button{background:var(--accent-soft);width:3rem;min-height:3rem;color:var(--accent-dark);border:0;border-radius:.85rem;flex:none}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.tags button{color:#705e7c;background:#eee8f2;border:0;border-radius:999px;align-items:center;gap:.25rem;min-height:2.4rem;padding:.3rem .6rem;display:flex}.tags svg{width:.85rem}.form-error{color:#914a4a;background:#fff2ef;border-radius:.8rem;margin:0;padding:.75rem;font-size:.83rem}.form-footer{margin-top:.4rem}.form-footer>*{flex:1}.builder-controls,.suggestion-filters{border:1px solid var(--line);background:var(--surface);border-radius:1.25rem;margin-bottom:1.2rem;padding:1rem}.selection-count{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:800}.select-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.select-items>button{background:var(--surface);text-align:right;cursor:pointer;border:2px solid #0000;border-radius:1rem;min-width:0;padding:.3rem;position:relative}.select-items>button.selected{border-color:var(--accent);background:var(--accent-soft)}.select-items .item-visual{aspect-ratio:.85;border-radius:.75rem}.select-items>button>span{text-overflow:ellipsis;white-space:nowrap;margin-top:.3rem;font-size:.7rem;font-weight:700;display:block;overflow:hidden}.select-items>button>i{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;display:grid;position:absolute;top:.55rem;left:.55rem}.select-items>button>i svg{width:.9rem}.builder-generate{width:100%;margin-top:1rem}.builder-hint{min-height:11rem;color:var(--muted);text-align:center;border:1px dashed #d0c8ba;border-radius:1.4rem;flex-direction:column;justify-content:center;align-items:center;margin-top:1.2rem;display:flex}.builder-hint svg{color:var(--purple)}.generated-outfit{box-shadow:var(--shadow);background:linear-gradient(145deg,#fffdf8,#f0ecdf);border:1px solid #d8d0c2;border-radius:1.6rem;margin-top:1.5rem;padding:1rem}.generated-head,.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.generated-head h2{margin:.2rem 0}.generated-items{grid-template-columns:1fr;gap:.65rem;display:grid}.generated-piece{border:1px solid var(--line);background:var(--surface);border-radius:1.1rem;grid-template-columns:minmax(6rem,34%) minmax(0,1fr);display:grid;overflow:hidden}.generated-piece .item-visual{aspect-ratio:auto;height:100%;min-height:8rem}.generated-piece>div:last-child{flex-direction:column;justify-content:center;min-width:0;padding:.75rem;display:flex}.generated-piece strong,.generated-piece span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generated-piece span{color:var(--muted);font-size:.75rem}.generated-piece button{min-height:2.75rem;color:var(--accent-dark);background:0 0;border:0;align-self:flex-start;align-items:center;gap:.3rem;margin-top:.4rem;padding:.2rem 0;font-size:.73rem;font-weight:800;display:flex}.generated-piece button svg{width:.9rem}.reason-box{color:#554d59;background:#ebe7ef;border-radius:1rem;align-items:flex-start;gap:.65rem;margin:1rem 0;padding:.9rem;display:flex}.reason-box>svg{color:var(--purple);flex:none}.reason-box strong{font-size:.86rem}.reason-box p{margin:.15rem 0 0;font-size:.8rem}.accessory-actions button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:.9rem;flex:1;justify-content:center;align-items:center;gap:.35rem;min-height:2.8rem;display:flex}.accessory-actions svg{width:1.05rem}.detail-page{max-width:980px}.detail-header h1{margin-bottom:.45rem}.title-input{font-size:1.4rem;font-weight:900}.detail-outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.detail-piece{border:1px solid var(--line);background:var(--surface);border-radius:1.25rem;overflow:hidden}.detail-piece .item-visual{aspect-ratio:.9}.detail-piece>div:last-child{padding:.75rem}.detail-piece span{color:var(--accent-dark);font-size:.72rem;font-weight:800}.detail-piece h3{margin:.2rem 0;font-size:.92rem}.detail-piece p{color:var(--muted);margin:0;font-size:.72rem}.danger-text{min-height:2.75rem;color:var(--danger);background:0 0;border:0;align-items:center;gap:.3rem;margin-top:.4rem;padding:.2rem 0;font-size:.75rem;display:flex}.danger-text svg{width:1rem}.saved-search{max-width:34rem;margin-bottom:1rem}.saved-list{grid-template-columns:1fr;gap:1rem;display:grid}.saved-row{min-width:0;position:relative}.saved-row .outfit-card{width:100%;height:100%}.delete-float{z-index:2;width:2.8rem;min-height:2.8rem;color:var(--danger);cursor:pointer;background:#fffaf8f0;border:1px solid #ead2d0;border-radius:.85rem;place-items:center;display:grid;position:absolute;top:.75rem;left:.75rem}.toast{z-index:80;right:1rem;bottom:calc(5.4rem + env(safe-area-inset-bottom));color:#fff;background:#34382b;border-radius:1rem;justify-content:center;align-items:center;gap:.45rem;min-height:3.2rem;padding:.7rem 1rem;font-size:.85rem;font-weight:800;display:flex;position:fixed;left:1rem;box-shadow:0 12px 40px #1e201940}.skeleton{background:#e7e1d6;border-radius:1.5rem;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.4s infinite shimmer;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(100%)}.hero-skeleton{min-height:22rem}.card-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}.card-skeleton{min-height:15rem}@keyframes shimmer{to{transform:translate(-100%)}}@media(min-width:540px){.container{padding-inline:1.4rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{flex-direction:row}.filter-toggle{flex:none}.filters-panel,.suggestion-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-actions,.two-columns,.generated-items,.outfit-grid,.saved-list{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{max-width:24rem;left:1.5rem;right:auto}}@media(min-width:768px){.container{padding-inline:2rem}.page-space{padding-top:2rem;padding-bottom:3.5rem}.bottom-nav,.mobile-menu-button,.mobile-menu{display:none}.desktop-nav{display:flex}.hero-card{grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);align-items:center;padding:2.3rem}.hero-collage{min-height:21rem}.page-heading{flex-direction:row;justify-content:space-between;align-items:end}.page-heading .primary-button{width:auto}.filters-panel{grid-template-columns:repeat(5,minmax(0,1fr))}.wardrobe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.item-form{grid-template-columns:minmax(17rem,.75fr) minmax(0,1.25fr);align-items:start}.image-section{position:sticky;top:6rem}.select-items{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-outfit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toast{bottom:1.5rem}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.topbar-inner{min-height:5rem}.hero-card{min-height:31rem;padding:3rem}.outfit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wardrobe-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.select-items{grid-template-columns:repeat(7,minmax(0,1fr))}.generated-items,.saved-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{font-family:Vazirmatn,system-ui,sans-serif}