:root {
  --ink: #292522;
  --muted: #817a72;
  --paper: #f7f3ec;
  --card: #fffdf9;
  --line: #e6ddd2;
  --dark: #262522;
  --dark-2: #3e3a35;
  --accent: #b96d53;
  --accent-dark: #92513e;
  --accent-soft: #f3dfd5;
  --green: #62816c;
  --green-soft: #e2eee5;
  --purple: #7a6c9d;
  --purple-soft: #e8e2f1;
  --coral: #c66f64;
  --coral-soft: #f7e0db;
  --warm: #d5a44f;
  --warm-soft: #f8edcf;
  --shadow: 0 16px 45px rgba(63, 47, 35, .07);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 14px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, select, textarea { font: inherit; }
button, .button { border: 1px solid var(--line); border-radius: 11px; background: var(--card); color: var(--ink); padding: .72rem 1rem; cursor: pointer; text-decoration: none; font-weight: 800; transition: .18s ease; }
button:hover, .button:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(63,47,35,.09); }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible { outline: 3px solid rgba(185,109,83,.22); outline-offset: 2px; }
.button-primary { background: var(--accent); color: #fff; border-color: var(--accent); }
.button-dark { background: var(--dark); color: #fff; border-color: var(--dark); }
.button-quiet { background: rgba(255,255,255,.56); }
.app-shell { display: grid; grid-template-columns: 260px minmax(0,1fr); min-height: 100vh; }
.sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 24px 16px 18px; background: #fbf8f2; border-right: 1px solid var(--line); z-index: 5; }
.brand-lockup { display:flex; align-items:center; gap: 10px; padding: 0 9px 26px; }
.brand-mark { width: 38px; height:38px; display:grid; place-items:center; border-radius: 13px; background: var(--dark); color: #fff; font: 900 18px Georgia, serif; transform: rotate(-5deg); }
.brand-name { font-size: 17px; font-weight: 900; letter-spacing:-.04em; }.brand-name span { color: var(--accent); }.brand-caption { color: var(--muted); font-size: 10px; letter-spacing:.06em; text-transform:uppercase; }
.store-switcher { display:flex; align-items:center; gap:9px; padding: 10px; border:1px solid var(--line); border-radius:14px; background:#fffdfa; margin-bottom:22px; }.store-switcher>div:nth-child(2) { min-width:0; flex:1; }.store-switcher strong,.store-switcher span { display:block; }.store-switcher strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; }.store-switcher span { color:var(--muted); font-size:10px; }.store-avatar,.user-avatar { width:31px; height:31px; border-radius:10px; display:grid; place-items:center; flex:0 0 auto; background:#eee2cf; color:#5d4b3b; font-weight:900; font-size:11px; }.chevron { color:#a59b91 !important; font-size:17px !important; }
.main-nav { display:grid; gap:3px; }.nav-label { padding: 0 11px 7px; color:#aaa096; font-size:10px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }.nav-label-spaced { margin-top:18px; }.nav-item { width:100%; display:flex; align-items:center; gap:11px; border:0; box-shadow:none; background:transparent; color:#79716a; padding:.72rem .72rem; text-align:left; font-weight:800; }.nav-item:hover { transform:none; box-shadow:none; background:#f3ede6; }.nav-item.active { color:var(--dark); background:#efe6dc; }.nav-item-ai { color:var(--accent); }.nav-item b { margin-left:auto; background:var(--accent-soft); color:var(--accent-dark); border-radius:99px; padding:2px 6px; font-size:9px; text-transform:uppercase; }.nav-icon { width:20px; text-align:center; font-size:17px; color:#9b8d81; }.nav-item.active .nav-icon,.nav-item-ai .nav-icon { color:var(--accent); }.nav-count { margin-left:auto; min-width:20px; padding:2px 6px; border-radius:99px; background:#ece7df; color:#766d64; font-size:10px; text-align:center; }.nav-count.warm { background:var(--warm-soft); color:#8f691f; }.nav-count.coral { background:var(--coral-soft); color:#a55a52; }
.sidebar-bottom { margin-top:auto; display:grid; gap:12px; }.ai-credit-card { padding:13px; border-radius:15px; background:var(--dark); color:#fff; }.ai-credit-top { display:flex; justify-content:space-between; align-items:center; font-size:11px; font-weight:900; }.ai-credit-top strong { color:#f5cdbd; }.credit-track { height:5px; margin:12px 0 7px; overflow:hidden; border-radius:99px; background:#534d47; }.credit-track i { display:block; height:100%; background:var(--accent); border-radius:inherit; }.ai-credit-card small { color:#bcb4ac; font-size:10px; }.text-button,.link-button { padding:0; border:0; box-shadow:none; background:none; font-size:11px; color:var(--accent); }.text-button:hover,.link-button:hover { box-shadow:none; transform:none; text-decoration:underline; }.ai-credit-card .text-button { display:block; margin-top:11px; color:#f5cdbd; }.user-chip { display:flex; align-items:center; gap:9px; padding:8px; }.user-chip>div:nth-child(2) { flex:1; min-width:0; }.user-chip strong,.user-chip span { display:block; }.user-chip strong { font-size:11px; }.user-chip span { color:var(--muted); font-size:10px; }.more-button { border:0; background:transparent; padding:4px; color:#aaa096; box-shadow:none; }
.main-content { min-width:0; }.topbar { min-height:72px; border-bottom:1px solid var(--line); background:rgba(255,253,249,.8); display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 clamp(18px,3.2vw,46px); }.breadcrumbs { display:flex; align-items:center; gap:9px; color:#a59b91; font-size:12px; }.breadcrumbs b { font-weight:500; color:#cdc4bb; }.breadcrumbs strong { color:var(--ink); }.topbar-actions { display:flex; align-items:center; gap:15px; }.search-box { display:flex; align-items:center; gap:7px; border:1px solid var(--line); background:#fffdfa; border-radius:10px; padding:0 9px; min-width:245px; color:#a79d94; }.search-box input { border:0; outline:0; background:transparent; padding:.65rem 0; width:100%; color:var(--ink); }.search-box kbd { border:1px solid var(--line); border-radius:5px; background:#f7f2ec; padding:2px 5px; color:#a0988f; font-size:9px; white-space:nowrap; }.icon-button { position:relative; border:0; background:transparent; padding:5px 7px; box-shadow:none; font-size:18px; color:#948980; }.icon-button i { position:absolute; top:4px; right:5px; width:5px; height:5px; background:var(--accent); border-radius:50%; }.topbar-divider { width:1px; height:28px; background:var(--line); }.topbar-date { text-align:right; }.topbar-date span,.topbar-date strong { display:block; }.topbar-date span { color:var(--muted); font-size:10px; }.topbar-date strong { font-size:11px; }.mobile-menu { display:none; }
.page-wrap { max-width:1510px; margin:0 auto; padding: clamp(24px,3.2vw,46px) clamp(18px,3.2vw,46px) 72px; }.view { display:none; animation:fade-in .22s ease; }.view.active { display:block; }@keyframes fade-in { from{opacity:.1;transform:translateY(5px)} to{opacity:1;transform:none} }
.page-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:27px; }.dashboard-heading { align-items:flex-end; }.eyebrow { color:var(--accent); font-size:10px; letter-spacing:.13em; font-weight:900; }.page-heading h1 { margin:.25rem 0 .55rem; font: 900 clamp(2.2rem,4.4vw,3.8rem)/.95 Georgia, serif; letter-spacing:-.06em; }.page-heading p { margin:0; color:var(--muted); }.heading-actions { display:flex; gap:9px; flex-wrap:wrap; justify-content:flex-end; }.wave { display:inline-grid; place-items:center; color:var(--accent); font: 20px ui-sans-serif; transform:rotate(-12deg); }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-bottom:15px; }.metric-card { min-width:0; padding:17px; border:1px solid var(--line); border-radius:15px; background:var(--card); box-shadow:var(--shadow); }.metric-card-dark { background:var(--dark); color:#fff; border-color:var(--dark); }.metric-top,.metric-bottom { display:flex; justify-content:space-between; align-items:center; gap:7px; }.metric-top { color:var(--muted); font-size:11px; }.metric-card-dark .metric-top { color:#c4bbb3; }.metric-card>strong { display:block; margin:14px 0 12px; font-size:28px; letter-spacing:-.06em; }.metric-card>strong small { color:var(--muted); font-size:12px; letter-spacing:0; }.metric-card-dark>strong small { color:#c4bbb3; }.metric-bottom { color:var(--muted); font-size:10px; }.metric-card-dark .metric-bottom { color:#a7a099; }.trend { font-size:10px; font-weight:900; }.trend.positive,.green-text { color:#5d896e; }.metric-card-dark .trend.positive { color:#b9ddb9; }.trend.negative,.coral-text { color:var(--coral); }.trend.neutral { color:#8d8177; }.metric-progress { height:4px; margin:13px 0 11px; border-radius:99px; background:#4a4540; overflow:hidden; }.metric-progress span { display:block; height:100%; background:var(--accent); border-radius:inherit; }.metric-icon { width:26px;height:26px; border-radius:9px; display:grid;place-items:center; font-size:13px; }.metric-icon.warm { background:#625139; color:#f7d7a4; }.metric-icon.mint { background:var(--green-soft); color:var(--green); }.metric-icon.lilac { background:var(--purple-soft); color:var(--purple); }.metric-icon.coral { background:var(--coral-soft); color:var(--coral); }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr); gap:15px; margin-bottom:15px; }.lower-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr); gap:15px; }.panel { min-width:0; border:1px solid var(--line); border-radius:15px; background:var(--card); box-shadow:var(--shadow); padding:19px; }.panel-heading { display:flex; justify-content:space-between; gap:15px; align-items:flex-start; }.panel-heading h2,.step-heading h2 { margin:0 0 3px; font-size:17px; letter-spacing:-.03em; }.panel-heading p,.step-heading p { margin:0; color:var(--muted); font-size:11px; }.period-select, select, input, textarea { border:1px solid #ded5ca; border-radius:9px; background:#fffdf9; color:var(--ink); padding:.64rem .72rem; }.period-select { font-size:11px; }.sales-summary { display:flex; align-items:baseline; gap:10px; margin:24px 0 10px; }.sales-summary strong { font-size:26px; letter-spacing:-.05em; }.sales-summary>span:last-child { color:var(--muted); font-size:10px; }.chart-wrap { display:grid; grid-template-columns:35px 1fr; gap:10px; height:230px; }.chart-y { display:flex; flex-direction:column; justify-content:space-between; padding:4px 0 26px; color:#aaa096; font-size:9px; text-align:right; }.chart { position:relative; padding-bottom:25px; }.chart-gridline { position:absolute; left:0; right:0; border-top:1px dashed #e9e0d6; }.chart-gridline:nth-child(1){top:3%}.chart-gridline:nth-child(2){top:35%}.chart-gridline:nth-child(3){top:67%}.chart-gridline:nth-child(4){top:99%}.chart svg { position:absolute; inset:0 0 24px; width:100%; height:calc(100% - 24px); overflow:visible; }.chart-area { fill:url(#areaFill); }.chart-line { fill:none; stroke:var(--accent); stroke-width:3; vector-effect:non-scaling-stroke; }.chart-dot { fill:var(--accent); stroke:#fff; stroke-width:4; }.chart-x { position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:space-between; color:#aaa096; font-size:9px; }.attention-panel { display:flex; flex-direction:column; }.attention-list { display:grid; gap:7px; margin:19px 0; }.attention-item { display:grid; grid-template-columns:29px 1fr 14px; align-items:center; gap:9px; width:100%; border:0; border-radius:11px; padding:10px 9px; background:#faf6f1; text-align:left; box-shadow:none; }.attention-item:hover { transform:none; box-shadow:none; background:#f5eee7; }.attention-badge { width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900; }.attention-badge.coral { background:var(--coral-soft); color:var(--coral); }.attention-badge.green { background:var(--green-soft); color:var(--green); }.attention-item strong,.attention-item small { display:block; }.attention-item strong { font-size:11px; }.attention-item small { margin-top:2px; color:var(--muted); font-size:10px; }.attention-item>b { color:#b3a9a0; }.attention-footer { margin-top:auto; padding-top:13px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }.status-dot { display:inline-block; width:6px;height:6px;background:#6ca27d;border-radius:50%; margin-right:5px; }.table-panel { overflow:hidden; }.table-scroll { overflow-x:auto; }.table-scroll table { width:100%; border-collapse:collapse; min-width:600px; }.table-scroll th { padding:14px 9px 9px; text-align:left; color:#a0988f; font-size:9px; text-transform:uppercase; letter-spacing:.09em; font-weight:900; }.table-scroll td { padding:12px 9px; border-top:1px solid #eee7df; color:#716a63; font-size:11px; white-space:nowrap; }.table-scroll td strong,.table-scroll td small { display:block; }.table-scroll td strong { color:var(--ink); }.table-scroll td small { color:var(--muted); font-size:10px; margin-top:2px; }.status-pill { display:inline-flex; align-items:center; border-radius:99px; padding:4px 8px; font-size:9px; font-weight:900; white-space:nowrap; }.status-paid { color:#487359; background:var(--green-soft); }.status-separation { color:#8d6c29; background:var(--warm-soft); }.status-open { color:#9b6357; background:var(--coral-soft); }.ai-panel { position:relative; min-height:280px; overflow:hidden; background:linear-gradient(135deg,#4a3c37 0%,#302c2a 100%); border-color:#403936; color:#fff; }.ai-panel-shape { position:absolute; right:-8%; bottom:-27%; width:64%; height:108%; border-radius:50% 50% 0 0; background:linear-gradient(130deg,rgba(236,195,172,.45),rgba(104,78,70,.1)); transform:rotate(-11deg); }.ai-panel-shape:before { content:""; position:absolute; width:66px;height:66px;border-radius:50%;background:#d9aa95;top:7%;left:38%;box-shadow: 0 10px 0 #b27c6b; }.ai-panel-shape:after { content:""; position:absolute; top:28%; left:21%; right:18%; height:43%; border-radius:38% 38% 10px 10px; background:linear-gradient(135deg,#ce8b65,#8e4a3f); }.ai-panel-copy { position:relative; z-index:1; max-width:53%; }.ai-panel .eyebrow { color:#eec4b3; }.ai-panel h2 { margin:8px 0; max-width:360px; font:900 28px/.98 Georgia,serif; letter-spacing:-.05em; }.ai-panel p { color:#d0c5bf; font-size:11px; }.ai-panel .button { margin-top:10px; }.ai-panel-credit { position:absolute; z-index:2; right:18px; top:17px; text-align:right; }.ai-panel-credit span,.ai-panel-credit strong { display:block; }.ai-panel-credit span { color:#b9aaa3; font-size:10px; }.ai-panel-credit strong { color:#f6cbb9; font-size:13px; }
.studio-credit-pill { display:flex; align-items:center; gap:10px; padding:9px 10px; border:1px solid var(--line); border-radius:13px; background:var(--card); }.studio-credit-pill>span { color:var(--accent); font-size:18px; }.studio-credit-pill strong,.studio-credit-pill small { display:block; }.studio-credit-pill strong { font-size:11px; }.studio-credit-pill small { color:var(--muted); font-size:9px; }.studio-credit-pill .button { padding:.48rem .7rem; font-size:10px; margin-left:6px; }
.studio-layout { display:grid; grid-template-columns:minmax(380px,.9fr) minmax(480px,1.1fr); gap:15px; align-items:start; }.studio-controls,.studio-preview { min-height:665px; }.step-heading { display:flex; align-items:flex-start; gap:11px; }.step-index { display:grid; place-items:center; flex:0 0 auto; width:25px;height:25px;border-radius:8px;background:#f2e8dd;color:var(--accent);font-size:10px;font-weight:900; }.source-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:17px 0 12px; }.source-button { display:flex; flex-direction:column; align-items:flex-start; gap:3px; border:1px dashed #d6c6b9; background:#fdf9f4; text-align:left; padding:13px; }.source-button>span { color:var(--accent); font-size:20px; }.source-button strong { font-size:11px; }.source-button small { color:var(--muted); font-size:9px; }.upload-tip { display:flex; gap:9px; padding:10px; border-radius:10px; background:#f8f0e7; color:#887c72; font-size:10px; }.upload-tip>span:first-child { color:var(--accent); font-size:16px; }.upload-tip strong { color:#64584f; }.step-two { margin-top:28px; }.mode-switch { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:16px 0 14px; }.mode-button { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:11px; background:#fdf9f4; text-align:left; }.mode-button>span { color:#a79688; font-size:18px; }.mode-button strong { font-size:11px; }.mode-button small { color:var(--muted); font-size:9px; }.mode-button em { position:absolute; top:8px; right:8px; color:var(--accent); font-size:9px; font-style:normal; font-weight:900; }.mode-button.active { border-color:var(--accent); background:var(--accent-soft); box-shadow:0 0 0 2px rgba(185,109,83,.12); }.mode-button.active>span { color:var(--accent); }.field-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.field-row label,.prompt-label { display:grid; gap:5px; color:#716960; font-size:10px; font-weight:900; }.field-row select,.prompt-label textarea { margin-top:0; width:100%; font-size:11px; }.prompt-label { margin-top:13px; }.studio-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }.studio-actions b { margin-left:5px; color:#f6d9cd; font-size:9px; }.studio-preview { background:#faf6f0; }.preview-head { display:flex; align-items:start; justify-content:space-between; gap:10px; }.preview-head h2 { margin:3px 0 0; font-size:17px; }.preview-stage { position:relative; min-height:510px; margin-top:15px; border:1px solid #eadfd3; border-radius:12px; overflow:hidden; background:#eee7de; }.empty-preview { position:absolute; inset:0; display:grid; place-items:center; align-content:center; gap:7px; padding:25px; text-align:center; color:var(--muted); }.empty-preview-icon { width:50px;height:50px; display:grid;place-items:center; border-radius:16px; background:#f6ddd1; color:var(--accent); font-size:24px; margin-bottom:5px; }.empty-preview strong { color:var(--ink); }.empty-preview p { max-width:250px; margin:0; font-size:11px; }.preview-legend { display:flex; flex-wrap:wrap; gap:14px; padding:12px 1px; color:var(--muted); font-size:10px; }.dot { display:inline-block; width:7px;height:7px;border-radius:50%;margin-right:4px; }.dot-original { background:#b8afa5; }.dot-result { background:var(--accent); }.preview-result-actions { display:flex; gap:8px; flex-wrap:wrap; }.preview-result-actions .button { font-size:10px; padding:.56rem .72rem; }.source-preview { display:grid; grid-template-columns:1fr 1fr; gap:8px; height:100%; padding:10px; background:#ece6dd; }.source-tile,.result-tile { min-width:0; position:relative; border-radius:9px; overflow:hidden; background:#ded5ca; }.source-tile .image-preview { position:absolute; inset:0; background-position:center; background-size:cover; background-repeat:no-repeat; }.tile-label { position:absolute; top:8px; left:8px; padding:4px 6px; border-radius:5px; background:rgba(255,253,249,.82); color:#756b62; font-size:9px; font-weight:900; }.tile-caption { position:absolute; left:9px; right:9px; bottom:9px; padding:7px; border-radius:7px; background:rgba(43,38,34,.72); color:#fff; font-size:10px; }.result-tile { background:linear-gradient(145deg,#e7d9c9,#f5eee6); }.result-tile .model-scene { position:absolute; inset:0; }.model-scene { overflow:hidden; display:grid; place-items:center; background:linear-gradient(145deg,#e9ded2,#cdbeb0); }.model-scene.store { background:linear-gradient(145deg,#c8d0c4,#e7dacb); }.model-scene.street { background:linear-gradient(145deg,#c4c3c2,#e5d9cf); }.model-scene.solid { background:#e7cfc2; }.model-body { position:absolute; bottom:-7%; width:52%; height:86%; border-radius:48% 48% 9% 9%; background:linear-gradient(135deg,#e1b69e,#b77c68); }.model-body:before { content:""; position:absolute; left:22%; top:-14%; width:56%; aspect-ratio:1; border-radius:50%; background:#dcae96; box-shadow:inset -7px -5px 0 rgba(130,76,64,.14); }.model-body:after { content:""; position:absolute; top:17%; left:11%; right:11%; height:38%; border-radius:35% 35% 16% 16%; background:linear-gradient(135deg,#b9674f,#784039); }.model-ghost { position:absolute; bottom:11%; width:50%; height:72%; border:4px solid rgba(174,143,121,.75); border-radius:45% 45% 8% 8%; }.garment-shape { position:absolute; z-index:2; top:27%; width:35%; height:31%; border-radius:11px 11px 24px 24px; background:linear-gradient(135deg,#8d4d40,#d7896b); box-shadow:0 12px 20px rgba(78,48,39,.18); }.garment-shape:before,.garment-shape:after { content:""; position:absolute; top:0; width:42%;height:40%; background:inherit; }.garment-shape:before { left:-20%; border-radius:22px 4px 12px 4px; transform:rotate(21deg); }.garment-shape:after { right:-20%; border-radius:4px 22px 4px 12px; transform:rotate(-21deg); }.garment-shape.blue { background:linear-gradient(135deg,#3b5661,#84a4ad); }.garment-shape.green { background:linear-gradient(135deg,#687862,#b0b99f); }.garment-shape.black { background:linear-gradient(135deg,#2b2a2a,#585353); }.model-name-chip { position:absolute; z-index:4; bottom:10px; right:9px; padding:4px 6px; border-radius:6px; background:rgba(255,253,249,.8); color:#756b62; font-size:9px; font-weight:900; }.model-scene.mode-mannequin .model-body { display:none; }.model-scene.mode-mannequin .garment-shape { top:32%; width:45%; height:37%; }.model-scene.mode-scene .model-body { filter:saturate(.76); }.model-scene.mode-scene .garment-shape { background:linear-gradient(135deg,#78907a,#bfd0b7); }.model-scene.loading:after { content:"Gerando visual..."; position:absolute; inset:0; display:grid; place-items:center; background:rgba(48,40,35,.52); color:#fff; font-weight:900; font-size:13px; z-index:8; animation:pulse 1s infinite alternate; }.source-tile .sample-garment { position:absolute; inset:0; background:linear-gradient(135deg,#d6c0ae,#9d7868); }.source-tile .sample-garment:before { content:""; position:absolute; top:22%; left:27%; width:45%; height:54%; border-radius:15px 15px 24px 24px; background:linear-gradient(135deg,#9d5344,#df9d7f); box-shadow: -22px 15px 0 -6px #9d5344, 22px 15px 0 -6px #9d5344; }.source-tile .sample-garment:after { content:"FOTO DO CABIDE"; position:absolute; left:12px; bottom:12px; color:rgba(255,255,255,.8); font-size:10px; font-weight:900; letter-spacing:.1em; }@keyframes pulse { to{opacity:.75} }
.model-lock-panel { display:flex; align-items:center; gap:14px; margin-top:15px; }.model-lock-icon { width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--purple-soft);color:var(--purple);font-size:20px; }.model-lock-panel>div:nth-child(2) { min-width:250px; flex:1; }.model-lock-panel h2 { margin:4px 0 3px; font-size:17px; }.model-lock-panel p { margin:0; color:var(--muted); font-size:11px; max-width:670px; }.model-thumbs { display:flex; gap:7px; }.model-thumb { display:flex; flex-direction:column; align-items:center; gap:3px; padding:6px; border:1px solid transparent; background:transparent; box-shadow:none; }.model-thumb:hover { box-shadow:none; transform:none; }.model-thumb.selected { border-color:var(--accent); background:#fbefe8; }.model-thumb small { font-size:9px; color:var(--muted); }.mini-model { position:relative; display:block; width:28px;height:34px;border-radius:12px 12px 7px 7px;background:linear-gradient(135deg,#dfb19c,#aa6f63); }.mini-model:before { content:""; position:absolute; width:15px;height:15px;left:6px;top:-6px;border-radius:50%;background:#ddb09a; }.mini-model:after { content:""; position:absolute; left:7px;top:8px;width:14px;height:11px;border-radius:5px;background:#7d4c42; }.mini-ravi,.mini-caio { background:linear-gradient(135deg,#9b6b55,#5e4038); }.mini-bia { background:linear-gradient(135deg,#be8e87,#8d5c5e); }.mini-noa { background:linear-gradient(135deg,#7e9a94,#516b68); }
.catalog-toolbar { display:flex; justify-content:space-between; gap:15px; align-items:center; margin-bottom:17px; }.catalog-stats { display:flex; gap:24px; }.catalog-stats div { padding-left:12px; border-left:2px solid var(--line); }.catalog-stats span,.catalog-stats strong { display:block; }.catalog-stats span { color:var(--muted); font-size:10px; }.catalog-stats strong { margin-top:2px; font-size:21px; letter-spacing:-.05em; }.toolbar-right { display:flex; gap:8px; align-items:center; }.table-search { min-width:240px; }.product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }.product-card { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--card); box-shadow:var(--shadow); }.product-visual { position:relative; height:235px; overflow:hidden; background:#ddd0c4; }.product-visual .mini-scene { position:absolute; inset:0; }.product-visual.visual-one { background:linear-gradient(135deg,#dfd0c4,#f2e9df); }.product-visual.visual-two { background:linear-gradient(135deg,#cbd5d0,#e5ddd3); }.product-visual.visual-three { background:linear-gradient(135deg,#ddd2c9,#b9a99f); }.product-visual.visual-four { background:linear-gradient(135deg,#d9c8bf,#f1e4dd); }.product-visual .model-body { width:48%;height:84%; }.product-visual .garment-shape { width:34%;height:31%; }.product-visual .tile-label { background:rgba(255,253,249,.85); }.product-status { position:absolute; left:10px; top:10px; z-index:4; }.product-status .status-pill { background:rgba(255,253,249,.86); color:#695f56; }.product-info { padding:12px; }.product-info-top { display:flex; justify-content:space-between; gap:8px; }.product-info h3 { margin:0; font-size:12px; }.product-info p { margin:3px 0 8px; color:var(--muted); font-size:10px; }.product-price { display:flex; justify-content:space-between; align-items:center; }.product-price strong { font-size:14px; }.product-price button { padding:3px 6px; border:0; background:transparent; color:#a79d93; box-shadow:none; font-size:13px; }.product-price button:hover { color:var(--coral); box-shadow:none; transform:none; }.product-tags { display:flex; gap:5px; flex-wrap:wrap; margin-top:9px; }.product-tags span,.channel-tag { border-radius:5px; padding:3px 5px; background:#f3ede6; color:#8b8077; font-size:9px; }.channel-tag.physical { background:var(--purple-soft); color:var(--purple); }.channel-tag.online { background:var(--green-soft); color:var(--green); }
.sub-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:15px; }.sub-metrics>div { padding:13px 15px; border:1px solid var(--line); border-radius:13px; background:rgba(255,253,249,.65); }.sub-metrics span,.sub-metrics strong { display:block; }.sub-metrics span { color:var(--muted); font-size:10px; }.sub-metrics strong { margin-top:5px; font-size:22px; letter-spacing:-.05em; }.toolbar { display:flex; justify-content:space-between; gap:12px; margin-bottom:10px; }.filter-group { display:flex; gap:5px; flex-wrap:wrap; }.filter-button { padding:.48rem .7rem; font-size:10px; background:#f9f5ef; box-shadow:none; }.filter-button.active { color:var(--accent-dark); border-color:#d8b3a5; background:var(--accent-soft); }.stock-bar-wrap { display:block; width:70px; height:4px; margin-top:5px; border-radius:99px; background:#eee7df; overflow:hidden; }.stock-bar { display:block; height:100%; border-radius:inherit; }.stock-bar.good { background:var(--green); }.stock-bar.low { background:var(--warm); }.stock-bar.zero { background:var(--coral); }.stock-grade { color:var(--muted); font-size:10px; }.row-action { padding:4px 7px; border:0; background:transparent; box-shadow:none; color:var(--accent); font-size:10px; }.row-action:hover { box-shadow:none; transform:none; text-decoration:underline; }.finance-hero { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:15px; padding:22px; border-radius:16px; background:var(--dark); color:#fff; overflow:hidden; }.finance-hero span,.finance-hero strong,.finance-hero p { display:block; }.finance-hero>div:first-child>span { color:#c4bbb3; font-size:11px; }.finance-hero strong { margin:7px 0; font-size:32px; letter-spacing:-.06em; }.finance-hero p { margin:0; color:#aaa099; font-size:10px; }.finance-hero .trend { color:#b9ddb9; }.finance-hero-chart { display:flex; align-items:flex-end; gap:8px; height:85px; padding:0 5px; }.finance-hero-chart i { display:block; width:12px; min-height:12px; border-radius:5px 5px 2px 2px; background:linear-gradient(#d7967f,#8d5146); }.finance-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-bottom:15px; }.finance-list { margin-top:16px; }.finance-list>div { display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-top:1px solid #eee7df; color:var(--muted); font-size:11px; }.finance-list strong { color:var(--ink); }.finance-list .finance-total { margin-top:8px; color:var(--ink); font-weight:900; }.invoice-list { display:grid; gap:0; margin-top:10px; }.invoice-row { display:grid; grid-template-columns:29px 1fr auto; align-items:center; gap:9px; padding:10px 0; border-top:1px solid #eee7df; }.invoice-avatar { width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#eee5dd;color:#75665c;font-size:9px;font-weight:900; }.invoice-copy strong,.invoice-copy small { display:block; }.invoice-copy strong { font-size:11px; }.invoice-copy small { color:var(--muted); font-size:10px; margin-top:2px; }.invoice-meta { text-align:right; }.invoice-meta strong { display:block; margin-top:4px; font-size:11px; }.due-badge { display:inline-block; border-radius:5px; padding:3px 5px; font-size:9px; font-weight:900; }.due-today { color:#9b6357; background:var(--coral-soft); }.due-soon { color:#8c6b28; background:var(--warm-soft); }.due-late { color:#fff; background:var(--coral); }.panel-total { border-radius:99px; padding:4px 7px; font-size:10px; font-weight:900; }.coral-total { color:#a55a52; background:var(--coral-soft); }
.recovery-hero { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:24px; margin-bottom:15px; border-radius:16px; background:linear-gradient(135deg,#f2dfd5,#f7ede5); border:1px solid #ecd5ca; }.recovery-hero h2 { max-width:560px; margin:6px 0; font:900 26px/.98 Georgia,serif; letter-spacing:-.05em; }.recovery-hero p { margin:0 0 12px; color:#8a756b; font-size:11px; }.recovery-hero-stat { text-align:right; min-width:175px; }.recovery-hero-stat strong,.recovery-hero-stat span { display:block; }.recovery-hero-stat strong { font-size:26px; letter-spacing:-.05em; }.recovery-hero-stat span { color:#8a756b; font-size:10px; }.mini-bars { display:flex; align-items:flex-end; justify-content:flex-end; gap:6px; height:50px; margin-top:8px; }.mini-bars i { display:block; width:13px; border-radius:4px 4px 1px 1px; background:var(--accent); opacity:.65; }.client-cell { display:flex; align-items:center; gap:8px; }.client-initial { width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#eee3da;color:#7b6357;font-weight:900;font-size:9px; }.client-cell strong,.client-cell small { display:block; }.client-cell small { color:var(--muted); font-size:10px; }.preference-tags { display:flex; gap:3px; }.preference-tags span { border-radius:4px; background:#f3ede6; color:#84766c; padding:3px 4px; font-size:9px; }.priority-high { color:#a55a52; background:var(--coral-soft); }.priority-medium { color:#8d6c29; background:var(--warm-soft); }.priority-contacted { color:#487359; background:var(--green-soft); }.whatsapp-button { display:inline-flex; align-items:center; gap:5px; color:#4b8a63; border:1px solid #b9d9c0; background:#eef8ef; padding:6px 8px; border-radius:7px; font-size:10px; }
.strategy-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-bottom:28px; }.calc-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:19px 0 14px; }.calc-fields label { display:grid; gap:5px; color:#716960; font-size:10px; font-weight:900; }.calc-fields input { width:100%; }.calc-fields small { color:var(--muted); font-size:9px; font-weight:500; }.cost-result { display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:8px; }.cost-result>div { padding:11px; border-radius:10px; background:#f8f3ed; }.cost-result span,.cost-result strong { display:block; }.cost-result span { color:var(--muted); font-size:9px; }.cost-result strong { margin-top:4px; font-size:16px; letter-spacing:-.04em; }.cost-result-highlight { background:var(--accent-soft) !important; }.cost-result-highlight strong { color:var(--accent-dark); }.calc-note { margin:12px 0 0; color:var(--muted); font-size:10px; }.plan-table { margin-top:19px; }.plan-row { display:grid; grid-template-columns:1.45fr .75fr .85fr 1fr; align-items:center; gap:7px; padding:11px 8px; border-top:1px solid #eee7df; color:#6f665e; font-size:10px; }.plan-row strong,.plan-row b { color:var(--ink); }.plan-row em { display:inline-block; margin-left:4px; border-radius:4px; background:var(--green-soft); color:#4f7a5e; padding:2px 4px; font-size:8px; font-style:normal; }.plan-head { border-top:0; padding-top:0; color:#a0988f; text-transform:uppercase; letter-spacing:.08em; font-size:8px; font-weight:900; }.recommended { border-radius:9px; background:#f8f1e9; }.section-heading-inline { display:flex; justify-content:space-between; align-items:end; gap:15px; margin:26px 0 11px; }.section-heading-inline h2 { margin:5px 0 0; font-size:20px; letter-spacing:-.04em; }.muted-label { color:var(--muted); font-size:10px; }.competitor-panel { padding:0; overflow:hidden; }.competitor-row { display:grid; grid-template-columns:1fr 1.2fr 1.6fr 1.6fr; gap:14px; padding:14px 17px; border-top:1px solid #eee7df; color:#746c64; font-size:10px; }.competitor-row strong { color:var(--ink); font-size:12px; }.competitor-row span { display:block; }.competitor-row span small { display:block; color:var(--muted); margin-top:3px; }.competitor-head { border-top:0; padding-top:12px; color:#a0988f; text-transform:uppercase; letter-spacing:.09em; font-size:8px; font-weight:900; }.competitor-head span { color:#a0988f; }.tag-green,.tag-purple { display:inline-block; padding:3px 5px; border-radius:4px; font-size:8px; text-transform:uppercase; letter-spacing:.04em; }.tag-green { color:#4f7a5e; background:var(--green-soft); }.tag-purple { color:#695b8f; background:var(--purple-soft); }.source-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }.source-links a { color:var(--accent-dark); font-size:10px; text-decoration:none; border-bottom:1px solid #d9aea0; }.source-links a:hover { border-color:var(--accent); }
dialog { border:0; border-radius:16px; padding:0; width:min(650px,calc(100% - 30px)); color:var(--ink); box-shadow:0 30px 100px rgba(32,22,16,.25); }dialog::backdrop { background:rgba(40,32,27,.54); }.dialog-header { display:flex; justify-content:space-between; align-items:flex-start; padding:22px 22px 0; }.dialog-header h2 { margin:4px 0 0; font:900 24px Georgia,serif; letter-spacing:-.05em; }.dialog-header .icon-button { font-size:25px; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:20px 22px; }.form-grid label { display:grid; gap:5px; color:#716960; font-size:10px; font-weight:900; }.form-grid .full { grid-column:1/-1; }.form-grid input,.form-grid select,.form-grid textarea { width:100%; }.dialog-actions { display:flex; justify-content:flex-end; gap:8px; padding:14px 22px; background:#faf5ef; }.dialog-actions button { font-size:11px; }.dialog-actions [value="cancel"] { background:transparent; }.dialog-actions [value="default"] { background:var(--accent); color:#fff; border-color:var(--accent); }
#toast { position:fixed; right:20px; bottom:20px; z-index:20; max-width:360px; padding:12px 15px; border-radius:10px; background:var(--dark); color:#fff; box-shadow:0 15px 35px rgba(32,22,16,.2); opacity:0; pointer-events:none; transform:translateY(10px); transition:.2s ease; font-size:11px; }.toast-show { opacity:1 !important; transform:none !important; }
@media (max-width:1180px) { .metric-grid { grid-template-columns:repeat(2,1fr); }.product-grid { grid-template-columns:repeat(3,1fr); }.studio-layout { grid-template-columns:1fr; }.studio-controls,.studio-preview { min-height:auto; }.studio-preview .preview-stage { min-height:450px; }.model-lock-panel { align-items:flex-start; flex-wrap:wrap; }.model-thumbs { margin-left:54px; } }
@media (max-width:900px) { .app-shell { grid-template-columns:1fr; }.sidebar { position:fixed; inset:0 auto 0 0; width:260px; transform:translateX(-102%); transition:.2s ease; box-shadow:12px 0 40px rgba(40,30,24,.14); }.sidebar.open { transform:none; }.mobile-menu { display:block; border:0; background:none; box-shadow:none; font-size:18px; padding:3px; }.topbar { padding:0 18px; }.topbar-actions { gap:8px; }.topbar-date,.topbar-divider { display:none; }.search-box { min-width:0; width:min(40vw,245px); }.dashboard-grid,.lower-grid { grid-template-columns:1fr; }.finance-grid,.strategy-grid { grid-template-columns:1fr; } }
@media (max-width:650px) { .page-wrap { padding:24px 13px 60px; }.topbar { min-height:62px; }.breadcrumbs span,.breadcrumbs b { display:none; }.topbar-actions { flex:1; justify-content:flex-end; }.topbar-actions .search-box { width:calc(100vw - 100px); }.page-heading { display:block; }.heading-actions { justify-content:flex-start; margin-top:15px; }.page-heading h1 { font-size:2.6rem; }.metric-grid,.sub-metrics { grid-template-columns:1fr 1fr; gap:8px; }.metric-card { padding:13px; }.metric-card>strong { font-size:24px; }.metric-bottom { display:block; }.metric-bottom span { display:block; margin-top:2px; }.panel { padding:14px; }.sales-summary strong { font-size:23px; }.ai-panel-copy { max-width:70%; }.ai-panel h2 { font-size:23px; }.ai-panel-shape { width:58%; right:-20%; }.catalog-toolbar,.toolbar { display:block; }.catalog-stats { margin-bottom:15px; gap:14px; }.toolbar-right { display:flex; }.table-search { min-width:0; width:100%; }.toolbar .table-search { margin-bottom:9px; }.product-grid { grid-template-columns:repeat(2,1fr); gap:9px; }.product-visual { height:175px; }.source-actions,.field-row,.calc-fields,.cost-result { grid-template-columns:1fr; }.mode-switch { grid-template-columns:1fr 1fr 1fr; }.mode-button { padding:8px; }.mode-button small { display:none; }.studio-credit-pill { margin-top:14px; justify-content:space-between; }.studio-credit-pill .button { margin-left:0; }.preview-stage { min-height:410px !important; }.source-preview { grid-template-columns:1fr; }.source-preview .source-tile { display:none; }.model-lock-panel>div:nth-child(2) { min-width:0; }.model-thumbs { margin-left:0; width:100%; justify-content:space-between; }.model-thumb { padding:4px; }.recovery-hero { display:block; }.recovery-hero-stat { margin-top:20px; text-align:left; }.mini-bars { justify-content:flex-start; }.competitor-row { grid-template-columns:1fr 1fr; gap:8px; }.competitor-head { display:none; }.competitor-row>span:nth-of-type(2),.competitor-row>span:nth-of-type(3),.competitor-row>span:nth-of-type(4) { grid-column:1/-1; }.form-grid { grid-template-columns:1fr; padding:18px; }.form-grid .full { grid-column:auto; } }

.login-screen { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 12% 10%,#f4d8c9 0,#f6efe8 32%,#dce7df 100%); }
.product-photo { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
.product-detail-photo .product-photo { position:absolute; inset:0; }
.login-screen.is-hidden { display:none; }
.login-card { width:min(420px,100%); padding:34px; border:1px solid rgba(255,255,255,.75); border-radius:24px; background:rgba(255,253,249,.84); box-shadow:0 30px 90px rgba(75,53,43,.16); backdrop-filter:blur(14px); }
.login-mark { width:46px; height:46px; display:grid; place-items:center; margin-bottom:22px; border-radius:14px; background:var(--dark); color:#fff; font:900 24px Georgia,serif; }
.login-card h1 { max-width:330px; margin:7px 0 10px; font:900 34px/.98 Georgia,serif; letter-spacing:-.06em; }
.login-card p { margin:0 0 23px; color:var(--muted); font-size:12px; line-height:1.55; }
.login-card label { display:grid; gap:6px; margin-top:12px; color:#716960; font-size:10px; font-weight:900; }
.login-card input { width:100%; }
.login-submit { width:100%; justify-content:space-between; margin-top:20px; }
.login-card small { display:block; margin-top:13px; color:#998d84; font-size:10px; line-height:1.4; text-align:center; }
.product-card[data-stock-product], tr[data-stock-product] { cursor:pointer; }
.product-card[data-stock-product]:hover { border-color:#d5a291; transform:translateY(-2px); box-shadow:0 15px 35px rgba(61,43,33,.12); }
tr[data-stock-product]:hover td { background:#fff9f2; }
.stock-detail { padding:0 22px 22px; }
.stock-detail-grid { display:grid; grid-template-columns:190px 1fr; gap:18px; align-items:stretch; }
.product-detail-photo { position:relative; min-height:230px; overflow:hidden; border-radius:14px; background:#e4d5ca; }
.product-detail-photo .model-scene { position:absolute; inset:0; }
.product-detail-copy { min-width:0; }
.product-detail-copy h3 { margin:0 0 4px; font-size:20px; letter-spacing:-.04em; }
.product-detail-copy>p { margin:0 0 12px; color:var(--muted); font-size:11px; }
.detail-meta { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:14px 0; }
.detail-meta div { padding:9px 10px; border-radius:9px; background:#f8f3ed; }
.detail-meta span,.detail-meta strong { display:block; }
.detail-meta span { color:var(--muted); font-size:9px; }
.detail-meta strong { margin-top:3px; font-size:13px; }
.stock-detail-status { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:9px 0 16px; }
.movement-panel { margin-top:18px; padding-top:16px; border-top:1px solid #eee7df; }
.movement-panel h3 { margin:0 0 10px; font-size:14px; }
.movement-form { display:grid; grid-template-columns:86px 1fr; gap:8px; }
.movement-form input { width:100%; }
.movement-form .movement-reason { grid-column:1/-1; }
.movement-actions { display:flex; gap:7px; margin-top:9px; }
.movement-actions button { flex:1; font-size:10px; }
.button-danger { color:#a55a52; border-color:#e2b7ac; background:var(--coral-soft); }
.button-success { color:#4f7a5e; border-color:#b9d9c0; background:var(--green-soft); }
.movement-list { display:grid; gap:7px; margin-top:12px; }
.movement-item { display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-top:1px solid #f0eae3; color:var(--muted); font-size:10px; }
.movement-item strong { color:var(--ink); }
.movement-item small { display:block; margin-top:2px; color:#a49b94; }
.movement-empty { margin:0; color:var(--muted); font-size:10px; }
@media (max-width:650px) { .login-card { padding:25px; }.stock-detail { padding:0 17px 18px; }.stock-detail-grid { grid-template-columns:1fr; }.product-detail-photo { min-height:210px; }.movement-form { grid-template-columns:1fr 1fr; } }

.model-lock-panel { display:grid; grid-template-columns:40px minmax(0,1fr); align-items:start; }
.model-lock-panel>div:nth-child(2) { min-width:0; }
.model-profile-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:6px; }
.model-profile-card { padding:13px; border:1px solid var(--line); border-radius:13px; background:#fffdf9; }
.model-profile-card.selected { border-color:#d9ae9e; background:#fff9f3; box-shadow:0 8px 24px rgba(61,43,33,.06); }
.model-profile-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.model-profile-select { display:flex; align-items:center; gap:8px; min-width:0; padding:0; border:0; background:transparent; box-shadow:none; text-align:left; }
.model-profile-select:hover { box-shadow:none; transform:none; }
.model-profile-select strong,.model-profile-select small { display:block; }
.model-profile-select strong { font-size:12px; }
.model-profile-select small { margin-top:2px; color:var(--muted); font-size:9px; }
.model-profile-state { flex:none; padding:4px 6px; border-radius:5px; background:#f3ede6; color:#8a7c72; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
.model-profile-card.selected .model-profile-state { color:#a55f51; background:var(--coral-soft); }
.model-profile-fields { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.model-profile-fields label { display:grid; gap:5px; color:#716960; font-size:9px; font-weight:900; }
.model-profile-fields input,.model-profile-fields select,.model-profile-fields textarea { width:100%; font-size:10px; }
.model-profile-full { grid-column:1/-1; }
.model-profile-fields textarea { resize:vertical; min-height:55px; line-height:1.35; }
.model-profile-note { display:block; margin-top:9px; color:#a0958c; font-size:9px; line-height:1.35; }
@media (max-width:900px) { .model-profile-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:650px) { .model-profile-grid { grid-template-columns:1fr; }.model-profile-fields { grid-template-columns:1fr; }.model-profile-full { grid-column:auto; } }

.photo-attachment-status { display:flex; align-items:center; gap:9px; min-height:45px; margin:10px 0 12px; padding:9px 10px; border:1px solid #eadfd3; border-radius:10px; background:#faf6f0; }.photo-attachment-status.ready { border-color:#b9d9c0; background:#f1f8f1; }.photo-attachment-icon { display:grid; place-items:center; flex:0 0 auto; width:25px; height:25px; border-radius:8px; background:#eee7df; color:#9b8a7b; font-size:13px; }.photo-attachment-status.ready .photo-attachment-icon { background:#dcefe0; color:#4f7a5e; }.photo-attachment-copy { min-width:0; flex:1; }.photo-attachment-copy strong,.photo-attachment-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.photo-attachment-copy strong { color:var(--ink); font-size:10px; }.photo-attachment-copy small { margin-top:2px; color:var(--muted); font-size:9px; }.photo-attachment-badge { flex:none; padding:4px 6px; border-radius:5px; background:#f0ebe5; color:#8b7d72; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }.photo-attachment-status.ready .photo-attachment-badge { background:#dcefe0; color:#4f7a5e; }.product-generation-meta { display:flex; flex-wrap:wrap; gap:4px; margin-top:8px; color:#8b7e74; font-size:9px; }.product-generation-meta span { padding:3px 5px; border-radius:5px; background:#f7f0e9; }.product-card[data-stock-product] .product-generation-meta { pointer-events:none; }
.source-preview { min-height:490px; }
.source-preview .source-tile,.source-preview .result-tile { min-height:470px; }
@media (max-width:650px) { .source-preview { min-height:390px; }.source-preview .result-tile { min-height:390px; }.source-preview .result-tile .model-scene { min-height:390px; } }