:root{--blue:#2196f3;--blue-hover:#1976d2;--blue-dark:#1565c0;--blue-light:#e3f2fd;--blue-mid:#bbdefb;--green:#25d366;--green-dark:#1faa54;--green-light:#dcfce7;--red:#ef4444;--red-dark:#b91c1c;--red-light:#fef2f2;--amber:#f59e0b;--amber-light:#fef3c7;--bg:#fff;--surface:#f8fafc;--surface-2:#f1f5f9;--card-bg:#fff;--text:#0f1117;--text-2:#4b5563;--text-3:#9ca3af;--border:#e5e7eb;--color-primary:var(--blue);--color-primary-hover:var(--blue-hover);--color-primary-active:var(--blue-dark);--color-primary-tint:var(--blue-light);--color-primary-mid:var(--blue-mid);--color-success:var(--green);--color-success-strong:var(--green-dark);--color-success-tint:var(--green-light);--color-danger:var(--red);--color-danger-strong:var(--red-dark);--color-danger-tint:var(--red-light);--color-warning:var(--amber);--color-warning-tint:var(--amber-light);--color-bg:var(--bg);--color-surface:var(--surface);--color-surface-raised:var(--surface-2);--color-card:var(--card-bg);--color-fg:var(--text);--color-fg-secondary:var(--text-2);--color-fg-tertiary:var(--text-3);--color-border:var(--border);--color-fg-contrast:#fff;--color-bg-overlay:#0f111780;--color-misc-shadow:#000;--color-misc-rating:#fbbf24;--font-light:"Space Grotesk", system-ui, sans-serif;--font-roman:"Space Grotesk", system-ui, sans-serif;--font-bold:"Space Grotesk", system-ui, sans-serif;--text-hero-bold:700 38px/50px var(--font-bold);--text-hero-regular:400 38px/50px var(--font-roman);--text-xlarge-bold:700 22px/30px var(--font-bold);--text-xlarge-regular:400 22px/30px var(--font-roman);--text-large-light:300 18px/26px var(--font-light);--text-large-regular:400 18px/26px var(--font-roman);--text-large-bold:700 18px/26px var(--font-bold);--text-medium-light:300 16px/26px var(--font-light);--text-medium-regular:400 16px/26px var(--font-roman);--text-medium-bold:700 16px/26px var(--font-bold);--text-normal-light:300 14px/22px var(--font-light);--text-normal-regular:400 14px/22px var(--font-roman);--text-normal-bold:700 14px/22px var(--font-bold);--text-small-light:300 13px/22px var(--font-light);--text-small-regular:400 13px/22px var(--font-roman);--text-small-bold:700 13px/22px var(--font-bold);--text-xsmall-light:300 11px/14px var(--font-light);--text-xsmall-regular:400 11px/14px var(--font-roman);--text-xsmall-bold:700 11px/14px var(--font-bold);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:30px;--radius-full:9999px;--radius-sheet:28px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--screen-pad-x:24px;--shadow-card:0 4px 20px #0f111714;--measure:#ff4d6d;--chrome-bg:#2c2c2c;--chrome-bg-hover:#383838;--chrome-bg-elev:#353535;--chrome-border:#3a3a3a;--chrome-text:#e6e6e6;--chrome-text-secondary:#a8a8a8;--chrome-text-tertiary:#7a7a7a;--canvas-bg:#e5e5e5}[data-theme=dark]{--blue:#2196f3;--blue-hover:#1976d2;--blue-dark:#1565c0;--blue-light:#1e3a5f;--blue-mid:#2a4a73;--green:#25d366;--green-dark:#1faa54;--green-light:#1a3324;--red:#ef4444;--red-dark:#fca5a5;--red-light:#3a1818;--amber:#f59e0b;--amber-light:#3a2a08;--text:#f5f5f5;--text-2:#d1d5db;--text-3:#9ca3af;--border:#383d46;--bg:#1e2229;--surface:#2d3139;--surface-2:#383d46;--card-bg:#2d3139;--shadow-card:0 4px 20px #00000059;--color-primary:var(--blue);--color-primary-hover:var(--blue-hover);--color-primary-active:var(--blue-dark);--color-primary-tint:var(--blue-light);--color-primary-mid:var(--blue-mid);--color-success:var(--green);--color-success-strong:var(--green-dark);--color-success-tint:var(--green-light);--color-danger:var(--red);--color-danger-strong:var(--red-dark);--color-danger-tint:var(--red-light);--color-warning:var(--amber);--color-warning-tint:var(--amber-light);--color-bg:var(--bg);--color-surface:var(--surface);--color-surface-raised:var(--surface-2);--color-card:var(--card-bg);--color-fg:var(--text);--color-fg-secondary:var(--text-2);--color-fg-tertiary:var(--text-3);--color-border:var(--border);--color-fg-contrast:#fff;--color-bg-overlay:#000000b3;--color-misc-shadow:#000;--color-misc-rating:#fbbf24}[lang=ar]{--font-light:"Cairo", system-ui, sans-serif;--font-roman:"Cairo", system-ui, sans-serif;--font-bold:"Cairo", system-ui, sans-serif;--text-hero-bold:700 38px/50px var(--font-bold);--text-hero-regular:400 38px/50px var(--font-roman);--text-xlarge-bold:700 22px/30px var(--font-bold);--text-xlarge-regular:400 22px/30px var(--font-roman);--text-large-light:300 18px/26px var(--font-light);--text-large-regular:400 18px/26px var(--font-roman);--text-large-bold:700 18px/26px var(--font-bold);--text-medium-light:300 16px/26px var(--font-light);--text-medium-regular:400 16px/26px var(--font-roman);--text-medium-bold:700 16px/26px var(--font-bold);--text-normal-light:300 14px/22px var(--font-light);--text-normal-regular:400 14px/22px var(--font-roman);--text-normal-bold:700 14px/22px var(--font-bold);--text-small-light:300 13px/22px var(--font-light);--text-small-regular:400 13px/22px var(--font-roman);--text-small-bold:700 13px/22px var(--font-bold);--text-xsmall-light:300 11px/14px var(--font-light);--text-xsmall-regular:400 11px/14px var(--font-roman);--text-xsmall-bold:700 11px/14px var(--font-bold)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-roman);background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit}input,button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-track{background:var(--color-bg)}.app{background:var(--color-bg);grid-template-columns:240px 1fr 340px;height:100vh;display:grid}.app.app--no-inspector{grid-template-columns:240px 1fr}.sidebar{background:var(--chrome-bg);border-right:1px solid var(--chrome-border);padding:var(--space-20) var(--space-16);color:var(--chrome-text);flex-direction:column;display:flex;overflow-y:auto}.brand{align-items:center;gap:var(--space-12);padding:4px 8px var(--space-20);border-bottom:1px solid var(--chrome-border);margin-bottom:var(--space-16);display:flex}.brand-mark{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;width:32px;height:32px;font:var(--text-small-bold);justify-content:center;align-items:center;display:flex}.brand-name{font:var(--text-medium-bold);letter-spacing:-.01em;color:var(--chrome-text)}.brand-sub{font:var(--text-xsmall-bold);color:var(--chrome-text-tertiary);letter-spacing:.06em;margin-top:var(--space-4)}.nav-category{flex-direction:column;display:flex}.nav-label-btn{font:var(--text-xsmall-bold);color:var(--color-primary);letter-spacing:.08em;padding:var(--space-12);margin-top:var(--space-8);background:var(--chrome-bg);align-items:center;gap:var(--space-8);text-align:left;border-radius:var(--radius-xs);border:none;width:100%;transition:background .15s;display:flex}.nav-label-btn:hover{background:var(--chrome-bg-hover)}.nav-chevron{color:var(--color-primary);font-size:9px;transition:transform .18s;display:inline-block}.nav-label-btn.collapsed .nav-chevron{transform:rotate(-90deg)}.nav-item{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-12);border-radius:var(--radius-sm);font:var(--text-small-regular);color:var(--chrome-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--chrome-bg-hover);color:var(--chrome-text)}.nav-item.active{background:var(--color-primary-tint);color:var(--color-primary-active);border-color:var(--color-primary-mid);font:var(--text-small-bold)}.nav-num{font:var(--text-xsmall-bold);color:var(--chrome-text-tertiary);min-width:18px}.nav-item.active .nav-num{color:var(--color-primary)}.nav-external-icon{color:var(--chrome-text-tertiary);opacity:.7;margin-left:auto;font-size:12px}.nav-item-external:hover .nav-external-icon{opacity:1;color:var(--color-primary)}.sidebar-footer{padding:var(--space-12) var(--space-12);border-top:1px solid var(--chrome-border);font:var(--text-xsmall-bold);color:var(--chrome-text-tertiary);letter-spacing:.04em;margin-top:auto}.canvas{padding:var(--space-24) var(--space-40);background:var(--canvas-bg);flex-direction:column;align-items:center;display:flex;overflow-y:auto}.canvas-header{width:100%;margin-bottom:var(--space-24);justify-content:space-between;align-items:center;display:flex}.screen-title{font:var(--text-large-bold);letter-spacing:-.01em;color:var(--color-fg)}.screen-meta{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);margin-top:var(--space-4);letter-spacing:.04em}.canvas-actions{gap:var(--space-8);align-items:center;display:flex}.hint-pill{font:var(--text-xsmall-bold);padding:var(--space-8) var(--space-12);background:var(--chrome-bg);border:1px solid var(--chrome-border);color:var(--chrome-text-secondary);border-radius:var(--radius-sm);letter-spacing:.04em}.hint-pill kbd{font-family:var(--font-roman);background:var(--chrome-bg-elev);border:1px solid var(--chrome-border);padding:1px var(--space-4);margin:0 var(--space-4);color:var(--color-primary);border-radius:4px;font-size:10px}.icon-btn{min-width:36px;height:36px;padding:0 var(--space-12);border-radius:var(--radius-sm);border:1px solid var(--chrome-border);background:var(--chrome-bg);color:var(--chrome-text-secondary);justify-content:center;align-items:center;gap:var(--space-8);font:var(--text-xsmall-bold);transition:all .15s;display:flex}.icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.icon-btn svg{width:18px;height:18px}.inspector{background:var(--chrome-bg);border-left:1px solid var(--chrome-border);color:var(--chrome-text);flex-direction:column;display:flex;overflow-y:auto}.inspector-header{padding:var(--space-20) var(--space-20) var(--space-16);border-bottom:1px solid var(--chrome-border);background:var(--chrome-bg);z-index:5;position:sticky;top:0}.inspector-title{font:var(--text-xsmall-bold);color:var(--color-primary);letter-spacing:.08em;margin-bottom:var(--space-8)}.inspector-name{font:var(--text-medium-bold);letter-spacing:-.01em;color:var(--chrome-text)}.inspector-tag{margin-top:var(--space-8);font:var(--text-xsmall-bold);padding:var(--space-4) var(--space-8);background:var(--chrome-bg-elev);color:var(--chrome-text-secondary);border-radius:var(--radius-sm);letter-spacing:.04em;display:inline-block}.inspector-body{padding:var(--space-16) var(--space-20) var(--space-24)}.inspector-empty{padding:40px var(--space-24);text-align:center;color:var(--chrome-text-tertiary);font:var(--text-small-regular)}.inspector-empty-icon{border-radius:var(--radius-lg);background:var(--chrome-bg-elev);width:48px;height:48px;color:var(--color-primary);justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.inspector-empty kbd{font:var(--text-xsmall-bold);background:var(--chrome-bg-elev);border:1px solid var(--chrome-border);padding:1px var(--space-8);color:var(--color-primary);margin:0 var(--space-4);border-radius:4px}.spec-group{margin-bottom:var(--space-20)}.spec-group-title{font:var(--text-xsmall-bold);color:var(--chrome-text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--chrome-border)}.spec-row{padding:var(--space-8) 0;font-family:var(--font-roman);justify-content:space-between;align-items:center;gap:var(--space-12);font-size:11.5px;display:flex}.spec-key{color:var(--chrome-text-tertiary);white-space:nowrap;font-weight:500}.spec-val{color:var(--chrome-text);align-items:center;gap:var(--space-8);text-align:right;word-break:break-word;flex-wrap:wrap;justify-content:flex-end;font-weight:600;display:flex}.color-chip{border:1px solid var(--chrome-border);border-radius:4px;flex-shrink:0;width:14px;height:14px}.token-pill{font-family:var(--font-roman);padding:var(--space-4) var(--space-8);color:#6cb6f8;border-radius:var(--radius-sm);background:#2196f32e;font-size:10.5px;font-weight:700}[data-component]{cursor:crosshair}[data-component]:hover{outline:1.5px dashed var(--color-primary);outline-offset:2px}[data-component].is-selected{outline-offset:2px;outline:2px solid var(--color-primary)!important}[data-component].is-measure-target{outline-offset:2px;outline:2px solid var(--measure)!important}.hover-tip{pointer-events:none;background:var(--color-primary);color:#fff;font:var(--text-xsmall-bold);padding:var(--space-4) var(--space-12);z-index:9999;letter-spacing:.04em;white-space:nowrap;opacity:0;border-radius:6px;transition:opacity .12s,transform .12s;position:fixed;transform:translateY(-4px);box-shadow:0 4px 12px #2196f359}.hover-tip.show{opacity:1;transform:translateY(-10px)}.measure-overlay{pointer-events:none;z-index:9998;position:fixed;inset:0}.measure-line{background:var(--measure);pointer-events:none;position:absolute}.measure-line.horizontal{height:1px}.measure-line.vertical{width:1px}.measure-label{background:var(--measure);color:#fff;font-family:var(--font-roman);padding:var(--space-4) var(--space-8);white-space:nowrap;border-radius:4px;font-size:10.5px;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #ff4d6d66}body.is-measuring [data-component]:hover{outline-offset:2px;outline:2px dashed var(--measure)!important}body.is-measuring{cursor:crosshair}.phone-wrap{padding:var(--space-12) 0 var(--space-32);justify-content:center;display:flex}.phone{width:375px;height:812px;padding:var(--space-12);background:#0f1117;border-radius:50px;flex-shrink:0;position:relative;box-shadow:0 0 0 2px #ffffff0f,0 30px 80px -20px #0f111780,0 0 0 8px #1a1d24}.phone-screen{background:var(--color-bg);border-radius:40px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone:before{content:"";z-index:10;pointer-events:none;background:#000;border-radius:0 0 18px 18px;width:156px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.status-bar{height:44px;padding:0 var(--space-24) var(--space-8);font:var(--text-small-bold);flex-shrink:0;justify-content:space-between;align-items:flex-end;display:flex}.status-bar.dark-text{color:#0f1117}.status-bar.light-text,[data-theme=dark] .status-bar{color:#fff}.status-icons{gap:var(--space-8);align-items:center;display:flex}.status-icons svg{display:block}[lang=ar] .icon-chevron-left,[lang=ar] .icon-chevron-right,[lang=ar] .icon-arrow-left{transform:scaleX(-1)}.layer-path{flex-wrap:wrap;align-items:center;gap:2px;line-height:1.8;display:flex}.layer-crumb{font:600 11px var(--font-roman), system-ui, sans-serif;color:var(--color-primary);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:4px;padding:0 2px}.layer-crumb:hover{background:var(--chrome-bg-elev);text-decoration:underline}.layer-crumb.is-current{color:var(--chrome-text);cursor:default}.layer-crumb.is-current:hover{background:0 0;text-decoration:none}.layer-sep{color:var(--chrome-text-tertiary);margin:0 2px;font-size:11px}.layer-children{flex-direction:column;gap:2px;margin-top:10px;display:flex}.layer-children-label{color:var(--chrome-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font:600 10px system-ui,sans-serif}.layer-child{font:500 11.5px var(--font-roman), system-ui, sans-serif;color:var(--chrome-text);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:4px;padding:3px 4px}.layer-child:hover{background:var(--chrome-bg-elev);color:var(--color-primary)}.screen-splash{background:var(--color-primary);color:var(--color-fg-contrast);flex-direction:column;flex:1;display:flex}.splash-body{padding:0 var(--space-40);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.splash-name{font:var(--text-hero-bold);letter-spacing:-.02em;color:var(--color-fg-contrast);margin-top:var(--space-24)}.splash-logo{justify-content:center;align-items:center;display:flex}.splash-tagline{font:var(--text-normal-regular);color:color-mix(in srgb, var(--color-fg-contrast) 85%, transparent);text-align:center}.splash-footer{padding:0 0 var(--space-48);align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.splash-by{font:var(--text-xsmall-bold);color:color-mix(in srgb, var(--color-fg-contrast) 60%, transparent);letter-spacing:.08em}.splash-version{font:var(--text-xsmall-bold);color:color-mix(in srgb, var(--color-fg-contrast) 80%, transparent)}.screen-onboarding{background:var(--color-bg);flex-direction:column;flex:1;display:flex}.onb-image{margin:var(--space-16) auto var(--space-16);background-position:50%;background-size:cover;background-color:var(--color-surface);border-radius:var(--radius-lg);width:calc(100% - 50px);height:380px;overflow:hidden}.onb-content{padding:0 var(--space-32);text-align:center}.onb-title{font:var(--text-large-bold);letter-spacing:-.01em;color:var(--color-fg);margin-bottom:var(--space-4)}.onb-desc{font:var(--text-small-regular);color:var(--color-fg-tertiary);padding:0 var(--space-8)}.page-dots{justify-content:center;gap:var(--space-8);margin-top:var(--space-12);display:flex}.dot{border-radius:var(--radius-full);background:var(--color-border);width:8px;height:8px;transition:all .2s}.dot.active{background:var(--color-primary);border-radius:var(--radius-full);width:24px}.onb-actions{padding:var(--space-20) var(--space-24) var(--space-16);gap:var(--space-16);flex-direction:column;align-items:center;margin-top:auto;display:flex}.btn-primary{border-radius:var(--radius-sm);background:var(--color-primary);width:100%;color:var(--color-fg-contrast);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-12);border:none;transition:background .2s,transform .1s;display:flex}.btn-primary-lg{height:50px;font:var(--text-normal-bold)}.btn-primary-sm{height:40px;font:var(--text-small-bold)}.btn-primary:not(.btn-primary-lg):not(.btn-primary-sm){height:50px;font:var(--text-normal-bold)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-primary.is-disabled,.btn-primary.is-disabled:hover{background:var(--color-surface-raised);color:var(--color-fg-tertiary);cursor:not-allowed}.btn-primary.is-disabled:active{transform:none}.btn-link.is-disabled,.btn-link.is-disabled:hover{color:var(--color-fg-tertiary);cursor:not-allowed}.btn-outline.is-disabled,.btn-outline.is-disabled:hover,.order-card-btn-outline.is-disabled,.order-card-btn-outline.is-disabled:hover,.btn-outline-primary.is-disabled,.btn-outline-primary.is-disabled:hover,.btn-outline-danger.is-disabled,.btn-outline-danger.is-disabled:hover{border-color:var(--color-border);background:var(--color-bg);color:var(--color-fg-tertiary);cursor:not-allowed}.btn-link{background:var(--color-bg);color:var(--color-primary);font:var(--text-small-bold);cursor:pointer;padding:var(--space-8);border:none}.btn-link:hover{color:var(--color-primary-hover)}.ds-page{width:100%;max-width:980px;padding:8px 0 80px}.ds-section{margin-bottom:40px}.ds-section-label{font:var(--text-xsmall-bold);color:var(--color-primary);letter-spacing:.08em;margin-bottom:var(--space-8)}.ds-section-title{font:var(--text-xlarge-bold);letter-spacing:-.01em;margin-bottom:var(--space-8)}.ds-section-desc{font:var(--text-small-regular);color:var(--color-fg-secondary);margin-bottom:var(--space-20);max-width:560px}.ds-color-grid{gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.ds-color{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .15s;overflow:hidden}.ds-color:hover{border-color:var(--color-primary)}.ds-color-swatch{height:80px}.ds-color-info{padding:12px 14px}.ds-color-name{font:var(--text-small-bold)}.ds-color-token{font:var(--text-xsmall-bold);color:var(--color-primary);margin-top:var(--space-4)}.ds-color-hex{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.ds-type-list{flex-direction:column;gap:14px;display:flex}.ds-type{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-20) var(--space-24)}.ds-type-meta{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-12)}.ds-type-meta .tok{color:var(--color-primary)}.ds-radius-grid{gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.ds-radius{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-16);text-align:center}.ds-radius:hover{border-color:var(--color-primary)}.ds-radius-shape{background:var(--color-primary);width:72px;height:72px;margin:0 auto 12px}.ds-radius-token{font:var(--text-xsmall-bold);color:var(--color-primary)}.ds-radius-val{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);margin-top:var(--space-4)}.ds-shadow-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.ds-shadow{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--space-32) var(--space-20) var(--space-16)}.ds-shadow-box{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:70px;margin-bottom:var(--space-16);box-shadow:var(--shadow-card)}.ds-shadow-token{font:var(--text-xsmall-bold);color:var(--color-primary);margin-bottom:var(--space-4)}.ds-shadow-val{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);word-break:break-all}.ds-spacing-list{flex-direction:column;gap:8px;display:flex}.ds-space-row{gap:var(--space-16);padding:var(--space-12) var(--space-12);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:80px 1fr 80px;align-items:center;display:grid}.ds-space-name{font:var(--text-xsmall-bold);color:var(--color-primary)}.ds-space-bar{background:var(--color-primary);border-radius:var(--radius-full);max-width:100%;height:10px}.ds-space-val{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);text-align:end}.ds-component{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px var(--screen-pad-x);margin-bottom:var(--space-12)}.ds-component-header{margin-bottom:var(--space-16);justify-content:space-between;align-items:baseline;gap:var(--space-12);flex-wrap:wrap;display:flex}.ds-component-name{font:var(--text-medium-bold);letter-spacing:-.01em}.ds-component-token{font:var(--text-xsmall-bold);color:var(--color-primary)}.ds-component-preview{gap:var(--space-24);padding:var(--space-8) var(--space-24) var(--space-24);background:var(--color-surface);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.ds-component-state{align-items:center;gap:var(--space-12);flex-direction:column;flex:none;display:flex}.ds-component-state-label{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);letter-spacing:.04em}.ds-component-button-stack,.ds-component-input-stack{gap:var(--space-12);flex-direction:column;flex:100%;min-width:280px;max-width:360px;display:flex}.icons-search{align-items:center;gap:var(--space-12);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:0 var(--space-16);height:44px;margin-bottom:var(--space-20);max-width:400px;display:flex}.icons-search input{background:var(--color-bg);font:var(--text-small-regular);color:var(--color-fg);border:none;outline:none;flex:1}.icons-search input::placeholder,.icons-search .field-icon{color:var(--color-fg-tertiary)}.icons-grid{gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.icon-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-12) var(--space-12);align-items:center;gap:var(--space-12);flex-direction:column;transition:all .15s;display:flex;position:relative}.icon-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.icon-card-preview{width:32px;height:32px;color:var(--color-fg);justify-content:center;align-items:center;display:flex}.icon-card-name{font:var(--text-xsmall-bold);color:var(--color-fg-secondary);text-align:center;word-break:break-word}.icon-card-download{border-radius:var(--radius-sm);background:var(--color-surface);width:28px;height:28px;color:var(--color-fg-secondary);cursor:pointer;opacity:0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.icon-card:hover .icon-card-download{opacity:1}.icon-card-download:hover{background:var(--color-primary);color:var(--color-fg-contrast)}.icons-empty{padding:var(--space-40) 0;color:var(--color-fg-tertiary);font:var(--text-small-regular);text-align:center}.icons-category-label{font:var(--text-xsmall-bold);color:var(--color-primary);letter-spacing:.08em;margin:var(--space-24) 0 var(--space-12)}.icons-category-label:first-child{margin-top:0}.animations-empty{padding:60px var(--screen-pad-x);text-align:center;background:var(--color-card);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-fg-tertiary);font:var(--text-small-regular)}.animations-empty strong{color:var(--color-fg);font:var(--text-medium-bold);margin-bottom:var(--space-8);display:block}.animations-empty code{font:var(--text-xsmall-bold);background:var(--color-surface);padding:var(--space-4) var(--space-8);color:var(--color-primary);border-radius:4px}.screen-home{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.home-header{align-items:center;gap:var(--space-12);display:flex}.home-action-icon{background:var(--color-bg);cursor:pointer;width:22px;height:22px;color:var(--color-fg);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.home-action-bell{position:relative}.home-action-badge{border-radius:var(--radius-full);background:var(--color-danger);width:6px;height:6px;position:absolute;top:-2px;right:-2px}.home-tabs{margin-top:var(--space-16);background:var(--color-bg);flex-shrink:0;padding:0;display:flex}.home-tab{padding:var(--space-8) 0;text-align:center;font:var(--text-small-bold);color:var(--color-fg-tertiary);cursor:pointer;background:var(--color-bg);border:none;flex:1;position:relative}.home-tab.home-tab-active{font:var(--text-small-bold);color:var(--color-fg)}.home-scroll{min-height:0;padding:20px var(--screen-pad-x) 16px;flex:1;overflow-y:auto}.hero-banner{border-radius:var(--radius-lg);background:var(--color-surface);width:100%;height:120px;padding:var(--space-24);margin-top:var(--space-24);align-items:center;display:flex;position:relative;overflow:hidden}.hero-decoration{border-radius:var(--radius-full);background:var(--color-primary);opacity:.25;width:140px;height:140px;position:absolute;top:-50px;left:-50px}.hero-content{z-index:1;max-width:60%;position:relative}.hero-title{font:var(--text-normal-bold);color:var(--color-fg);letter-spacing:-.01em}.hero-subtitle{font:var(--text-small-regular);color:var(--color-fg-tertiary);margin-top:var(--space-4)}.hero-image{border-radius:var(--radius-md);background-position:50%;background-size:cover;width:100px;height:100%;position:absolute;top:0;right:0}[lang=ar] .hero-image{display:none}.hero-dots{gap:var(--space-8);margin-top:var(--space-12);margin-bottom:var(--space-24);justify-content:center;display:flex}.hero-dots .dot{border-radius:var(--radius-full);background:var(--color-border);width:8px;height:8px;transition:all .2s}.hero-dots .dot.dot-active{background:var(--color-primary);width:8px}.section-header{margin-bottom:var(--space-16);justify-content:space-between;align-items:center;display:flex}.section-title{font:var(--text-medium-bold);color:var(--color-fg);letter-spacing:-.01em}.section-link{font:var(--text-xsmall-bold);color:var(--color-primary);cursor:pointer}.product-grid{column-gap:var(--space-16);row-gap:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.product-card{text-align:start;flex-direction:column;align-items:flex-start;gap:0;display:flex}.product-image{border-radius:var(--radius-lg);width:100%;height:174px;margin-bottom:var(--space-8);background-color:var(--color-surface);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.fav-btn{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-fg-contrast) 95%, transparent);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:10px;right:10px}.fav-btn:hover{background:#fff;transform:scale(1.05)}.fav-btn-active{background:#fff}.fav-btn-active svg{color:var(--color-danger);fill:var(--color-danger)}.product-title{font:var(--text-small-bold);color:var(--color-fg)}.product-brand{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.product-price{font:var(--text-small-bold);color:var(--color-fg)}.hlist{gap:var(--space-12);margin-inline:calc(-1 * var(--screen-pad-x));padding-inline:var(--screen-pad-x);margin-bottom:var(--space-24);scrollbar-width:none;flex-direction:row;display:flex;overflow-x:auto}.hlist::-webkit-scrollbar{display:none}.hlist-brands{gap:var(--space-16)}.product-card--small{gap:var(--space-4);text-align:start;flex-shrink:0;align-items:flex-start;width:140px}.product-card--small .product-image{width:140px;height:150px;margin-bottom:var(--space-4)}.product-card--small .product-title{width:100%}.product-card--small .fav-btn{top:var(--space-8);right:auto;inset-inline-end:var(--space-8)}.deal-pill{top:var(--space-8);padding-top:var(--space-4);padding-bottom:var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-danger);background:var(--color-danger);color:var(--color-fg-contrast);font:var(--text-xsmall-bold);white-space:nowrap;align-items:center;padding-inline-start:var(--space-8);padding-inline-end:var(--space-8);display:inline-flex;position:absolute;inset-inline-start:var(--space-8)}.product-price-row{align-items:center;gap:var(--space-8);display:flex}.product-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.product-price-old{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);text-decoration:line-through}.brand-item{align-items:center;gap:var(--space-8);flex-direction:column;flex-shrink:0;width:72px;display:flex}.brand-logo{border-radius:var(--radius-full);background-color:var(--color-surface);background-position:50%;background-repeat:no-repeat;background-size:cover;width:64px;height:64px}.brand-logo-placeholder{justify-content:center;align-items:center;display:flex}.brand-name{width:100%;font:var(--text-xsmall-regular);color:var(--color-fg-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bottom-tabs{background:var(--color-bg);border-top:1px solid var(--color-border);width:100%;padding:0 var(--space-8) 21px;z-index:5;flex-shrink:0;align-items:flex-start;display:flex;position:relative}.bottom-tab{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-20);background:var(--color-bg);cursor:pointer;color:var(--color-fg-tertiary);border:none;flex-direction:column;flex:1;display:flex;position:relative}.tab-indicator-top{top:0;background:var(--color-primary);height:2px;position:absolute;inset-inline:0}.tab-underline{bottom:0;background:var(--color-primary);height:2px;position:absolute;inset-inline:0}.bottom-tab.bottom-tab-active{color:var(--color-primary)}.bottom-tab-label{font:var(--text-xsmall-bold);color:inherit;white-space:nowrap}.bottom-tab-icon-wrap{justify-content:center;align-items:center;line-height:0;display:inline-flex;position:relative}.bottom-tab-badge{top:-10px;border-radius:var(--radius-full);background:var(--color-danger);width:21px;height:21px;color:var(--color-fg-contrast);font:var(--text-xsmall-bold);text-align:center;box-sizing:border-box;justify-content:center;align-items:center;line-height:21px;display:inline-flex;position:absolute;inset-inline-end:-13px}.ios-indicator{border-radius:var(--radius-full);background:var(--color-fg);width:134px;height:5px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.ds-type-table{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.ds-type-table-header{gap:var(--space-16);padding:var(--space-12) var(--space-16);background:var(--color-surface);border-bottom:1px solid var(--color-border);font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr;display:grid}.ds-type-row{gap:var(--space-16);padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--color-border);grid-template-columns:1.8fr 1fr 1fr 1fr 1fr;align-items:center;transition:background .15s;display:grid}.ds-type-row:last-child{border-bottom:none}.ds-type-row:hover{background:var(--color-surface)}.ds-type-token{font:var(--text-xsmall-bold);color:var(--color-primary)}.ds-type-cell{color:var(--color-fg)}.ds-type-row .ds-type-meta{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);margin:0}.ds-tabs{gap:var(--space-8);margin-bottom:var(--space-24);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-full);border:1px solid var(--color-border);width:fit-content;display:flex}.ds-tab{padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);background:var(--color-bg);cursor:pointer;font:var(--text-small-bold);color:var(--color-fg-secondary);white-space:nowrap;border:none;transition:all .15s}.ds-tab:hover{color:var(--color-fg);background:var(--color-card)}.ds-tab.active{background:var(--color-primary);color:var(--color-fg-contrast)}.feedback-grid{gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feedback-card{gap:var(--space-12);flex-direction:column;display:flex}.feedback-static{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-16)}.feedback-static .toast-progress{animation:none;transform:scaleX(1)}.feedback-trigger{padding:0 var(--space-16);border-radius:var(--radius-full);height:36px;font:var(--text-small-bold)}.screen-detail{background:var(--color-bg);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.detail-image-wrap{background:var(--color-surface);box-sizing:border-box;width:100%;height:340px;margin-top:-106px;padding-top:106px;position:relative}.detail-image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.detail-stock-badge{padding:var(--space-8) var(--space-12);border-radius:var(--radius-full);background:var(--color-success-tint);color:var(--color-success-strong);font:var(--text-xsmall-bold);align-items:center;gap:var(--space-8);display:inline-flex;position:absolute;top:118px;right:12px}.detail-stock-dot{border-radius:var(--radius-full);background:var(--color-success);width:6px;height:6px}.detail-dots{gap:var(--space-8);justify-content:center;display:flex;position:absolute;bottom:16px;left:0;right:0}.detail-sheet{background:var(--color-bg);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);padding:24px var(--screen-pad-x);z-index:2;flex:1;margin-top:-24px;position:relative}.detail-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-12);display:flex}.detail-title{font:var(--text-medium-bold);color:var(--color-fg);letter-spacing:-.01em;flex:1}.detail-fav{border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.detail-fav-active{background:var(--color-danger-tint)}.detail-fav:hover{transform:scale(1.05)}.detail-rating{align-items:center;gap:var(--space-8);margin-top:var(--space-8);display:flex}.detail-rating-num{font:var(--text-small-bold);color:var(--color-fg)}.detail-rating-count{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.detail-section{margin-top:var(--space-16)}.detail-section-label{font:var(--text-normal-bold);color:var(--color-fg)}.detail-color-name{font:var(--text-normal-regular);color:var(--color-fg-secondary)}.detail-swatches{gap:var(--space-8);margin-top:var(--space-12);scrollbar-width:none;padding-bottom:var(--space-4);display:flex;overflow-x:auto}.detail-swatches::-webkit-scrollbar{display:none}.detail-swatch{border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s;display:flex}.detail-swatch:hover{transform:scale(1.05)}.detail-swatch-active{outline:2px solid var(--color-bg);outline-offset:-3px}.detail-brand{align-items:center;gap:var(--space-12);width:100%;padding:var(--space-12) var(--space-12);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--space-16);text-align:start;border:none;display:flex}.detail-brand-logo{border-radius:var(--radius-sm);background:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.detail-brand-info{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.detail-brand-name{font:var(--text-xsmall-bold);color:var(--color-fg);align-items:center;gap:var(--space-4);display:flex}.detail-brand-check{color:var(--color-primary);font:var(--text-xsmall-bold)}.detail-brand-stats{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.btn-outline{padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);border:1px solid var(--color-primary);background:var(--color-bg);color:var(--color-primary);font:var(--text-xsmall-bold);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-12);display:inline-flex}.btn-outline:hover{background:var(--color-primary-tint)}.detail-desc{font:var(--text-small-regular);color:var(--color-fg-secondary);margin-top:var(--space-16)}.detail-read-more{background:var(--color-bg);color:var(--color-primary);font:var(--text-small-bold);cursor:pointer;border:none;padding:0;display:inline}.detail-bottom{background:var(--color-bg);border-top:1px solid var(--color-border);padding:12px var(--screen-pad-x) 20px;gap:var(--space-12);z-index:5;flex-direction:column;display:flex;position:sticky;bottom:0}.detail-amount-row{justify-content:space-between;align-items:center;display:flex}.detail-amount-label{font:var(--text-normal-bold);color:var(--color-fg)}.detail-price-row{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.detail-total-label{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.detail-total-value{font:var(--text-large-bold);color:var(--color-fg);margin-top:var(--space-4)}.btn-cart{justify-content:center;align-items:center;gap:var(--space-8);height:50px;padding:0 var(--space-16);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-fg-contrast);cursor:pointer;font:var(--text-normal-bold);border:none;flex-shrink:0;display:inline-flex}.btn-cart:hover{background:var(--color-primary-hover)}.btn-cart:disabled{background:var(--color-border);color:var(--color-fg-tertiary);cursor:not-allowed}.qty-stepper{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:var(--space-4);display:inline-flex}.qty-stepper-sm{width:70px;height:28px;padding:0 3px}.qty-stepper-md{width:86px;height:32px;padding:0 4px}.qty-stepper-lg{width:100px;height:40px;padding:0 6px}.qty-stepper-sm .qty-btn{width:20px;height:20px}.qty-stepper-md .qty-btn{width:24px;height:24px}.qty-stepper-lg .qty-btn{width:28px;height:28px}.qty-stepper-sm .qty-value{font:var(--text-xsmall-bold)}.qty-stepper-md .qty-value{font:var(--text-small-bold)}.qty-stepper-lg .qty-value{font:var(--text-normal-bold)}.qty-btn{border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.qty-btn-minus{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg-secondary)}.qty-btn-plus{background:var(--color-primary);color:var(--color-fg-contrast)}.qty-value{text-align:center;color:var(--color-fg);flex:1}.detail-dots .dot{border-radius:var(--radius-full);background:var(--color-bg-overlay);width:8px;height:8px}.detail-dots .dot-active{background:var(--color-primary);border-radius:var(--radius-full);width:24px}.category-list{gap:var(--space-16);margin-top:var(--space-24);flex-direction:column;display:flex}.category-card{background:var(--color-surface-raised);border-radius:var(--radius-lg);align-items:stretch;width:100%;height:100px;display:flex;position:relative;overflow:hidden}.category-text{padding:var(--space-24) var(--space-20);justify-content:center;gap:var(--space-4);flex-direction:column;flex:0 0 50%;display:flex}.category-title{font:var(--text-normal-bold);color:var(--color-fg);letter-spacing:-.01em}.category-count{font:var(--text-xsmall-regular);color:var(--color-fg)}.category-image{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1}.screen-cart{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.cart-scroll{flex:1;min-height:0;overflow-y:auto}.cart-scroll-with-sheet{padding-bottom:340px}.cart-item{padding:16px var(--screen-pad-x);gap:var(--space-12);align-items:flex-start;display:flex;position:relative}.cart-item-divider{inset-inline:var(--screen-pad-x);background:var(--color-border);height:1px;position:absolute;bottom:0}.cart-item:last-child .cart-item-divider{display:none}.cart-checkbox-col{flex-shrink:0;align-items:center;height:86px;display:flex}.cart-item-image{border-radius:var(--radius-md);background-position:50%;background-size:cover;background-color:var(--color-surface);flex-shrink:0;width:71px;height:86px}.cart-item-info{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.cart-item-title{font:var(--text-normal-bold);color:var(--color-fg);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cart-item-color{font:var(--text-small-regular)}.cart-color-label{color:var(--color-fg-tertiary)}.cart-color-value{color:var(--color-fg)}.cart-item-price{font:var(--text-small-bold);color:var(--color-fg);white-space:nowrap}.cart-price-currency{font:var(--text-small-bold);color:var(--color-fg);margin-inline-end:var(--space-4)}.cart-stepper-row{margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.sheet-handle{border-radius:var(--radius-full);background:var(--color-border);align-self:center;width:44px;height:4px}.cart-promo-row{align-items:center;gap:var(--space-8);width:100%;padding:var(--space-12) var(--space-16);background:var(--color-surface);border-radius:var(--radius-full);border:1px dashed var(--color-border);cursor:pointer;text-align:start;display:flex}.cart-promo-placeholder{font:var(--text-small-regular);color:var(--color-fg-tertiary);flex:1}.cart-totals{gap:var(--space-8);flex-direction:column;display:flex}.cart-total-row{justify-content:space-between;align-items:center;display:flex}.cart-total-label{font:var(--text-normal-bold);color:var(--color-fg-tertiary)}.cart-total-value{font:var(--text-normal-bold);color:var(--color-fg)}.cart-total-final{font:var(--text-normal-bold);color:var(--color-fg-tertiary)}.cart-total-final.cart-total-value{font:var(--text-normal-bold);color:var(--color-fg)}.cart-dashed-divider{border-top:1px dashed var(--color-border);margin:var(--space-4) 0}.home-search{margin:var(--space-16) 0 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);height:52px;padding:var(--space-12);align-items:center;gap:var(--space-12);background:var(--color-bg);cursor:text;display:flex}.home-search-placeholder{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.ds-color-swatch-pair{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;height:60px;display:flex;overflow:hidden}.ds-color-swatch-pair .ds-color-swatch{border-radius:0;flex:1;height:100%;position:relative}.ds-color-theme-hex{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);align-items:center;gap:var(--space-8);display:flex}.ds-theme-label{border-radius:var(--radius-full);background:var(--color-surface);width:16px;height:16px;color:var(--color-fg);font:var(--text-xsmall-bold);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.setting-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:48px;padding:0 var(--space-16);background:var(--color-bg);align-items:center;gap:var(--space-12);cursor:pointer;text-align:start;display:flex}.setting-row:hover{background:var(--color-surface)}.setting-row-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.setting-row-title{font:var(--text-small-bold);color:var(--color-fg);flex:1}.setting-row-value{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.setting-row-danger .setting-row-title{color:var(--color-danger)}.sheet-backdrop{background:var(--color-bg-overlay);z-index:9;position:absolute;inset:0}.bottom-sheet{background:var(--color-bg);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);padding:var(--space-16) var(--space-24) var(--space-16);z-index:10;gap:var(--space-16);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.sheet-header{align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.sheet-title{font:var(--text-medium-bold);color:var(--color-fg);text-align:center}.sheet-subtitle{font:var(--text-small-regular);color:var(--color-fg-secondary);text-align:center}.sheet-content{gap:var(--space-12);flex-direction:column;display:flex}.modal-overlay{background:var(--color-bg-overlay);z-index:100;padding:24px var(--screen-pad-x);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-card{background:var(--color-bg);border-radius:var(--radius-xl);padding:var(--space-24);gap:var(--space-16);flex-direction:column;width:100%;display:flex;position:relative;box-shadow:0 20px 60px #00000040}.modal-close{top:var(--space-12);right:var(--space-12);background:var(--color-surface);cursor:pointer;border-radius:var(--radius-full);border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute}.modal-close:hover{background:var(--color-surface)}.accordion-item{border-bottom:1px solid var(--color-border);padding:var(--space-16) 0}.accordion-header{background:var(--color-bg);cursor:pointer;text-align:start;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.accordion-chevron{justify-content:center;align-items:center;line-height:0;display:inline-flex}.accordion-title{font:var(--text-small-bold);color:var(--color-fg)}.accordion-body{font:var(--text-small-regular);color:var(--color-fg-secondary);margin-top:var(--space-12)}.screen-account{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.account-scroll{-webkit-overflow-scrolling:touch;min-height:0;padding:20px 0 var(--space-24);gap:var(--space-24);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.account-section{padding:0 var(--screen-pad-x);gap:var(--space-16);flex-direction:column;display:flex}.account-section-title{font:var(--text-medium-bold);color:var(--color-fg)}.account-rows{gap:var(--space-16);flex-direction:column;display:flex}.account-form{padding:0 var(--screen-pad-x);gap:var(--space-16);flex-direction:column;display:flex}.account-form-actions{padding:0 var(--screen-pad-x);margin-top:var(--space-16)}.avatar-uploader{border-radius:var(--radius-full);flex-shrink:0;width:120px;height:120px;margin:0 auto;position:relative}.avatar-uploader-img{background-color:var(--color-surface);border-radius:var(--radius-full);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.avatar-camera-btn{border-radius:var(--radius-full);background:var(--color-bg);cursor:pointer;border:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex;position:absolute;bottom:0;right:0}.avatar-camera-btn-inner{border-radius:var(--radius-full);background:var(--color-primary);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.account-dimmed{opacity:.6}.sheet-option{align-items:center;gap:var(--space-12);padding:var(--space-12) 0;background:var(--color-bg);cursor:pointer;text-align:start;border:none;width:100%;display:flex}.sheet-option-label{font:var(--text-normal-bold);color:var(--color-fg)}.sheet-toggle-row{padding:var(--space-8) 0;justify-content:space-between;align-items:center;display:flex}.sheet-toggle-label{font:var(--text-normal-bold);color:var(--color-fg)}.theme-picker{gap:var(--space-12);justify-content:space-between;display:flex}.theme-card{align-items:center;gap:var(--space-12);background:var(--color-bg);cursor:pointer;border:none;flex-direction:column;flex:1;padding:0;display:flex}.theme-preview{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:72px;height:156px;overflow:hidden}.theme-card-radio{align-items:center;gap:var(--space-12);display:flex}.theme-card-label{font:var(--text-small-bold);color:var(--color-fg)}.help-scroll{gap:20px;padding-top:20px;padding-bottom:24px}.help-search{margin:0 var(--space-24);border:1px solid var(--color-border);border-radius:var(--radius-full);height:52px;padding:var(--space-12) var(--space-16);background:var(--color-bg);align-items:center;gap:var(--space-12);display:flex}.help-search-placeholder{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.help-accordion{padding:0 var(--screen-pad-x)}.legal-scroll{gap:var(--space-16);padding-top:var(--space-20);padding-inline-start:var(--screen-pad-x);padding-inline-end:var(--screen-pad-x);padding-bottom:var(--space-24)}.legal-section-title{font:var(--text-medium-bold);color:var(--color-fg);margin-top:var(--space-8)}.legal-body{font:var(--text-small-regular);color:var(--color-fg-secondary);line-height:1.6}.dialog-title{font:var(--text-medium-bold);color:var(--color-fg);text-align:center}.modal-header{align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.modal-title{font:var(--text-medium-bold);color:var(--color-fg);text-align:center}.modal-subtitle{font:var(--text-small-regular);color:var(--color-fg-secondary);text-align:center}.modal-content{gap:var(--space-12);flex-direction:column;display:flex}.dialog-btn-danger-link{background:var(--color-bg);color:var(--color-danger);font:var(--text-normal-bold);cursor:pointer;padding:var(--space-8);text-align:center;border:none}.address-scroll{padding-top:var(--space-20);padding-inline-start:var(--screen-pad-x);padding-inline-end:var(--screen-pad-x);padding-bottom:var(--space-24);gap:var(--space-16)}.info-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);width:100%;height:96px;padding:var(--space-12);gap:var(--space-12);cursor:pointer;text-align:start;appearance:none;font-family:inherit;font-size:inherit;outline:none;align-items:center;display:flex}.info-card:focus{outline:none}.info-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.info-card.info-card--selected,.info-card.info-card--selected:focus-visible{border:1px solid var(--color-primary);outline:none}.info-card-info{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.info-card-title{font:var(--text-small-bold);color:var(--color-fg)}.info-card-subtitle{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.info-card-right{align-items:flex-end;gap:var(--space-4);flex-direction:column;flex-shrink:0;display:flex}.info-card-circle{border-radius:var(--radius-full);background:var(--color-surface);justify-content:center;align-items:center;width:45px;height:45px;display:flex}.info-card-pill{padding-top:var(--space-4);padding-bottom:var(--space-4);border-radius:var(--radius-full);font:var(--text-xsmall-bold);white-space:nowrap;align-items:center;padding-inline-start:var(--space-12);padding-inline-end:var(--space-12);display:inline-flex}.dropdown-field{gap:var(--space-8);flex-direction:column;display:flex}.dropdown-label{font:var(--text-normal-bold);color:var(--color-fg)}.dropdown-input{height:52px;padding:var(--space-12);align-items:center;gap:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;text-align:start;transition:border-color .15s;display:flex}.dropdown-input.is-focused{border-color:var(--color-primary)}.dropdown-input.is-error{border-color:var(--color-danger)}.dropdown-input.is-focused .field-icon,.dropdown-input.is-error .field-icon{color:var(--color-danger)}.dropdown-value{font:var(--text-small-regular);color:var(--color-fg);flex:1;line-height:1}.dropdown-value.is-placeholder{color:var(--color-fg-tertiary)}.dropdown-option{padding:var(--space-12) 0;background:var(--color-bg);border:none;border-bottom:1px solid var(--color-border);cursor:pointer;width:100%;font:var(--text-normal-bold);color:var(--color-fg);text-align:start;justify-content:space-between;align-items:center;display:flex}.dropdown-option:hover,.dropdown-option.is-selected{color:var(--color-primary)}.cart-scroll-with-tabs{padding-bottom:0}.cart-proceed-bar{padding:var(--space-12) var(--screen-pad-x);background:var(--color-bg);flex-shrink:0}.notification-scroll{padding-top:var(--space-20);padding-inline-start:var(--screen-pad-x);padding-inline-end:var(--screen-pad-x);padding-bottom:var(--space-24);gap:var(--space-16)}.notification-section-title{font:var(--text-medium-bold);color:var(--color-fg);margin-top:var(--space-4)}.notification-list{flex-direction:column;display:flex}.notification-row{gap:var(--space-12);padding:var(--space-16) 0;border-bottom:1px solid var(--color-border);align-items:flex-start;display:flex}.notification-row:last-child{border-bottom:none}.notification-icon{border-radius:var(--radius-full);background:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.notification-body{gap:var(--space-8);flex-direction:column;flex:1;min-width:0;display:flex}.notification-row-head{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.notification-title{font:var(--text-normal-bold);color:var(--color-fg)}.notification-time{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);white-space:nowrap}.notification-desc{font:var(--text-small-regular);color:var(--color-fg-tertiary);line-height:1.5}.notification-types-table{margin-top:var(--space-24);padding:var(--space-16);background:var(--color-bg-surface);border-radius:var(--radius-md)}.notification-types-table--external{width:100%;max-width:560px;margin-top:0;margin-bottom:var(--space-32)}.ntt-title{font:var(--text-normal-bold);color:var(--color-fg);margin-bottom:var(--space-12)}.ntt-grid{border-collapse:collapse;width:100%;font:var(--text-xsmall-regular);color:var(--color-fg-secondary)}.ntt-grid th{text-align:start;font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--color-border)}.ntt-grid td{padding:var(--space-8) var(--space-8);border-bottom:1px solid var(--color-border);vertical-align:middle}.ntt-grid code{font:var(--text-xsmall-regular);font-family:var(--font-mono,monospace);background:var(--color-bg);padding:var(--space-2,2px) var(--space-4);border-radius:var(--radius-xs)}.ntt-icon-cell{justify-content:center;align-items:center;display:flex}.cl-page .ds-section-title{margin-bottom:12px}.cl-group-title{font:var(--text-medium-bold);color:var(--color-fg);margin:var(--space-40) 0 var(--space-16);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.cl-group-title:first-of-type{margin-top:32px}.cl-block{margin-bottom:var(--space-24)}.cl-block-head{margin-bottom:var(--space-12)}.cl-block-title{font:var(--text-normal-bold);color:var(--color-fg);margin:0 0 var(--space-4)}.cl-block-desc{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);margin:0}.cl-block-body{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-24) var(--space-24);max-width:600px}.cl-preview-frame{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.cl-bottom-tabs-static{width:100%;position:relative!important}.cl-segment-tabs{background:var(--color-bg);border-radius:var(--radius-md);padding:0 var(--space-12)}.cl-accordion-wrap{background:var(--color-bg);border-radius:var(--radius-md);padding:0 var(--space-16)}.cl-stepper-row{gap:var(--space-32);flex-wrap:wrap;align-items:flex-end;display:flex}.cl-stepper-item{align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.cl-size-label{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);font-family:var(--font-roman)}.cl-setting-stack,.cl-stack{gap:var(--space-16);background:var(--color-bg);padding:var(--space-16);border-radius:var(--radius-md);flex-direction:column;display:flex}.cl-sheet-preview{background:var(--color-surface-raised);border-radius:var(--radius-md);height:320px;position:relative;overflow:hidden}.cl-sheet-static{background:var(--color-bg);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);padding:20px var(--screen-pad-x) 16px;gap:var(--space-16);flex-direction:column;display:flex}.cl-sheet-body-stub{padding:var(--space-24) 0;text-align:center;font:var(--text-small-regular);color:var(--color-fg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.cl-modal-preview{background:var(--color-surface-raised);border-radius:var(--radius-md);height:380px;position:relative;overflow:hidden}.cl-modal-static{background:var(--color-bg);border-radius:var(--radius-xl);padding:32px var(--screen-pad-x) 24px;gap:var(--space-16);flex-direction:column;width:100%;max-width:320px;display:flex;position:relative;box-shadow:0 20px 60px #00000040}.cl-search-static{margin:0}.cl-toasts{grid-template-columns:1fr 1fr}.radio{border-radius:var(--radius-full);background:var(--color-bg);border:1.5px solid var(--color-border);justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.radio.fc-selected{border-color:var(--color-primary)}.radio.fc-selected .radio-dot{border-radius:var(--radius-full);background:var(--color-primary);width:10px;height:10px}.cl-avatar-row{gap:var(--space-32);flex-wrap:wrap;align-items:flex-end;display:flex}.cl-avatar-item{align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.cl-avatar{border-radius:var(--radius-full);background-position:50%;background-size:cover;flex-shrink:0}.cl-info{margin-top:var(--space-12);padding:var(--space-16);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-12);flex-direction:column;max-width:600px;display:flex}.cl-info-row{align-items:flex-start;gap:var(--space-12);font:var(--text-xsmall-regular);display:flex}.cl-info-label{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);text-transform:uppercase;letter-spacing:.05em;flex:0 0 80px}.cl-info-cases{gap:var(--space-8);flex-wrap:wrap;flex:1;display:flex}.cl-info-case,.cl-info-code{font-family:var(--font-roman);padding:var(--space-4) var(--space-8);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-fg);font-size:11px}.cl-info-code{color:var(--color-primary)}.cl-btn-row{gap:var(--space-12);flex-wrap:wrap;align-items:center;display:flex}.cl-btn-sample{padding-inline-start:var(--space-24);padding-inline-end:var(--space-24);width:auto!important;height:44px!important}.screen-empty{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.empty-state{padding:0 var(--screen-pad-x);justify-content:center;align-items:center;gap:var(--space-12);text-align:center;flex-direction:column;flex:1;display:flex}.empty-halo{border-radius:var(--radius-full);width:128px;height:128px;margin-bottom:var(--space-12);flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty-inner{border-radius:var(--radius-full);width:88px;height:88px;color:var(--color-fg-contrast);justify-content:center;align-items:center;display:flex}.empty-inner.is-spinning{animation:1.2s linear infinite empty-spin}@keyframes empty-spin{to{transform:rotate(360deg)}}.empty-title{font:var(--text-large-bold);color:var(--color-fg);text-align:center;margin:0}.empty-desc{font:var(--text-small-regular);color:var(--color-fg-tertiary);text-align:center;max-width:280px;margin:0}.empty-action{width:100%;margin-top:var(--space-16)}.empty-btn-primary{border-radius:var(--radius-sm);background:var(--color-primary);width:100%;height:48px;color:var(--color-fg-contrast);font:var(--text-normal-bold);cursor:pointer;border:none}.empty-btn-primary:hover{background:var(--color-primary-hover)}.empty-btn-outline{border-radius:var(--radius-sm);background:var(--color-bg);border:1.5px solid var(--color-primary);width:100%;height:48px;color:var(--color-primary);font:var(--text-normal-bold);cursor:pointer}.empty-btn-outline:hover{background:var(--color-primary-tint)}.screen-checkout{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.checkout-scroll{min-height:0;padding:20px var(--screen-pad-x) 110px;flex:1;overflow-y:auto}.checkout-section-header,.checkout-section-header-simple{margin-top:var(--space-24);margin-bottom:var(--space-12);justify-content:space-between;align-items:center;display:flex}.checkout-section-header:first-of-type,.checkout-section-header-simple:first-of-type{margin-top:0}.checkout-section-title{font:var(--text-medium-bold);color:var(--color-fg)}.checkout-change-link{color:var(--color-primary);font:var(--text-small-bold);background:var(--color-bg);cursor:pointer;border:none;padding:0}.checkout-totals{margin-top:var(--space-8);padding-top:var(--space-16);border-top:1px solid var(--color-border)}.checkout-total-row{padding:var(--space-8) 0;justify-content:space-between;align-items:center;display:flex}.checkout-total-label{font:var(--text-normal-regular);color:var(--color-fg-tertiary)}.checkout-total-value{font:var(--text-normal-bold);color:var(--color-fg)}.checkout-total-divider{background:var(--color-border);height:1px;margin:var(--space-12) 0}.checkout-total-grand{padding:0}.checkout-grand-label{font:var(--text-medium-bold);color:var(--color-fg)}.checkout-grand-value{font:var(--text-large-bold);color:var(--color-primary)}.checkout-cta-bar{background:var(--color-bg);border-top:1px solid var(--color-border);padding:16px var(--screen-pad-x) 16px;position:absolute;bottom:0;left:0;right:0}.checkout-dim-placeholder{padding:4px 0}.screen-add-card{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.add-card-scroll{min-height:0;padding:24px var(--screen-pad-x) 110px;gap:var(--space-16);flex-direction:column;flex:1;display:flex;overflow-y:auto}.add-card-row{gap:var(--space-12);display:flex}.add-card-col{flex:1}.add-card-toggle-row{padding:var(--space-8) 0;margin-top:var(--space-8);justify-content:space-between;align-items:center;display:flex}.add-card-toggle-label{font:var(--text-small-bold);color:var(--color-fg)}.add-card-cta-bar{background:var(--color-bg);padding:16px var(--screen-pad-x) 16px;position:absolute;bottom:0;left:0;right:0}.sheet-payment-row{align-items:center;gap:var(--space-12);background:var(--color-bg);text-align:start;cursor:pointer;border:none;width:100%;padding:0;display:flex}.sheet-payment-brand{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sheet-payment-info{flex:1;min-width:0}.sheet-payment-pan{font:var(--text-small-bold);color:var(--color-fg)}.sheet-payment-meta{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);margin-top:var(--space-4)}.sheet-payment-add{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-12);margin-top:var(--space-8);border-radius:var(--radius-lg);border:1.5px dashed var(--color-border);background:var(--color-bg);color:var(--color-primary);font:var(--text-small-bold);cursor:pointer;display:flex}.sheet-payment-add:hover{background:var(--color-primary-tint);border-color:var(--color-primary)}.screen-stores,.screen-stores-empty{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.stores-scroll{min-height:0;padding:20px var(--screen-pad-x) 16px;gap:var(--space-12);flex-direction:column;flex:1;display:flex;overflow-y:auto}.store-row{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:var(--color-surface);border-radius:var(--radius-md);display:flex}.store-logo{border-radius:var(--radius-sm);background-color:var(--color-surface);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.store-info{flex:1;min-width:0}.store-name{font:var(--text-small-bold);color:var(--color-fg);align-items:center;gap:var(--space-4);display:flex}.store-check{color:var(--color-primary);font:var(--text-xsmall-bold)}.store-stats{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);margin-top:var(--space-4)}.store-following-btn{padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-fg-contrast);font:var(--text-xsmall-bold);cursor:pointer;border:none;flex-shrink:0}.store-following-btn:hover{background:var(--color-primary-hover)}.screen-store-detail{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.store-detail-scroll{min-height:0;padding:20px var(--screen-pad-x) 16px;flex:1;overflow-y:auto}.store-hero-chip{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:var(--color-surface);border-radius:var(--radius-md);display:flex}.store-hero-logo{border-radius:var(--radius-sm);background:var(--color-primary);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.store-hero-info{flex:1;min-width:0}.store-hero-name{font:var(--text-small-bold);color:var(--color-fg);align-items:center;gap:var(--space-4);display:flex}.store-hero-stats{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);margin-top:var(--space-4)}.store-carousel{margin-top:var(--space-16);position:relative}.store-carousel-dots{justify-content:center;gap:var(--space-8);margin-top:var(--space-12);display:flex}.store-carousel-dot{border-radius:var(--radius-full);background:var(--color-fg-tertiary);cursor:pointer;border:none;width:6px;height:6px;padding:0;transition:width .2s}.store-carousel-dot.is-active{background:var(--color-primary);width:20px}.store-products-header{margin-top:var(--space-16);margin-bottom:var(--space-12);justify-content:space-between;align-items:center;display:flex}.store-products-title{font:var(--text-medium-bold);color:var(--color-fg)}.store-see-all{color:var(--color-primary);font:var(--text-small-bold);background:var(--color-bg);cursor:pointer;border:none;padding:0}.success-order-details{align-items:center;gap:var(--space-4);flex-direction:column;margin-top:-12px;display:flex}.success-order-num{font:var(--text-small-bold);color:var(--color-fg)}.success-delivery{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.success-track-card{width:100%;height:64px;padding:0 var(--space-16);border-radius:var(--radius-sm);background:var(--color-bg);border:1.5px solid var(--color-primary);gap:var(--space-12);cursor:pointer;text-align:start;align-items:center;display:flex}.success-track-card:hover{background:var(--color-primary-tint)}.success-track-icon{border-radius:var(--radius-full);background:var(--color-primary-tint);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.success-track-text{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.success-track-title{font:var(--text-small-bold);color:var(--color-fg)}.success-track-desc{font:var(--text-xsmall-regular);color:var(--color-fg-secondary)}.success-cta-bar{padding:0 var(--screen-pad-x) 16px;align-items:center;gap:var(--space-12);flex-direction:column;flex-shrink:0;display:flex}.success-continue-btn{border-radius:var(--radius-sm);background:var(--color-primary);width:100%;height:56px;color:var(--color-fg-contrast);font:var(--text-normal-bold);cursor:pointer;border:none}.success-continue-btn:hover{background:var(--color-primary-hover)}.success-orders-link{background:var(--color-bg);color:var(--color-primary);font:var(--text-small-bold);cursor:pointer;padding:var(--space-8);border:none}.screen-orders{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.orders-tabs{padding:0 var(--screen-pad-x);margin-top:var(--space-16);background:var(--color-bg);flex-shrink:0;display:flex}.orders-tab{padding:var(--space-8) 0;text-align:center;font:var(--text-small-bold);color:var(--color-fg-tertiary);cursor:pointer;background:var(--color-bg);border:none;flex:1;position:relative}.orders-tab.orders-tab-active{font:var(--text-small-bold);color:var(--color-fg)}.orders-scroll{min-height:0;padding:20px var(--screen-pad-x) 16px;gap:var(--space-12);flex-direction:column;flex:1;display:flex;overflow-y:auto}.order-card{padding:var(--space-12) var(--space-12);border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);flex-direction:column;display:flex}.order-card-actions{gap:var(--space-12);display:flex}.order-card-btn{border-radius:var(--radius-sm);height:40px;font:var(--text-small-bold);cursor:pointer;flex:1}.order-card-btn-outline{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg)}.order-card-btn-outline:hover{background:var(--color-surface)}.order-card-btn-primary{background:var(--color-primary);color:var(--color-fg-contrast);border:none}.order-card-btn-primary:hover{background:var(--color-primary-hover)}.order-item-thumb{border-radius:var(--radius-md);background-position:50%;background-size:cover;background-color:var(--color-surface-raised);flex-shrink:0;width:64px;height:64px}.order-item-info{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.order-item-title{font:var(--text-small-bold);color:var(--color-fg)}.order-item-store{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.screen-tracking{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.tracking-scroll{min-height:0;padding:20px var(--screen-pad-x) 16px;flex:1;overflow-y:auto}.tracking-item-card{gap:var(--space-12);padding:var(--space-12);border-radius:var(--radius-lg);background:var(--color-surface);align-items:center;display:flex}.tracking-eta-banner{padding:var(--space-12);border-radius:var(--radius-lg);background:var(--color-primary-tint);border:1px solid var(--color-primary-mid);gap:var(--space-12);margin-top:var(--space-16);align-items:center;display:flex}.tracking-eta-icon{border-radius:var(--radius-full);background:var(--color-bg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tracking-eta-text{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.tracking-eta-title{font:var(--text-small-bold);color:var(--color-fg)}.tracking-eta-sub{font:var(--text-xsmall-regular);color:var(--color-primary-active)}.tracking-timeline{margin-top:var(--space-24);padding:var(--space-16) 0;position:relative}.timeline-step{gap:var(--space-12);padding-bottom:var(--space-24);display:flex;position:relative}.timeline-step.is-last{padding-bottom:0}.timeline-connector{inset-inline-start:10px;background:var(--color-border);width:2px;position:absolute;top:22px;bottom:0}.timeline-step-done .timeline-connector{background:var(--color-success)}.timeline-dot{border-radius:var(--radius-full);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.timeline-step-done .timeline-dot{background:var(--color-success)}.timeline-step-pending .timeline-dot{background:var(--color-bg);border:2px solid var(--color-border)}.timeline-step-current .timeline-dot{background:var(--color-primary);width:28px;height:28px;margin-inline-start:-3px}.timeline-dot-inner{border-radius:var(--radius-full);background:var(--color-fg-contrast);width:10px;height:10px}.timeline-content{gap:var(--space-4);flex-direction:column;flex:1;padding-top:1px;display:flex}.timeline-row{align-items:center;gap:var(--space-8);display:flex}.timeline-label{font:var(--text-small-bold);color:var(--color-fg)}.timeline-label-pending{color:var(--color-fg-tertiary)}.timeline-current-pill{padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);background:var(--color-primary-tint);color:var(--color-primary-active);font:var(--text-xsmall-bold)}.timeline-timestamp{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.timeline-timestamp-current{color:var(--color-primary-active)}.screen-order-details{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.order-details-scroll{min-height:0;padding:20px var(--screen-pad-x) 16px;gap:var(--space-8);flex-direction:column;flex:1;display:flex;overflow-y:auto}.od-hero-card{padding:var(--space-12);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);gap:var(--space-12);display:flex}.od-hero-image{border-radius:var(--radius-md);background-position:50%;background-size:cover;background-color:var(--color-surface-raised);flex-shrink:0;width:112px;height:112px}.od-hero-info{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.od-hero-title{font:var(--text-medium-bold);color:var(--color-fg)}.od-hero-meta{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.od-hero-price{font:var(--text-large-bold);color:var(--color-fg);margin-top:auto}.od-section-title{font:var(--text-small-bold);color:var(--color-fg);margin-top:var(--space-16);margin-bottom:var(--space-4)}.od-info-card,.od-address-card,.od-payment-card,.od-summary-card{padding:var(--space-12);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg)}.od-info-row{padding:var(--space-8) 0;justify-content:space-between;align-items:center;display:flex}.od-info-label{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.od-info-value{font:var(--text-small-bold);color:var(--color-fg)}.od-info-divider{background:var(--color-surface-raised);height:1px}.od-info-pill,.order-card-pill{padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);font:var(--text-xsmall-bold);background:var(--color-bg);white-space:nowrap}.order-card-pill.status-pill-lg{padding:var(--space-8) var(--space-16);font:var(--text-small-bold)}.od-address-card{gap:var(--space-12);align-items:center;display:flex}.od-address-icon{border-radius:var(--radius-full);background:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.od-address-info{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.od-address-name{font:var(--text-small-bold);color:var(--color-fg)}.od-address-line{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.od-payment-card{gap:var(--space-12);align-items:center;display:flex}.od-payment-logo{background:var(--color-primary-tint);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:22px;display:flex}.od-payment-text{font:var(--text-small-bold);color:var(--color-fg)}.od-summary-row{padding:var(--space-8) 0;justify-content:space-between;align-items:center;display:flex}.od-summary-label{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.od-summary-value{font:var(--text-small-bold);color:var(--color-fg)}.od-summary-divider{background:var(--color-border);height:1px;margin:var(--space-8) 0}.od-summary-total-label{font:var(--text-medium-bold);color:var(--color-fg)}.od-summary-total{font:var(--text-large-bold);color:var(--color-primary)}.od-cta-bar{padding:20px var(--screen-pad-x) 16px;background:var(--color-bg);border-top:1px solid var(--color-border);flex-shrink:0}.od-track-btn{border-radius:var(--radius-sm);background:var(--color-primary);width:100%;height:48px;color:var(--color-fg-contrast);font:var(--text-normal-bold);cursor:pointer;border:none}.od-track-btn:hover{background:var(--color-primary-hover)}.i18n-page{background:var(--color-bg);padding:var(--space-32);flex-direction:column;flex:1;display:flex;overflow:hidden}.i18n-header{margin-bottom:var(--space-20);flex-shrink:0}.i18n-title{font:var(--text-large-bold);color:var(--color-fg);margin:0 0 var(--space-4)}.i18n-subtitle{font:var(--text-small-regular);color:var(--color-fg-tertiary);margin:0 0 var(--space-12);max-width:720px}.i18n-stats{gap:var(--space-12);display:flex}.i18n-stat{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);background:var(--color-surface)}.i18n-stat strong{color:var(--color-fg);font:var(--text-xsmall-bold)}.i18n-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);flex:1;min-height:0;overflow:auto}.i18n-table{border-collapse:collapse;width:100%;font:var(--text-xsmall-regular)}.i18n-table thead{background:var(--color-surface);z-index:1;position:sticky;top:0}.i18n-table th{text-align:start;padding:var(--space-12) var(--space-16);font:var(--text-small-bold);color:var(--color-fg);border-bottom:1px solid var(--color-border);white-space:nowrap}.i18n-table td{padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--color-surface-raised);color:var(--color-fg);vertical-align:top}.i18n-table tr:last-child td{border-bottom:none}.i18n-table tr:hover td{background:var(--color-surface)}.i18n-col-key{width:28%}.i18n-col-en,.i18n-col-ar{width:36%}.i18n-key{font-family:var(--font-roman);color:var(--color-primary);font-size:11px}.i18n-en{color:var(--color-fg)}.i18n-ar{color:var(--color-fg);text-align:end}.i18n-row-missing td{background:var(--color-danger-tint)!important}.i18n-row-missing .i18n-ar{color:var(--color-danger);font:var(--text-xsmall-bold)}.order-card-header{margin-bottom:var(--space-12);justify-content:space-between;align-items:center;display:flex}.order-card-num-block{flex-direction:column;gap:0;display:flex}.order-card-num-label{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.order-card-num{font:var(--text-small-bold);color:var(--color-fg)}.order-card-divider{background:var(--color-surface-raised);height:1px;margin-bottom:var(--space-12)}.order-card-summary{justify-content:space-between;align-items:center;gap:var(--space-12);margin-bottom:var(--space-12);display:flex}.order-card-summary-text{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.order-card-first-title{font:var(--text-small-bold);color:var(--color-fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.order-card-count{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.order-card-thumbs{flex-shrink:0;align-items:center;display:flex}.order-card-thumb{border-radius:var(--radius-full);border:2px solid var(--color-bg);background-position:50%;background-size:cover;background-color:var(--color-surface-raised);width:28px;height:28px}.order-card-thumb-extra{border-radius:var(--radius-full);border:2px solid var(--color-bg);background:var(--color-surface-raised);width:28px;height:28px;color:var(--color-fg);font:var(--text-xsmall-bold);justify-content:center;align-items:center;display:flex}.order-card-total-row{padding-top:var(--space-12);padding-bottom:var(--space-12);border-top:1px solid var(--color-surface-raised);justify-content:space-between;align-items:center;display:flex}.order-card-total-label{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.order-card-total{font:var(--text-medium-bold);color:var(--color-primary)}.product-row-list{gap:var(--space-8);flex-direction:column;display:flex}.product-row{padding:var(--space-12);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);gap:var(--space-12);align-items:center;display:flex}.product-row-thumb{border-radius:var(--radius-md);background-color:var(--color-surface-raised);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;width:60px;height:60px}.product-row-info{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.product-row-title{font:var(--text-small-bold);color:var(--color-fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-row-meta{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.product-row-price{font:var(--text-small-bold);color:var(--color-fg);flex-shrink:0}.screen-search{background:var(--color-bg);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.search-input-row{gap:var(--space-12);padding:16px var(--screen-pad-x) 8px;flex-shrink:0;align-items:center;display:flex}.search-field{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);height:44px;padding:0 var(--space-12);gap:var(--space-12);flex:1;align-items:center;display:flex}.search-input{background:var(--color-bg);min-width:0;font:var(--text-small-regular);color:var(--color-fg);border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-fg-tertiary)}.search-clear{background:var(--color-bg);cursor:pointer;border:none;align-items:center;padding:0;display:flex}.search-filter-btn{border-radius:var(--radius-sm);background:var(--color-primary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.search-filter-btn:hover{background:var(--color-primary-hover)}.search-results-count{padding:0 var(--screen-pad-x);margin-bottom:var(--space-12);font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);flex-shrink:0}.search-results-count strong{color:var(--color-fg);font:var(--text-xsmall-bold)}.search-scroll{min-height:0;padding:0 var(--screen-pad-x) 16px;flex:1;overflow-y:auto}.filter-sheet-header{justify-content:space-between;align-items:center;display:flex}.filter-sheet-title{font:var(--text-medium-bold);color:var(--color-fg)}.filter-sheet-reset{background:var(--color-bg);color:var(--color-primary);font:var(--text-small-bold);cursor:pointer;border:none;padding:0}.filter-sheet-content{gap:var(--space-16);flex-direction:column;max-height:460px;display:flex;overflow-y:auto}.filter-section{gap:var(--space-8);flex-direction:column;display:flex}.filter-section-title{font:var(--text-small-bold);color:var(--color-fg)}.filter-price-display{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.filter-slider{height:24px;margin-top:var(--space-4);align-items:center;display:flex;position:relative}.filter-slider-track{background:var(--color-border);border-radius:var(--radius-full);height:4px;position:absolute;left:0;right:0}.filter-slider-fill{background:var(--color-primary);border-radius:var(--radius-full);height:4px;position:absolute;left:15%;right:25%}.filter-slider-thumb{border-radius:var(--radius-full);background:var(--color-bg);border:2px solid var(--color-primary);width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.filter-chips{gap:var(--space-8);flex-wrap:wrap;display:flex}.address-cta-bar{padding:20px var(--screen-pad-x) 16px;background:var(--color-bg);border-top:1px solid var(--color-border);flex-shrink:0}.cl-product-grid{gap:var(--space-16);grid-template-columns:155px 155px;display:grid}.cl-product-row{gap:var(--space-16);margin-top:var(--space-24);display:flex}.cl-feedback-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.cl-feedback-card{align-items:center;gap:var(--space-12);padding:var(--space-20);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.cl-feedback-label{font:var(--text-small-bold);color:var(--color-fg)}.gl-rule{padding:var(--space-20);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-16);background:var(--color-bg)}.gl-rule-warning{border-color:var(--color-danger);background:var(--color-danger-tint)}.gl-rule-header{align-items:center;gap:var(--space-12);margin-bottom:var(--space-12);display:flex}.gl-rule-num{border-radius:var(--radius-full);background:var(--color-primary);width:28px;height:28px;color:var(--color-fg-contrast);font:var(--text-xsmall-bold);justify-content:center;align-items:center;display:flex}.gl-rule-title{font:var(--text-medium-bold);color:var(--color-fg);margin:0}.gl-rule-desc{font:var(--text-small-regular);color:var(--color-fg-secondary);margin:0 0 var(--space-12);line-height:1.55}.gl-rule-desc code{background:var(--color-surface);padding:var(--space-4) var(--space-8);color:var(--color-primary);border-radius:4px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.gl-rule-desc strong{color:var(--color-fg);font-weight:700}.gl-visual{margin:14px 0}.gl-phone-mini{border:1.5px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;height:88px;display:flex}.gl-phone-pad-left,.gl-phone-pad-right{background:var(--color-primary-tint);color:var(--color-primary-active);font:var(--text-xsmall-bold);justify-content:center;align-items:center;width:48px;height:100%;display:flex}.gl-phone-content{font:var(--text-small-regular);color:var(--color-fg-tertiary);flex:1;justify-content:center;align-items:center;display:flex}.gl-code{background:var(--color-surface);padding:var(--space-8) var(--space-12);color:var(--color-primary);margin-top:var(--space-8);border-radius:6px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.gl-stack{flex-direction:column;gap:8px;margin:12px 0;display:flex}.gl-stack-row{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.gl-token-pill{padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);background:var(--color-surface);font:var(--text-xsmall-bold);color:var(--color-fg)}.gl-stack-gap{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.gl-platform-grid{gap:var(--space-12);margin:var(--space-12) 0;grid-template-columns:repeat(2,1fr);display:grid}.gl-platform-card{padding:var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);gap:var(--space-8);flex-direction:column;display:flex}.gl-platform-icon{border-radius:var(--radius-full);width:36px;height:36px;font:var(--text-xsmall-bold);justify-content:center;align-items:center;display:flex}.gl-platform-name{font:var(--text-small-bold);color:var(--color-fg)}.gl-platform-value{font:var(--text-medium-bold);color:var(--color-primary)}.gl-platform-detail{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);line-height:1.4}.gl-code-block{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-12) var(--space-12);margin-top:var(--space-12)}.gl-code-label{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);margin-bottom:var(--space-8)}.gl-code-pre{color:var(--color-fg);white-space:pre-wrap;margin:0;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.gl-table{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-8);display:grid;overflow:hidden}.gl-table-row{padding:var(--space-12) var(--space-12);border-bottom:1px solid var(--color-surface-raised);font:var(--text-small-regular);color:var(--color-fg);gap:var(--space-12);grid-template-columns:1.2fr .8fr 2fr;display:grid}.gl-table-row:last-child{border-bottom:none}.gl-table-head{background:var(--color-surface);font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);text-transform:uppercase;letter-spacing:.04em}.gl-table-row strong{color:var(--color-primary)}.gl-pattern-grid{gap:var(--space-12);margin-top:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.gl-pattern-card{padding:var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.gl-pattern-icon{color:var(--color-primary);margin-bottom:var(--space-8);font-size:24px}.gl-pattern-name{font:var(--text-small-bold);color:var(--color-fg);margin-bottom:var(--space-8)}.gl-pattern-detail{font:var(--text-xsmall-regular);color:var(--color-fg-secondary);line-height:1.55}.gl-pattern-detail code{background:var(--color-bg);padding:1px var(--space-4);color:var(--color-primary);border-radius:4px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.gl-anti-list{margin:0;padding-inline-start:var(--space-20)}.gl-anti-list li{font:var(--text-small-regular);color:var(--color-fg);margin-bottom:var(--space-8);line-height:1.5}.gl-anti-list code{background:var(--color-bg);padding:var(--space-4) var(--space-8);color:var(--color-danger);border-radius:4px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.gl-dim-card{gap:var(--space-24);margin-top:var(--space-12);padding:var(--space-20);background:var(--color-surface);border-radius:var(--radius-md);align-items:center;display:flex}.gl-dim-phone{flex-shrink:0;position:relative}.gl-dim-w-label{text-align:center;font:var(--text-xsmall-bold);color:var(--color-primary);margin-bottom:var(--space-4);position:relative}.gl-dim-w-label:before,.gl-dim-w-label:after{content:"";border-top:1px dashed var(--color-primary);width:30px;position:absolute;top:50%}.gl-dim-w-label:before{left:0}.gl-dim-w-label:after{right:0}.gl-dim-frame{border:2px solid var(--color-fg);background:var(--color-bg);border-radius:14px;width:90px;height:195px;position:relative}.gl-dim-h-label{font:var(--text-xsmall-bold);color:var(--color-primary);position:absolute;top:50%;right:-52px;transform:translateY(-50%)}.gl-dim-h-label:before,.gl-dim-h-label:after{content:"";border-left:1px dashed var(--color-primary);width:0;height:70px;position:absolute;left:-8px}.gl-dim-h-label:before{bottom:14px}.gl-dim-h-label:after{top:14px}.gl-dim-meta{gap:var(--space-12);flex-direction:column;flex:1;display:flex}.gl-dim-meta-row{padding-bottom:var(--space-8);border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:center;display:flex}.gl-dim-meta-row:last-child{border-bottom:none;padding-bottom:0}.gl-dim-meta-label{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);text-transform:uppercase;letter-spacing:.04em}.gl-dim-meta-val{color:var(--color-primary);background:var(--color-bg);padding:var(--space-4) var(--space-12);border-radius:6px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.cl-topbar-stack{gap:var(--space-16);flex-direction:column;display:flex}.cl-topbar-preview{gap:var(--space-8);flex-direction:column;display:flex}.cl-topbar-label{color:var(--color-fg-tertiary);letter-spacing:.04em;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.cl-topbar-preview .top-bar{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.cl-pagedots-stack{gap:var(--space-12);flex-direction:column;display:flex}.cl-pagedots-row{align-items:center;gap:var(--space-16);display:flex}.cl-chip-stack{gap:var(--space-12);flex-direction:column;display:flex}.cl-chip-label{color:var(--color-fg-tertiary);letter-spacing:.04em;margin-bottom:var(--space-8);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.cl-chip-row{gap:var(--space-8);flex-wrap:wrap;display:flex}.i18n-filters{gap:var(--space-8);margin-top:var(--space-16);flex-wrap:wrap;display:flex}.i18n-filter{padding:var(--space-8) var(--space-12);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg-secondary);font:var(--text-xsmall-bold);cursor:pointer}.i18n-filter:hover{background:var(--color-surface)}.i18n-filter.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-fg-contrast)}.i18n-groups{gap:var(--space-20);min-width:0;min-height:0;flex-direction:column;flex:1;padding-inline-end:var(--space-4);display:flex;overflow-y:auto}.i18n-group{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.i18n-group-title{font:var(--text-medium-bold);color:var(--color-fg);margin:0}.i18n-group-count{color:var(--color-fg-tertiary);font:var(--text-xsmall-regular)}.animations-grid{gap:var(--space-16);margin-top:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.lottie-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);flex-direction:column;display:flex;overflow:hidden}.lottie-card-preview{justify-content:center;align-items:center;height:160px;display:flex}.lottie-live{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lottie-live-dark{background:linear-gradient(135deg, var(--color-bg), var(--color-surface))}.lottie-live-light{background:linear-gradient(135deg, var(--color-surface), var(--color-surface-raised))}.lottie-live-blue{background:var(--color-primary)}.lottie-live svg{max-width:100%;max-height:100%}.lottie-card-info{padding:var(--space-16);gap:var(--space-8);flex-direction:column;display:flex}.lottie-card-name{color:var(--color-primary);font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.lottie-card-desc{font:var(--text-xsmall-regular);color:var(--color-fg-secondary);margin:0;line-height:1.5}.lottie-card-meta{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}.lottie-meta-item{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.lottie-meta-item strong{color:var(--color-fg-secondary);font-weight:600}.lottie-card-download{padding:var(--space-12) var(--space-16);background:var(--color-primary);color:var(--color-fg-contrast);font:var(--text-small-bold);cursor:pointer;text-align:center;border:none;margin:0}.lottie-card-download:hover{background:var(--color-primary-hover)}.animations-note{margin-top:var(--space-20);padding:var(--space-12) var(--space-16);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);font:var(--text-small-regular);color:var(--color-fg-secondary);line-height:1.55}.animations-note code{background:var(--color-bg);padding:var(--space-4) var(--space-8);color:var(--color-primary);border-radius:4px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.detail-image-wrap-partial{flex:auto!important;height:auto!important;margin-top:0!important;padding-top:0!important}.detail-stock-badge-partial{top:12px}.detail-image-wrap-partial .detail-dots{bottom:36px}.detail-sheet-partial{gap:var(--space-12);flex-direction:column;flex:none;display:flex}.detail-desc-partial{font:var(--text-small-regular);color:var(--color-fg-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;position:relative;overflow:hidden}.detail-read-more{background:var(--color-bg);font:var(--text-small-bold);color:var(--color-primary);cursor:pointer;border:none;padding:0}.detail-read-more:hover{text-decoration:underline}.detail-rating-score{font:var(--text-small-bold);color:var(--color-fg)}.detail-rating-reviews{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.detail-stock-badge.is-oos{background:var(--color-danger-tint);color:var(--color-danger-strong)}.detail-stock-dot.is-oos{background:var(--color-danger-strong)}.detail-qty-row-v2{justify-content:space-between;align-items:center;display:flex}.detail-qty-label-v2{font:var(--text-normal-bold);color:var(--color-fg)}.btn-detail-cta{border-radius:var(--radius-sm);background:var(--color-primary);width:100%;height:56px;color:var(--color-fg-contrast);font:var(--text-normal-bold);cursor:pointer;border:none}.btn-detail-cta:hover{background:var(--color-primary-hover)}.btn-detail-cta.is-disabled{background:var(--color-surface-raised);color:var(--color-fg-tertiary);cursor:not-allowed}.btn-detail-cta.is-disabled:hover{background:var(--color-surface-raised)}.logo-grid{gap:var(--space-20);margin-top:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.logo-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.logo-icon-frame{aspect-ratio:1;width:100%;display:block}.logo-icon-img{object-fit:cover;border-radius:22%;width:100%;height:100%;display:block}.logo-card-body{padding:var(--space-16);gap:var(--space-8);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.logo-card-head{align-items:center;gap:var(--space-8);display:flex}.logo-card-title{font:var(--text-normal-bold);color:var(--color-fg)}.logo-env-dot{border-radius:var(--radius-full);width:8px;height:8px}.logo-env-amber{background:var(--color-warning)}.logo-env-red{background:var(--color-danger)}.logo-card-desc{font:var(--text-small-regular);color:var(--color-fg-tertiary);margin:0}.logo-download-btn{margin-top:var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary);height:40px;color:var(--color-fg-contrast);font:var(--text-small-bold);cursor:pointer;border:none}.logo-download-btn:hover{background:var(--color-primary-hover)}.logo-mark-row{gap:var(--space-20);margin-top:var(--space-24);flex-wrap:wrap;display:flex}.logo-mark-card{align-items:center;gap:var(--space-12);padding:var(--space-20);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.logo-mark-frame{background:var(--color-fg-contrast);border-radius:var(--radius-md);justify-content:center;align-items:center;width:120px;height:120px;display:flex}.logo-mark-img{object-fit:contain;width:88px;height:88px}.logo-mark-meta{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.logo-mark-res{font:var(--text-small-bold);color:var(--color-fg)}.logo-mark-px{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary)}.logo-download-btn--sm{height:34px;padding:0 var(--space-16);font:var(--text-xsmall-bold)}.logo-lockup-spec{margin-top:var(--space-24);padding:var(--space-40);background:var(--color-fg-contrast);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;display:flex}.logo-lockup-mark img{width:88px;height:88px;display:block}.logo-lockup-gap{background:repeating-linear-gradient(var(--color-primary) 0 3px, transparent 3px 6px);justify-content:center;align-items:center;width:2px;height:45px;display:flex;position:relative}.logo-lockup-gap-label{font:var(--text-xsmall-bold);color:var(--color-primary);white-space:nowrap;position:absolute;left:12px}.logo-lockup-word{font:var(--text-hero-bold);letter-spacing:-.02em;color:var(--color-primary)}.logo-spec-note{margin-top:var(--space-16);font:var(--text-small-regular);color:var(--color-fg-tertiary)}.ds-fonts{margin-top:var(--space-40);padding-top:var(--space-32);border-top:1px solid var(--color-border)}.ds-fonts-head{margin-bottom:20px}.ds-fonts-title{font:var(--text-large-bold);color:var(--color-fg);margin:0 0 var(--space-8)}.ds-fonts-desc{font:var(--text-small-regular);color:var(--color-fg-tertiary);max-width:620px;margin:0}.ds-font-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.ds-font-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-16);background:var(--color-surface)}.ds-font-card-head{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.ds-font-name{font:var(--text-medium-bold);color:var(--color-fg)}.ds-font-var{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary)}.ds-font-usage{font:var(--text-small-regular);color:var(--color-fg-secondary);margin:0 0 var(--space-12)}.ds-font-files{gap:var(--space-8);flex-direction:column;display:flex}.ds-font-dl{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;text-align:start;transition:border-color .15s,background .15s;display:flex}.ds-font-dl:hover{border-color:var(--color-primary);background:var(--color-primary-tint)}.ds-font-dl-label{font:var(--text-small-bold);color:var(--color-fg);min-width:56px}.ds-font-dl-name{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary);flex:1}.ds-font-dl-icon{font:var(--text-normal-bold);color:var(--color-primary)}.ds-export{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-16);margin-bottom:var(--space-24);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.ds-export-info{gap:var(--space-4);flex-direction:column;display:flex}.ds-export-title{font:var(--text-normal-bold);color:var(--color-fg)}.ds-export-desc{font:var(--text-small-regular);color:var(--color-fg-tertiary);max-width:520px}.ds-export-actions{gap:var(--space-12);display:flex}.ds-export-btn{padding:var(--space-8) var(--space-16);background:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;flex-direction:column;align-items:flex-start;gap:1px;display:flex}.ds-export-btn:hover{background:var(--color-primary-active)}.ds-export-btn-label{font:var(--text-small-bold);color:var(--color-fg-contrast)}.ds-export-btn-file{font:var(--text-xsmall-bold);color:var(--color-fg-contrast);opacity:.85}.ds-color-group+.ds-color-group{margin-top:28px}.ds-color-group-title{font:var(--text-medium-bold);color:var(--color-fg);margin:0 0 var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.i18n-header-top{justify-content:space-between;align-items:flex-start;gap:var(--space-16);margin-bottom:var(--space-12);display:flex}.i18n-interp-note{font:var(--text-small-regular);color:var(--color-fg-secondary);background:var(--color-primary-tint);border:1px solid var(--color-primary-mid);border-radius:var(--radius-md);padding:var(--space-12) var(--space-12);margin:var(--space-12) 0}.i18n-interp-note code{font:var(--text-xsmall-bold);background:var(--color-bg);border:1px solid var(--color-border);padding:1px var(--space-8);color:var(--color-primary);border-radius:4px}.i18n-interp-note strong{color:var(--color-fg)}.gl-interactive-link{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-20);background:var(--color-primary-tint);border:1px solid var(--color-primary-mid);border-radius:var(--radius-md);text-decoration:none;transition:background .15s,transform .15s;display:flex}.gl-interactive-link:hover{background:var(--color-primary-mid);transform:translateY(-1px)}.gl-interactive-link-title{font:var(--text-medium-bold);color:var(--color-primary);margin-bottom:var(--space-4)}.gl-interactive-link-desc{font:var(--text-small-regular);color:var(--color-fg-secondary)}.gl-interactive-link-arrow{color:var(--color-primary);flex-shrink:0;font-size:24px}.i18n-group-title{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.i18n-group-actions{align-items:center;gap:var(--space-8);display:flex}.i18n-json-btn{font:var(--text-xsmall-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-tint);border:1px solid var(--color-primary-mid);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-12);cursor:pointer;transition:background .15s}.i18n-json-btn:hover{background:var(--color-primary-mid)}.i18n-json-block{margin:var(--space-8) 0 var(--space-16);padding:var(--space-16);background:var(--color-surface-raised,#f5f7fa);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-roman);color:var(--color-fg);white-space:pre;direction:ltr;max-width:100%;font-size:12px;line-height:1.6;overflow-x:auto}.cl-notif-stack{gap:var(--space-16);flex-direction:column;display:flex}.notif-banner{align-items:flex-start;gap:var(--space-12);width:100%;max-width:340px;padding:var(--space-12) var(--space-16);background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;transition:transform .15s;display:flex;box-shadow:0 8px 24px #0000001a}.notif-banner:hover{transform:translateY(-1px)}.notif-banner-icon{background:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notif-banner-icon-urgent{background:var(--color-danger)}.notif-banner-urgent{border:1.5px solid var(--color-danger)}.notif-banner-body{flex:1;min-width:0}.notif-banner-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.notif-banner-app{font:var(--text-xsmall-bold);color:var(--color-fg-secondary);letter-spacing:.02em;text-transform:uppercase}.notif-banner-time{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.notif-banner-title{font:var(--text-small-bold);color:var(--color-fg);line-height:1.3}.notif-banner-desc{font:var(--text-xsmall-regular);color:var(--color-fg-secondary);margin-top:var(--space-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.ob-chip-lg{height:50px;padding:0 var(--space-24);font:var(--text-normal-bold);justify-content:center;align-items:center;gap:var(--space-8);display:inline-flex}.ob-chip-sm{height:40px;padding:0 var(--space-16);font:var(--text-small-bold);justify-content:center;align-items:center;gap:var(--space-8);display:inline-flex}.ob-ghost-lg{height:50px;padding:0 var(--space-24);font:var(--text-normal-bold)}.ob-ghost-sm{height:40px;padding:0 var(--space-16);font:var(--text-small-bold)}.icon-wrap{line-height:0;display:inline-flex}.chip{border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);font:var(--text-xsmall-bold);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.chip:hover{background:var(--color-surface)}.chip-sm{height:28px;padding:0 10px}.chip-md{height:36px;padding:0 14px}.chip.is-selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-fg-contrast)}.chip.is-selected:hover{background:var(--color-primary-hover)}.theme-card-wrap{gap:var(--space-8);flex-direction:column;align-items:stretch;display:flex}.theme-card-download{justify-content:center;align-items:center;gap:var(--space-8);height:28px;padding:0 var(--space-8);border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);font:var(--text-xsmall-bold);cursor:pointer;transition:background .15s,border-color .15s;display:inline-flex}.theme-card-download:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.cl-img-states-row{gap:var(--space-24);margin-top:var(--space-8);align-items:flex-start;display:flex}.cl-img-states-item{align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.img-placeholder{border-radius:var(--radius-md);background:var(--color-surface-raised);width:120px;height:120px;color:var(--color-fg-tertiary);justify-content:center;align-items:center;display:flex}.img-placeholder-product{border-radius:var(--radius-lg);width:155px;height:174px}.img-placeholder-category{border-radius:var(--radius-lg);width:155px;height:100px}.img-placeholder-avatar{border-radius:var(--radius-full)}.user-greeting{align-items:center;gap:var(--space-12);flex:1;min-width:0;display:flex}.user-greeting-avatar{border-radius:var(--radius-full);background-color:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.user-greeting-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.user-greeting-avatar-sm{width:44px;height:44px}.user-greeting-avatar-lg{width:60px;height:60px}.user-greeting-text{flex-direction:column;flex:1;min-width:0;display:flex}.user-greeting-sm .user-greeting-name{font:var(--text-normal-bold);color:var(--color-fg)}.user-greeting-sm .user-greeting-meta{font:var(--text-small-regular);color:var(--color-fg-secondary)}.user-greeting-lg .user-greeting-name{font:var(--text-medium-bold);color:var(--color-fg)}.user-greeting-lg .user-greeting-meta{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.user-greeting-initials{width:100%;height:100%;font:var(--text-normal-bold);color:var(--color-fg-secondary);justify-content:center;align-items:center;display:flex}.cl-avatar{border-radius:var(--radius-full);background-color:var(--color-surface);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0}.cl-avatar-sm{width:44px;height:44px}.cl-avatar-md{width:60px;height:60px}.cl-avatar-lg{width:120px;height:120px}.account-header-wrap{padding:0 var(--screen-pad-x)}.dropdown-helper{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);padding-top:var(--space-4);display:block}.dropdown-input.is-error+.dropdown-helper,.dropdown-input.is-error~.dropdown-helper{color:var(--color-danger)}.cl-sheet-preview{margin-top:var(--space-12);flex-direction:column;display:flex}.new-arrivals-scroll{flex:1;min-height:0;padding:20px 0 24px;overflow-y:auto}.new-arrivals-scroll .product-grid{padding-inline-start:var(--screen-pad-x);padding-inline-end:var(--screen-pad-x)}.brands-grid{column-gap:var(--space-16);row-gap:var(--space-24);grid-template-columns:repeat(3,1fr);justify-items:center;padding-inline-start:var(--screen-pad-x);padding-inline-end:var(--screen-pad-x);display:grid}.brands-grid .brand-item{width:100%}.new-arrivals-count{padding-inline-start:var(--screen-pad-x);padding-inline-end:var(--screen-pad-x);padding-bottom:var(--space-12);font:var(--text-small-regular);color:var(--color-fg-tertiary);display:block}.addr-detail-pill{padding-top:var(--space-4);padding-bottom:var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-success-strong);background:var(--color-success-strong);font:var(--text-xsmall-bold);color:var(--color-fg-contrast);align-items:center;padding-inline-start:var(--space-12);padding-inline-end:var(--space-12);display:inline-flex}.addr-detail-lines{gap:var(--space-4);flex-direction:column;display:flex}.addr-detail-city{font:var(--text-medium-bold);color:var(--color-fg)}.addr-detail-full{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.addr-detail-divider{background:var(--color-border);height:1px}.addr-detail-row{align-items:center;gap:var(--space-8);font:var(--text-small-regular);color:var(--color-fg);flex-direction:row;display:flex}.addr-detail-btn{border-radius:var(--radius-sm);height:50px;font:var(--text-small-bold);cursor:pointer;border-style:solid;border-width:1px;justify-content:center;align-items:center;width:100%;display:flex}.addr-detail-btn-default{border-color:var(--color-primary);background:var(--color-bg);color:var(--color-primary)}.addr-detail-btn-delete{border-color:var(--color-danger);background:var(--color-danger-tint);color:var(--color-danger)}.btn-outline-danger{border-style:solid;border-width:1px;border-color:var(--color-danger);border-radius:var(--radius-sm);background:var(--color-danger-tint);color:var(--color-danger);font:var(--text-normal-bold);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.btn-outline-danger.ob-danger-lg{height:50px;padding-inline-start:var(--space-24);padding-inline-end:var(--space-24)}.btn-outline-danger.ob-danger-sm{height:40px;font:var(--text-small-bold);padding-inline-start:var(--space-16);padding-inline-end:var(--space-16)}.addr-detail-actions{gap:var(--space-12);flex-direction:column;display:flex}.addr-detail-actions>*{width:100%}.btn-outline-primary{border-style:solid;border-width:1px;border-color:var(--color-primary);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-primary);font:var(--text-normal-bold);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.btn-outline-primary.ob-primary-lg{height:50px;padding-inline-start:var(--space-24);padding-inline-end:var(--space-24)}.btn-outline-primary.ob-primary-sm{height:40px;font:var(--text-small-bold);padding-inline-start:var(--space-16);padding-inline-end:var(--space-16)}.addr-detail-header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.addr-detail-delete-circle{border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;border:none;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.addr-detail-rows{gap:var(--space-8);flex-direction:column;display:flex}.addr-detail-actions{margin-top:var(--space-24)}.addr-detail-header{margin-bottom:-4px}.addr-detail-body{gap:var(--space-8);flex-direction:column;display:flex}.onb-block{display:contents}.cl-tabs-layout{gap:var(--space-24);margin-top:var(--space-24);align-items:flex-start;display:flex}.cl-tabs-nav{gap:var(--space-4);top:var(--space-24);flex-direction:column;flex-shrink:0;width:140px;display:flex;position:sticky}.cl-tab-item{text-align:start;padding-top:var(--space-12);padding-bottom:var(--space-12);border-radius:var(--radius-sm);background:var(--color-bg);font:var(--text-small-bold);color:var(--color-fg-tertiary);cursor:pointer;border-width:0;padding-inline-start:var(--space-16);padding-inline-end:var(--space-16)}.cl-tab-item:hover{background:var(--color-surface);color:var(--color-fg)}.cl-tab-item-active{background:var(--color-primary-tint);color:var(--color-primary)}.cl-tabs-content{flex:1;min-width:0}.cl-tab-empty{padding:var(--space-24)}.cl-empty-note{font:var(--text-small-regular);color:var(--color-fg-tertiary);line-height:1.6}.cl-tabs-content[data-active] .cl-block[data-tab]{display:none}.cl-tabs-content[data-active=inputs] .cl-block[data-tab=inputs],.cl-tabs-content[data-active=navigation] .cl-block[data-tab=navigation],.cl-tabs-content[data-active=overlays] .cl-block[data-tab=overlays],.cl-tabs-content[data-active=feedback] .cl-block[data-tab=feedback],.cl-tabs-content[data-active=cards] .cl-block[data-tab=cards],.cl-tabs-content[data-active=lists] .cl-block[data-tab=lists],.cl-tabs-content[data-active=display] .cl-block[data-tab=display],.cl-tabs-content[data-active=typography] .cl-block[data-tab=typography]{display:block}.cl-tab-item{text-transform:capitalize}.cl-type-list{gap:var(--space-16);flex-direction:column;display:flex}.cl-type-row{color:var(--color-fg)}.cl-rating{align-items:center;gap:var(--space-4);display:inline-flex}.cl-star{line-height:0;display:inline-flex}.cl-swatch-row{gap:var(--space-12);display:flex}.cl-swatch{border-radius:var(--radius-full);justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.cl-swatch-selected{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary)}.cl-swatch-dot{border-radius:var(--radius-full);width:32px;height:32px}.cl-swatch-selected .cl-swatch-dot{width:24px;height:24px}.cl-otp-states{gap:var(--space-16);background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-16);flex-wrap:wrap;display:flex}.cl-otp-state{gap:var(--space-8);flex-direction:column;display:flex}.cl-otp-state-label{font:var(--text-xsmall-bold);color:var(--color-fg-tertiary)}.cl-otp-row{gap:var(--space-12);background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-12);display:flex}.cl-otp-box{border-radius:var(--radius-lg);width:54px;height:64px;font:var(--text-large-bold);color:var(--color-fg);background:var(--color-surface);border:1.5px solid #0000;justify-content:center;align-items:center;display:inline-flex}.cl-otp-focused{background:var(--color-bg);border-color:var(--color-primary)}.cl-otp-caret{color:var(--color-primary)}.cl-otp-filled{background:var(--color-surface);border-color:#0000}.cl-otp-error{border-color:var(--color-danger);background:var(--color-danger-tint);color:var(--color-danger)}.cl-otp-error-msg{color:var(--color-danger)}.cl-white-stage{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-16)}.cl-promo{border-radius:var(--radius-lg);background:var(--color-surface);width:100%;height:120px;padding:var(--space-24);align-items:center;display:flex;position:relative;overflow:hidden}.cl-promo-text{z-index:1;max-width:55%;position:relative}.cl-promo-text span:first-child{font:var(--text-normal-bold);color:var(--color-fg);letter-spacing:-.01em;display:block}.cl-promo-text span:last-child{font:var(--text-small-regular);color:var(--color-fg-tertiary);margin-top:var(--space-4);display:block}.cl-promo-img{border-radius:var(--radius-md);background-position:50%;background-size:cover;width:100px;height:100%;position:absolute;top:0;right:0}.cl-sum{gap:var(--space-12);flex-direction:column;display:flex}.cl-sum-row{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.cl-sum-l{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.cl-sum-v{font:var(--text-small-bold);color:var(--color-fg)}.cl-sum-div{border-top:1px dashed var(--color-border);height:1px}.cl-sum-total span{font:var(--text-medium-bold);color:var(--color-fg)}.cl-brand{align-items:center;gap:var(--space-12);padding:var(--space-12);background:var(--color-surface);border-radius:var(--radius-md);flex-direction:row;display:flex}.cl-brand-logo{border-radius:var(--radius-sm);background:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.cl-brand-info{flex-direction:column;flex:1;gap:2px;display:flex}.cl-brand-name{font:var(--text-small-bold);color:var(--color-fg)}.cl-brand-stats{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary)}.cl-async-grid{gap:var(--space-16);flex-wrap:wrap;display:flex}.cl-async{align-items:center;gap:var(--space-12);text-align:center;flex-direction:column;width:180px;display:flex}.cl-async-t{font:var(--text-large-bold);color:var(--color-fg)}.cl-async-d{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.icon-size-scale{grid-template-columns:repeat(7,1fr);gap:8px;margin:8px 0 12px;display:grid}.icon-size-cell{text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.icon-size-preview{color:#1a1a1a;justify-content:center;align-items:center;height:48px;display:flex}.icon-size-name{color:#1a1a1a;font:700 13px system-ui,sans-serif}.icon-size-px{color:#2196f3;font:600 12px ui-monospace,monospace}.icon-size-usage{color:#888;font:400 10px/1.35 system-ui,sans-serif}.icon-size-code{color:#e5e5e5;white-space:pre-wrap;background:#1e1e1e;border-radius:12px;margin:0 0 28px;padding:14px 16px;font:12px/1.6 ui-monospace,monospace}.theme-preview-wrap,.search-filter-icon{display:inline-flex}.lang-switcher-row{padding:var(--space-16) var(--screen-pad-x) 0;justify-content:flex-end;display:flex}.lang-switcher{align-items:center;gap:var(--space-4);height:32px;padding:0 var(--space-12);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg-secondary);font:var(--text-small-bold);cursor:pointer;display:inline-flex}.screen-auth{background:var(--color-bg);flex-direction:column;flex:1;display:flex;position:relative}.top-bar,.auth-topbar{height:50px;padding:0 var(--space-16);align-items:center;gap:var(--space-16);background:var(--color-bg);z-index:2;display:flex;position:relative}.top-bar-transparent{background:0 0}.top-bar-back,.auth-back{background:var(--color-bg);cursor:pointer;width:36px;height:36px;color:var(--color-fg);border-radius:var(--radius-sm);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.top-bar-back:hover,.auth-back:hover{background:var(--color-surface)}.top-bar-light .top-bar-back{color:var(--color-fg-contrast)}.top-bar-title,.auth-topbar-title{font:var(--text-normal-bold);letter-spacing:-.01em;text-align:center;color:var(--color-fg);flex:1}.top-bar-light .top-bar-title{color:var(--color-fg-contrast)}[lang=ar] .top-bar-title,[lang=ar] .auth-topbar-title{margin:0}.top-bar-right,.top-bar-right-spacer,.top-bar-left-spacer{width:36px;height:36px;color:var(--color-fg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.top-bar-light .top-bar-right{color:var(--color-fg-contrast)}.auth-heading{padding:var(--space-24) var(--screen-pad-x) var(--space-32)}.lang-switcher-row+.auth-heading{padding-top:var(--space-16)}.auth-title{font:var(--text-large-bold);letter-spacing:-.01em;color:var(--color-fg);margin-bottom:var(--space-8)}.auth-sub{font:var(--text-small-regular);color:var(--color-fg-tertiary)}.auth-form{padding:0 var(--screen-pad-x);gap:var(--space-16);flex-direction:column;display:flex}.field{gap:var(--space-8);flex-direction:column;display:flex}.field-label{font:var(--text-normal-bold);color:var(--color-fg)}.field-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);height:52px;padding:var(--space-12);align-items:center;gap:var(--space-8);transition:border-color .15s;display:flex;position:relative}.field-input.is-focused{border-color:var(--color-primary)}.field-input.is-error{border-color:var(--color-danger)}.field-icon{color:var(--color-fg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.field-input.is-focused .field-icon,.field-input.has-value .field-icon{color:var(--color-primary)}.field-input.is-error .field-icon{color:var(--color-danger)}.field-helper{font:var(--text-xsmall-regular);color:var(--color-fg-tertiary);margin-top:var(--space-8);display:block}.field-helper-error{color:var(--color-danger)}.field-text-wrap{flex:1;min-width:0;display:flex}.field-text{font:var(--text-small-regular);color:var(--color-fg);background:var(--color-bg);border:none;outline:none;flex:1;min-width:0;padding:0;line-height:1}.field-text[type=password]{letter-spacing:4px}.field-text::placeholder{color:var(--color-fg-tertiary)}.field-text[type=password]::placeholder{letter-spacing:normal}.field-text:read-only{cursor:default}.field-action{background:var(--color-bg);cursor:pointer;color:var(--color-fg-tertiary);border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.field-action:hover{color:var(--color-primary)}.field-status{color:var(--color-success);flex-shrink:0;display:flex}.auth-actions{padding:var(--space-32) var(--screen-pad-x) var(--space-16);gap:var(--space-16);flex-direction:column;align-items:stretch;margin-top:auto;display:flex}.auth-actions-row{gap:var(--space-16);align-items:center;width:100%;display:flex}.auth-actions-row>.btn-primary{flex:1}.field-link-row{justify-content:flex-end;margin-top:-8px;display:flex}[lang=ar] .field-link-row{justify-content:flex-start}.field-link{background:var(--color-bg);color:var(--color-primary);font:var(--text-small-bold);cursor:pointer;padding:var(--space-4);border:none}.verify-body{padding:12px var(--screen-pad-x) 0;flex-direction:column;flex:1;align-items:center;display:flex}.halo{width:130px;height:130px;margin:var(--space-24) 0 var(--space-32);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.halo-bg{background:var(--color-primary);opacity:.1;border-radius:50%;position:absolute;inset:0}.halo-inner{background:var(--color-primary);width:90px;height:90px;color:var(--color-fg-contrast);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.halo.halo-success .halo-bg,.halo.halo-success .halo-inner{background:var(--color-success)}.verify-title{font:var(--text-large-bold);color:var(--color-fg);margin-bottom:var(--space-12)}.verify-desc{font:var(--text-small-regular);color:var(--color-fg-tertiary);text-align:center;margin-bottom:var(--space-32)}.verify-desc strong{font:var(--text-small-bold);color:var(--color-fg);display:block}.otp-row{gap:var(--space-12);margin-bottom:var(--space-32);display:flex}.otp-box{border-radius:var(--radius-lg);background:var(--color-surface);width:54px;height:64px;font:var(--text-large-bold);color:var(--color-fg);border:1.5px solid #0000;justify-content:center;align-items:center;display:flex}.otp-box.active{background:var(--color-bg);border-color:var(--color-primary)}.verify-resend{margin-top:var(--space-20);justify-content:center;align-items:center;gap:var(--space-8);font:var(--text-small-regular);color:var(--color-fg-secondary);text-align:center;flex-direction:row;display:flex}.verify-resend .link{color:var(--color-primary);font:var(--text-small-bold);cursor:pointer;background:0 0;border:none;padding:0}.sheet-dim{background:var(--color-bg-overlay);z-index:5;position:absolute;inset:0}.sheet{background:var(--color-bg);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);padding:12px var(--screen-pad-x) var(--space-32);z-index:6;align-items:center;gap:var(--space-16);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.sheet-handle{background:var(--color-border);border-radius:var(--radius-full);width:48px;height:5px;margin-bottom:var(--space-8)}.sheet-title{font:var(--text-large-bold);color:var(--color-fg);margin-bottom:var(--space-4);text-align:center}.sheet-desc{font:var(--text-small-regular);color:var(--color-fg-secondary);text-align:center;white-space:pre-line;margin-bottom:var(--space-16)}.sheet-actions{gap:var(--space-12);flex-direction:column;width:100%;display:flex}.sheet-form{gap:var(--space-16);width:100%;margin-top:var(--space-8);flex-direction:column;display:flex}.fc{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.fc.fc-disabled,.fc.fc-selected-disabled{opacity:.4;cursor:not-allowed}.fc-checkbox{border-radius:var(--radius-xs);background:var(--color-bg);border:1.5px solid var(--color-border);width:20px;height:20px}.fc-checkbox:not(.fc-disabled):not(.fc-selected-disabled):hover{border-color:var(--color-primary)}.fc-checkbox.fc-selected,.fc-checkbox.fc-selected-disabled{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-fg-contrast)}.fc-radio{background:var(--color-bg);border:1.5px solid var(--color-border);width:20px;height:20px;padding:var(--space-4);border-radius:50%}.fc-radio:not(.fc-disabled):not(.fc-selected-disabled):hover,.fc-radio.fc-selected,.fc-radio.fc-selected-disabled{border-color:var(--color-primary)}.fc-radio-dot{background:var(--color-primary);border-radius:50%;width:10px;height:10px}.fc-switch{border-radius:var(--radius-full);background:var(--color-border);width:36px;height:20px;padding:var(--space-4);justify-content:flex-start;align-items:center;transition:background .2s}.fc-switch:not(.fc-disabled):not(.fc-selected-disabled):hover{background:var(--color-fg-tertiary)}.fc-switch.fc-selected,.fc-switch.fc-selected-disabled{background:var(--color-primary);justify-content:flex-end}.fc-switch-knob{background:var(--color-fg-contrast);border-radius:50%;width:16px;height:16px}.toast-stack{top:var(--space-16);left:var(--space-24);right:var(--space-24);z-index:10000;gap:var(--space-12);pointer-events:none;flex-direction:column;display:flex;position:absolute}.toast-stack>*{pointer-events:auto}.toast{align-items:flex-start;gap:var(--space-12);background:var(--color-bg);border-radius:var(--radius-lg);border:2px solid var(--color-border);padding:var(--space-12) var(--space-16) var(--space-16);box-shadow:var(--shadow-card);display:flex;position:relative;overflow:hidden}.toast-success{border-color:var(--color-success)}.toast-warning{border-color:var(--color-warning)}.toast-info{border-color:var(--color-primary)}.toast-danger{border-color:var(--color-danger)}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.toast-success .toast-icon{background:var(--color-success-tint);color:var(--color-success-strong)}.toast-warning .toast-icon{background:var(--color-warning-tint);color:var(--color-warning)}.toast-info .toast-icon{background:var(--color-primary-tint);color:var(--color-primary-active)}.toast-danger .toast-icon{background:var(--color-danger-tint);color:var(--color-danger)}.toast-content{flex:1;min-width:0}.toast-title{font:var(--text-small-bold);color:var(--color-fg);margin-bottom:var(--space-4)}.toast-desc{font:var(--text-xsmall-regular);color:var(--color-fg-secondary)}.toast-close{background:var(--color-surface);width:20px;height:20px;color:var(--color-fg-tertiary);cursor:pointer;margin-top:var(--space-4);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close:hover{background:var(--color-surface-raised);color:var(--color-fg)}.toast-progress{background:var(--color-border);transform-origin:0;width:100%;height:4px;animation:5s linear forwards toast-shrink;display:block;position:absolute;bottom:0;left:0}.toast-success .toast-progress{background:var(--color-success)}.toast-warning .toast-progress{background:var(--color-warning)}.toast-info .toast-progress{background:var(--color-primary)}.toast-danger .toast-progress{background:var(--color-danger)}@keyframes toast-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.auth-biometric-btn{border-radius:var(--radius-sm);background:var(--color-bg);border:1.5px solid var(--color-primary);cursor:pointer;width:50px;height:50px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.auth-biometric-btn:hover,.auth-biometric-btn:active{background:var(--color-primary-tint)}.auth-create-link-row{gap:var(--space-8);justify-content:center;align-items:center;display:flex}.auth-create-link-label{font:var(--text-small-regular);color:var(--color-fg-secondary)}.auth-create-link{font:var(--text-small-bold);color:var(--color-primary);background:var(--color-bg);cursor:pointer;border:none;padding:0}.auth-error-banner{margin:0 var(--screen-pad-x) 16px;padding:var(--space-12) var(--space-12);border-radius:var(--radius-md);background:var(--color-danger-tint);border:1px solid var(--color-danger);gap:var(--space-12);align-items:center;display:flex}.auth-error-text{font:var(--text-small-bold);color:var(--color-danger);flex:1}