:root{--bg:#f4f4f2;--card:#fff;--ink:#1a1a1a;--sub:#6b6b6b;--line:#e6e6e2;--thumb:#f7f7f5;--chip:#f0efec;--chipink:#3a3a3a;--accent:#b23a48;--shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}@media (prefers-color-scheme:dark){:root{--bg:#141414;--card:#1e1e1e;--ink:#f0efec;--sub:#9a9a94;--line:#2c2c2c;--thumb:#242424;--chip:#2a2a2a;--chipink:#d8d8d2;--accent:#e0808c;--shadow:0 1px 2px #0006,0 8px 30px #00000080}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:1120px;margin:0 auto;padding:28px 24px}.screen{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.screen input[type=text],.screen input:not([type]),.home input,.upload input[type=file]{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 12px}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.sub{color:var(--sub)}.error{color:var(--accent)}.catalog-head{justify-content:space-between;align-items:center;width:100%;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;width:100%;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;border-radius:16px;overflow:hidden}.thumb{background:var(--thumb);aspect-ratio:1;justify-content:center;align-items:center;padding:22px;display:flex}.thumb img{object-fit:contain;max-width:100%;max-height:100%}.body{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.name{margin:0;font-size:15px}.badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent);border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--chip);color:var(--chipink);border-radius:999px;padding:4px 9px;font-size:11.5px}.nudge{color:var(--accent);margin:0;font-size:12px}.modal{background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-body{background:var(--card);border-radius:16px;width:100%;max-width:520px;max-height:90vh;padding:20px;position:relative;overflow:auto}.modal-body img{border-radius:10px;max-width:100%}.close{color:var(--ink);background:0 0;font-size:20px;position:absolute;top:10px;right:10px}.attrs div{gap:8px;padding:2px 0;font-size:13px;display:flex}.attrs dt{color:var(--sub);min-width:120px}.delete{color:var(--accent);border:1px solid var(--accent);background:0 0}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mvp-app{color:#26372f;max-width:1120px;margin:0 auto;padding:36px 24px 80px;font-family:system-ui,sans-serif}body:has(.mvp-app){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f4f2}.mvp-app *{box-sizing:border-box}.mvp-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.mvp-header p{letter-spacing:.12em;margin:0;font-size:26px;font-weight:750}.mvp-app h1{margin:8px 0;font-size:clamp(24px,4vw,38px);font-weight:500}.mvp-app h2{margin:18px 0 12px;font-size:24px}.mvp-app h3{font-size:18px}.mvp-app section{margin-bottom:28px}.mvp-panel{background:#fff;border:1px solid #d6dfd7;border-radius:14px;min-width:0;padding:24px}.mvp-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px;margin:20px 0;display:grid}.mvp-panel>img{object-fit:contain;background:#f4f5ef;border-radius:8px;width:100%;height:280px}.mvp-comparison{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mvp-comparison figure{min-width:0;margin:0}.mvp-comparison img{object-fit:contain;background:#f4f5ef;width:100%;height:220px}.mvp-comparison figcaption{margin-top:8px;font-size:13px}.mvp-app label{margin:14px 0;font-size:14px;display:block}.mvp-app input:not([type=checkbox]),.mvp-app select{color:#26372f;width:100%;font:inherit;background:#fff;border:1px solid #adb9b0;border-radius:6px;margin:6px 0;padding:10px;display:block}.mvp-app input[type=checkbox]{width:auto;margin-right:8px}.mvp-app button{color:#fff;cursor:pointer;font:inherit;background:#234d3b;border:1px solid #adb9b0;border-radius:7px;padding:10px 16px;font-size:14px}.mvp-app button:disabled{opacity:.45;cursor:default}.mvp-app button:focus-visible,.mvp-app input:focus-visible,.mvp-app summary:focus-visible{outline-offset:3px;outline:3px solid #ad7b32}.mvp-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.mvp-actions label{width:100%}.mvp-error{color:#842b21;background:#fbe9e6;border-radius:8px;padding:16px}.mvp-notice{background:#f3efdf;border-radius:8px;padding:12px}.image-placeholder{color:#65756b;text-align:center;background:#f4f5ef;place-items:center;min-height:170px;display:grid}.mvp-app details{margin:16px 0}.mvp-app summary{cursor:pointer}.mvp-app pre{white-space:pre-wrap;max-height:240px;font-size:12px;overflow:auto}.mvp-attributes>div{border-bottom:1px solid #e8ece8;grid-template-columns:1fr 1.5fr;gap:12px;padding:8px 0;display:grid}.mvp-attributes dt{text-transform:capitalize;font-size:13px}.mvp-attributes dd{overflow-wrap:anywhere;margin:0;font-size:14px}.mvp-attributes small{color:#69796e;margin-top:4px;display:block}@media (width<=600px){.mvp-app{padding:24px 14px}.mvp-panel{padding:16px}.mvp-comparison img{height:160px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none}body:has(.clio){color:#292e25;background:#f8f7f3}.clio.mvp-app{--olive:#344438;--muted:#7d8075;color:#292e25;max-width:none;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}.clio a{color:inherit;text-decoration:none}.clio button{background:var(--olive);border:1px solid var(--olive);border-radius:6px;padding:13px 21px;font-size:13px;font-weight:500;transition:background .15s,transform .15s}.clio button:hover:not(:disabled){background:#465946;transform:translateY(-1px)}.clio button:disabled{cursor:not-allowed}.clio svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.clio .sidebar{background:#efefe8;border-right:1px solid #e4e4dc;flex-direction:column;width:240px;padding:43px 28px 26px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;width:max-content;display:flex}.brand svg{stroke-width:2px;width:39px;height:39px}.brand>span{letter-spacing:-2px;font-family:Georgia,serif;font-size:38px;line-height:1}.brand-dot{color:#8c997a}.brand-caption{letter-spacing:.08em;color:#777e70;margin-top:13px;padding-left:4px;font-size:11px}.sidebar nav{flex-direction:column;gap:8px;margin-top:48px;display:flex}.sidebar nav a{color:#6e7569;border-radius:6px;align-items:center;gap:13px;padding:13px 12px;font-size:13px;display:flex}.sidebar nav a[aria-current=page]{color:#344438;background:#e0e4d9;font-weight:600}.sidebar nav svg{width:19px;height:19px}.nav-plus{margin-left:auto;font-size:20px}.sidebar-bottom{border-top:1px solid #d9ddd1;margin-top:auto;padding:24px 5px 0}.small-label,.eyebrow{letter-spacing:.18em;color:#7c8873;font-size:10px;font-weight:600}.sidebar-bottom p{color:#687260;margin:18px 0 32px;font:italic 23px/1.35 Georgia,serif}.version{color:#8c9085;font-size:10px}.workspace{max-width:1600px;margin-left:240px;padding:0 clamp(24px,5vw,80px)}.topbar{letter-spacing:.17em;color:#8b8d81;border-bottom:1px solid #e3e3dc;justify-content:space-between;align-items:center;height:99px;font-size:9px;display:flex}.topbar>div{align-items:center;gap:20px;display:flex}.connection{letter-spacing:0;align-items:center;gap:7px;font-size:11px;display:flex}.connection i{background:#81936d;border-radius:50%;width:5px;height:5px}.connection .offline{background:#b3795b}.clio .avatar{color:#627154;background:#e9ecdf;border:1px solid #d8ddd0;border-radius:50%;width:33px;height:33px;padding:0;font:16px Georgia,serif}.clio h1{letter-spacing:-1.8px;margin:18px 0;font:clamp(36px,4.3vw,62px)/1.08 Georgia,Times New Roman,serif}.clio h1 em{color:#7e896f;font-weight:400}.clio h2{letter-spacing:-.4px;margin:0 0 10px;font:25px/1.25 Georgia,serif}.clio h3{font-size:15px;font-weight:500}.clio .page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:53px 0 52px;display:flex}.page-heading p{color:#7d8075;margin-bottom:0;font-size:13px}.page-heading>button{white-space:nowrap;margin-bottom:4px}.collection-bar{border-bottom:1px solid #e1e3da;justify-content:space-between;align-items:center;gap:18px;padding:0 0 19px;display:flex}.collection-bar h2{margin:0;font-size:22px}.collection-bar h2 span{vertical-align:middle;background:#e9ebdf;border-radius:50%;margin-left:8px;padding:4px 7px;font:10px Arial,sans-serif}.clio .muted{color:#7e8177;font-size:12px;line-height:1.8}.collection-bar p{margin:5px 0 0}.clio label.search{margin:0}.clio .search input{background:0 0;border:1px solid #e1e2d9;border-radius:5px;width:240px;margin:0;padding:12px 15px;font-size:12px}.filters{flex-wrap:wrap;gap:8px;padding:20px 0;display:flex}.clio .filters button{color:#7d8276;background:0 0;border-color:#0000;border-radius:20px;padding:7px 16px;font-size:11px}.clio .filters .selected{color:#fff;background:#344438}.clio .empty{text-align:center;padding:58px 24px 25px}.clio .collection-empty{background:#f3f4ed;border:1px dashed #d4d9ca;border-radius:8px;margin-bottom:34px}.empty-symbol{color:#839174;background:#e9eddf;border:1px solid #d7ddcc;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 24px;display:grid}.empty-symbol svg{stroke-width:1px;width:32px;height:32px}.clio .empty h2{margin:14px 0;font-size:32px}.empty p{color:#85897d;max-width:370px;margin:0 auto 24px;font-size:12px;line-height:1.9}.steps{color:#92998a;letter-spacing:.07em;border-top:1px solid #e0e4d8;justify-content:center;gap:40px;margin-top:29px;padding-top:41px;font-size:9px;display:flex}.editorial-note{border-top:1px solid #e2e4d9;justify-content:space-between;align-items:center;gap:20px;padding:29px 0;display:flex}.editorial-note span{letter-spacing:.15em;color:#95998d;font-size:8px}.editorial-note p{color:#7c8770;margin:0;font:italic 22px/1.4 Georgia,serif}.clio .mvp-panel{box-shadow:none;background:#fffefa;border-color:#e1e4d9;border-radius:8px;padding:26px}.clio .mvp-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px}.clio .wardrobe-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.clio .wardrobe-grid .mvp-panel{padding:16px}.clio .mvp-panel>img{background:#eeeee5;height:260px}.clio .mvp-panel>p{color:#7c8275;font-size:12px}.clio .mvp-actions button{padding:9px 12px;font-size:11px}.clio .mvp-actions button:not(:first-child){color:#68755e;background:0 0;border-color:#d7ddce}.clio input:not([type=checkbox]),.clio select{color:#303b2b;background:#fffefa;border-color:#d7ddce;padding:12px}.studio-layout{grid-template-columns:1.3fr 1fr;align-items:start;gap:40px;display:grid}.studio-tips{padding:28px 12px}.studio-tips h2{margin-top:18px;font-size:32px}.studio-tips ol{color:#6d7962;margin-top:30px;padding-left:20px}.studio-tips li{margin-bottom:26px;padding-left:10px;font-size:12px}.studio-tips li p{color:#898f80;font-size:12px}.clio .dropzone{cursor:pointer;background:#f0f3e9;border:1px dashed #bdc8b0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:230px;padding:20px;display:flex;position:relative}.dropzone svg{color:#899b78;width:36px;height:36px}.dropzone span{color:#89937f;font-size:11px}.clio .dropzone input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.dropzone:focus-within{outline:3px solid #788e62}.dropzone img{object-fit:contain;max-width:100%;max-height:260px}.file-name{overflow-wrap:anywhere}.clio .privacy-note{font-size:10px}.clio .mvp-notice{color:#776c48;background:#eeebde;border-radius:5px;padding:14px;font-size:12px}.clio .mvp-error{justify-content:space-between;align-items:center;font-size:13px;display:flex}.clio .mvp-error button{color:inherit;background:0 0;border:0;padding:5px}.recent{margin-top:32px}.session-list{gap:10px;padding:10px 0;display:flex;overflow-x:auto}.clio .session-list button{text-align:left;color:#536149;background:#f0f2e9;border-color:#dfe4d7;min-width:165px}.session-list small{color:#88957b;margin-top:6px;font-size:10px;display:block}.clio .session-list .active{border-color:#748768}.results{margin-top:35px}.cost-panel{background:#f0f3e9;border:1px solid #dbe1d2;border-radius:8px;padding:20px}.cost-panel summary{font-size:14px}.cost-panel summary span{float:right;color:#7b8970;font-size:10px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:25px 0;display:grid}.stats small{color:#839078;font-size:10px;display:block}.stats strong{font-size:20px;font-weight:400}.cost-row{overflow-wrap:anywhere;border-top:1px solid #dce3d4;justify-content:space-between;gap:12px;padding:10px 0;font-size:11px;display:flex}.cost-row small{color:#819276;font-size:10px;display:block}.clio .text-button{color:#586a4b;background:0 0;border-color:#cfd6c4;margin-top:16px}.clio .danger{color:#986552;border-color:#dfcbc0;font-size:11px}.clio .account-card{max-width:650px;margin-bottom:25px}.pill{color:#6f815d;background:#e9eddf;border-radius:20px;padding:3px 12px;font-size:11px;display:inline-block}.account-card h3{margin-top:30px}.install-help{color:#788369;font-size:12px}.login-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;min-height:70vh;display:grid}.login-layout h1{font-size:49px}.login-layout p{color:#8a9081}.login-card h2{margin:15px 0 25px}.login-card button{width:100%}.line-art{color:#adb79e;margin:45px 0}.line-art svg{stroke-width:.5px;width:100px;height:100px}.footer{color:#a0a496;border-top:1px solid #e4e6dd;justify-content:space-between;gap:20px;margin-top:35px;padding:25px 0;font-size:10px;display:flex}.footer span:last-child{letter-spacing:.14em;font-size:8px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.clio a:focus-visible,.clio button:focus-visible,.clio select:focus-visible{outline-offset:3px;outline:3px solid #91a279}@media (width>=1600px){.workspace{margin-right:auto}}@media (width<=1000px){.clio .sidebar{width:190px;padding:32px 18px}.workspace{margin-left:190px;padding:0 28px}.studio-layout{gap:20px}.login-layout{gap:25px}.login-layout h1{font-size:36px}.editorial-note span:last-child{display:none}}.clio .sidebar{border:0;border-bottom:1px solid #e1e4d8;flex-direction:row;justify-content:space-between;align-items:center;width:auto;padding:20px 22px;position:static}.brand>span{font-size:31px}.brand svg{width:30px;height:30px}.brand-caption{margin:0;padding:0}.sidebar-bottom{display:none}.sidebar nav{z-index:10;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#f0f1e9;border-top:1px solid #dce1d2;grid-template-columns:repeat(3,1fr);gap:4px;margin:0;display:grid;position:fixed;bottom:0;left:0;right:0}.sidebar nav a{flex-direction:column;gap:4px;padding:8px 3px;font-size:10px}.nav-plus{display:none}.workspace{margin:0;padding:0 22px 90px}.topbar{height:56px;font-size:8px}.topbar>div{gap:12px}.clio .page-heading{flex-direction:column;align-items:flex-start;gap:4px;margin:35px 0}.clio h1{font-size:41px}.page-heading p{font-size:12px}.page-heading>button{margin-top:13px}.collection-bar{flex-direction:column;align-items:flex-start}.clio label.search,.clio .search input{width:100%}.clio .empty{padding:35px 16px 20px}.clio .empty h2{font-size:26px}.steps{gap:19px;font-size:8px}.editorial-note{text-align:center;flex-direction:column}.editorial-note p{font-size:22px}.studio-layout,.login-layout{grid-template-columns:1fr;gap:15px}.studio-tips{padding:15px 10px}.studio-tips h2{font-size:27px}.clio .mvp-panel{padding:20px}.clio .mvp-comparison img{height:160px}.stats{grid-template-columns:1fr 1fr;row-gap:20px}.stats strong{font-size:17px}.cost-panel summary span{float:none;display:block}.login-layout{padding-top:35px}.line-art{display:none}.login-layout h1{font-size:38px}.footer{font-size:9px}.footer span:last-child{display:none}.clio .wardrobe-grid{grid-template-columns:1fr}@media (prefers-reduced-motion:reduce){.clio *{transition:none!important;animation:none!important}}body:has(.clio){background:#e6e8df}.clio.mvp-app{background:#f8f7f3;width:100%;max-width:430px;min-height:100dvh;margin-inline:auto;box-shadow:0 0 0 1px #dce0d3}.clio .sidebar nav{width:100%;max-width:430px;margin-inline:auto}