.i-icon{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-icon-spin svg{animation:i-icon-spin 1s infinite linear}.i-icon-rtl{transform:scaleX(-1)}@keyframes i-icon-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes i-icon-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;--bg: #ffffff;--ink: #070707;--muted: #6d6d6d;--quiet: #9a9a9a;--line: #e5e5e5;--line-strong: #d7d7d7;--surface: #f7f7f7;--surface-soft: #fbfbfb;--inverse: #050505;--inverse-muted: #f4f4f4;--focus: #111111;--blue: #2563eb;--blue-soft: #eff6ff;--red: #dc2626;--red-soft: #fef2f2;--green: #16a34a;--green-soft: #f0fdf4;--amber: #d97706;--amber-soft: #fffbeb;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-soft: 0 16px 40px rgba(0, 0, 0, .07);--max: 1280px;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;overflow-x:hidden;scroll-behavior:smooth}html[data-reduced-motion=true]{scroll-behavior:auto}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;background:var(--bg);padding:0}.topbar{position:sticky;top:0;z-index:20;width:100%;max-width:none;height:55px;display:grid;grid-template-columns:minmax(275px,330px) minmax(0,1fr) minmax(330px,auto);align-items:center;margin:0;padding:0 clamp(20px,7.8vw,120px);border:0;border-bottom:1px solid #e8e8e8;border-radius:0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.brand-zone{min-width:0;display:flex;align-items:center;gap:16px}.brand{display:inline-flex;align-items:center;width:fit-content;min-height:42px;border:0;background:transparent;color:var(--ink);padding:0;text-align:left;min-width:0}.brand span{font-size:24px;font-weight:800;line-height:1;letter-spacing:0;white-space:nowrap}.brand small{display:none;color:var(--muted);font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:116px;min-height:31px;padding:3px;border:1px solid #d9dde3;border-radius:999px;background:#f8f8f8}.device-switch button{min-width:0;border:0;border-radius:999px;background:transparent;color:#8b929c;font-size:12px;font-weight:760}.device-switch button.active{background:#111;color:#fff}.main-nav{display:flex;align-items:stretch;justify-content:center;gap:clamp(18px,2.1vw,32px);height:100%}.main-nav button,.text-link,.header-tool{min-width:auto;min-height:40px;border:0;background:transparent;color:var(--ink);font-size:13px;font-weight:760}.main-nav button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;color:#161616;white-space:nowrap}.main-nav button:after{content:none}.main-nav button.active:after,.main-nav button:hover:after{transform:scaleX(1)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,1.2vw,20px);min-width:0}.header-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0;white-space:nowrap;text-decoration:none}.header-tool:hover{color:#000}.header-tool.active{color:#000;font-weight:850}.nav-effect-link{color:#075985}.nav-effect-link:hover{color:#0369a1}.github-icon{flex:none;color:#0891b2}.motion-toggle{display:inline-flex;align-items:center;min-height:44px;gap:10px;color:var(--muted);font-size:14px;white-space:nowrap}.motion-toggle input{position:absolute;opacity:0;pointer-events:none}.switch-ui{position:relative;width:46px;height:28px;border-radius:999px;background:#d4d4d4;transition:background .16s ease}.switch-ui:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .16s ease}.motion-toggle input:checked+.switch-ui{background:#080808}.motion-toggle input:checked+.switch-ui:after{transform:translate(18px)}.home-canvas{position:relative;max-width:none;margin:0 auto;border:0;border-radius:0;background:#fff;box-shadow:none;overflow:visible}.home-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px 25px;border-bottom:0;background:transparent}.home-hero:after{content:none}.home-hero-copy{position:relative;z-index:1;display:grid;justify-items:center;gap:9px;text-align:center}.home-hero h1{margin:0;max-width:760px;color:#152033;font-size:42px;font-weight:900;line-height:1.04;letter-spacing:0}.home-hero p{margin:0;max-width:34rem;color:#586579;font-size:16px;font-weight:520;line-height:1.4}.home-search{position:relative;z-index:1;width:min(100%,668px);min-height:47px;display:grid;grid-template-columns:47px 1fr;align-items:center;border:1px solid #d9dde4;border-radius:8px;background:#fff;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease}.home-search:focus-within{border-color:var(--focus);box-shadow:0 0 0 2px #0000000a}.home-search>svg{justify-self:center;color:#28313d}.home-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-size:14px;line-height:1.4}.home-search input::placeholder{color:#828a94}.home-search input:focus-visible{outline:0}.home-tags{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;color:#687386;font-size:13px;grid-column:auto}.home-tags button{min-height:25px;padding:0 13px;border:1px solid #d9dde4;border-radius:999px;background:#fff;color:#111827;font-size:13px;font-weight:760}.home-tags button:hover{border-color:#1c2530;background:#151b23;color:#f7f9fb}.home-ai-section{padding:14px clamp(28px,4vw,50px) 16px;border-bottom:1px solid var(--line);background:#fff}.home-ai-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.home-ai-heading h2{margin:0;color:#070707;font-size:22px;font-weight:900;line-height:1.15}.ai-status-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:#111;font-size:13px;font-weight:820}.ai-status-button.ready{border-color:#111;background:#111;color:#fff}.ai-status-pill{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:#555;font-size:13px;font-weight:820;white-space:nowrap}.ai-status-pill.ready{border-color:#111;background:#111;color:#fff}.ai-inline-workspace{display:grid;grid-template-columns:minmax(330px,.86fr) minmax(0,1.14fr);gap:14px}.ai-inline-form{min-width:0}.home-ai-section .ai-textarea-label textarea{min-height:116px}.home-ai-section .ai-result-panel.empty,.home-ai-section .ai-result-panel.loading{min-height:320px}.home-body{max-width:1285px;margin:0 auto;padding:12px 20px 27px}.home-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 14px}.home-entry-card{--entry-accent: #2563eb;--entry-soft: #eff6ff;--entry-faint: #bfdbfe;--entry-border: #dbeafe;--entry-ring: #93c5fd;min-width:0;min-height:70px;display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:10px 20px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:var(--ink);text-align:left;overflow:hidden;transition:border-color .17s ease,box-shadow .17s ease,background-color .17s ease}.home-entry-card.tone-1{--entry-accent: #2563eb;--entry-soft: #eff6ff;--entry-faint: #bfdbfe;--entry-border: #dbeafe;--entry-ring: #93c5fd}.home-entry-card.tone-2{--entry-accent: #0f766e;--entry-soft: #ecfdf5;--entry-faint: #99f6e4;--entry-border: #ccfbf1;--entry-ring: #5eead4}.home-entry-card.tone-3{--entry-accent: #7c3aed;--entry-soft: #f5f3ff;--entry-faint: #ddd6fe;--entry-border: #ede9fe;--entry-ring: #c4b5fd}.home-entry-card.tone-4{--entry-accent: #b45309;--entry-soft: #fffbeb;--entry-faint: #fde68a;--entry-border: #fef3c7;--entry-ring: #fbbf24}.home-entry-card.tone-5{--entry-accent: #be123c;--entry-soft: #fff1f2;--entry-faint: #fecdd3;--entry-border: #ffe4e6;--entry-ring: #fda4af}.home-entry-card.tone-6{--entry-accent: #0369a1;--entry-soft: #f0f9ff;--entry-faint: #bae6fd;--entry-border: #e0f2fe;--entry-ring: #7dd3fc}.home-entry-card:hover{border-color:var(--entry-ring);background:#fdfefe;box-shadow:0 10px 24px #0f172a12}.home-entry-icon{position:relative;isolation:isolate;width:44px;height:44px;display:inline-grid;place-items:center;border-radius:8px;border:1px solid var(--entry-border);background:radial-gradient(circle at 72% 24%,rgba(255,255,255,.98) 0 13px,transparent 14px),linear-gradient(145deg,#fff,color-mix(in srgb,var(--entry-soft) 68%,#ffffff));color:#0f172a;box-shadow:inset 0 1px #fffffff5,0 8px 18px #0f172a0f;overflow:hidden;transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease}.home-entry-icon:before,.home-entry-icon:after{content:"";position:absolute;z-index:0;pointer-events:none}.home-entry-icon:before{right:5px;bottom:5px;width:11px;height:11px;border:1px solid var(--entry-ring);border-radius:3px;background:#ffffffbd;opacity:.44;transform:rotate(8deg)}.home-entry-icon:after{top:7px;left:7px;width:11px;height:2px;border-radius:999px;background:var(--entry-accent);box-shadow:0 5px 0 var(--entry-faint);opacity:.34}.home-entry-icon-mark{position:relative;z-index:1;display:grid;width:32px;height:32px;place-items:center;border-radius:7px}.home-entry-icon-mark svg{display:block;width:30px;height:30px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.75))}.home-entry-icon-mark .i-icon{display:grid;width:32px;height:32px;place-items:center;line-height:0}.home-entry-icon-mark .i-icon svg{width:32px;height:32px;overflow:visible}.home-entry-icon-components:before{border-radius:2px;box-shadow:-13px 9px 0 -4px var(--entry-faint)}.home-entry-icon-patterns:after{width:14px;height:14px;border:1px solid var(--entry-ring);border-radius:999px;background:transparent;box-shadow:none}.home-entry-icon-dictionary:before{width:7px;height:15px;border-radius:999px}.home-entry-icon-layouts:after{width:16px;height:10px;border:1px solid var(--entry-ring);border-radius:3px;background:linear-gradient(90deg,transparent 47%,var(--entry-faint) 48% 52%,transparent 53%),linear-gradient(180deg,transparent 47%,var(--entry-faint) 48% 52%,transparent 53%);box-shadow:none}.home-entry-icon-styles:after{top:auto;bottom:7px;width:16px;height:3px}.home-entry-icon-motion:before{border-radius:999px 3px}.home-entry-card:hover .home-entry-icon{border-color:var(--entry-ring);box-shadow:inset 0 1px #fffffffa,0 12px 24px #0f172a17;transform:translateY(-1px)}.home-entry-card strong{display:block;margin-bottom:5px;font-size:19px;font-weight:850;line-height:1.04}.home-entry-card small{display:block;min-width:0;color:var(--muted);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-entry-arrow{justify-self:end;color:#334155;transition:color .17s ease,transform .17s ease}.home-entry-card:hover .home-entry-arrow{color:var(--entry-accent);transform:translate(2px)}.home-section{margin-top:12px}.home-section h2{margin:0 0 9px;color:#111827;font-size:20px;font-weight:900;line-height:1.15}.home-core-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 12px}.home-core-card{min-width:0;height:94px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:4px;padding:9px 10px 8px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:var(--ink);text-align:left;overflow:hidden;transition:border-color .17s ease,box-shadow .17s ease}.home-core-card:hover{border-color:#cfd5df;box-shadow:0 4px 12px #00000006}.home-core-card.active{border-color:#dfe3ea;box-shadow:none}.home-core-card strong{min-width:0;color:var(--ink);font-size:14px;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-core-card .mini-preview{width:100%;height:42px;max-width:none;border:0;border-radius:0;background:transparent;transform:none}.home-core-card .mini-preview>*{transform:scale(.66);transform-origin:center}.home-core-card .preview-button>*{transform:none}.home-core-card .preview-button .mini-standard-button{width:auto;min-height:auto;padding:0;border:0;border-radius:0;background:transparent}.home-core-card .mini-preview>.mini-context-menu{width:92px;min-height:0;align-self:flex-start;gap:1px;padding:0;border:0;border-radius:0;background:transparent;transform:none}.home-core-card .mini-context-menu strong{min-height:13px;padding:0 5px;border:1px solid #dfe3ea;border-radius:4px;background:#fff;font-size:7px;font-weight:800}.home-core-card .mini-context-menu em{width:68px;justify-self:center;gap:1px;padding:1px;border:1px solid #e5e7eb;border-radius:4px;background:#fff}.home-core-card .mini-context-menu em span{min-height:0;height:6px;display:flex;align-items:center;overflow:hidden;padding:0 3px;border-radius:2px;font-size:5px;line-height:1;white-space:nowrap}.home-core-card .preview-button .mini-solid,.home-core-card .preview-button .mini-outline,.home-core-card .preview-button .mini-text,.home-core-card .preview-button .mini-visual-button{min-width:44px;min-height:22px;font-size:11px}.home-core-use{min-width:0;color:var(--muted);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px}.home-path-card{min-width:0;min-height:90px;display:grid;grid-template-columns:52px minmax(0,1fr) 18px;align-items:center;gap:13px;padding:12px 18px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;text-align:left}.home-path-content{display:grid;gap:4px}.home-path-icon{width:50px;height:50px;display:inline-grid;place-items:center;border-radius:50%;background:var(--surface-soft);color:var(--ink)}.home-path-card h3{margin:0;font-size:16px;font-weight:800;line-height:1.2}.home-path-card ul{display:grid;gap:2px;margin:0;padding-left:14px;color:#526071;font-size:12px;font-weight:500;line-height:1.35}.home-path-card>svg{justify-self:end;color:var(--quiet)}.home-comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px}.home-comparison-grid button{min-width:0;min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:0 14px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:var(--ink);text-align:left;transition:border-color .17s ease,box-shadow .17s ease}.home-comparison-grid button:hover{border-color:var(--focus);box-shadow:0 4px 12px #00000008}.home-comparison-grid span{min-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-footer{margin-top:28px;padding:12px 20px 11px;border-top:1px solid #e8e8e8;background:#fff;text-align:center}.home-footer-links{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-footer-links button{min-width:0;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;background:transparent;color:#1f2937;font-size:18px;font-weight:760}.home-footer-links button:hover{color:#000}.home-footer p{margin:6px 0 0;color:#6b7280;font-size:13px;font-weight:600}.composer-section{max-width:960px;margin:0 auto;padding:54px 24px 38px;text-align:center}.home-composer-section{padding-bottom:22px}.composer-title{display:none}.composer{display:grid;grid-template-columns:54px 1fr auto auto;align-items:center;gap:10px;width:min(100%,790px);min-height:76px;margin:0 auto;padding:8px 12px 8px 16px;border:1px solid var(--line-strong);border-radius:25px;background:#fff;box-shadow:var(--shadow-soft)}.composer-orb{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:50%;background:var(--surface);color:#464646}.composer input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-size:18px;line-height:1.4}.composer input::placeholder{color:#8a8a8a}.composer input:focus-visible{outline:0}.ghost-icon,.send-button{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;border:0}.ghost-icon{background:transparent;color:var(--quiet)}.ghost-icon:hover{color:var(--ink);background:var(--surface)}.send-button{background:var(--inverse);color:#fff;transition:transform .17s ease,background .17s ease}.send-button:hover{transform:translateY(-1px);background:#1f1f1f}.quick-questions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:22px;color:var(--muted);font-size:14px}.quick-questions button{min-height:44px;border:0;background:transparent;color:#5f5f5f;padding:0 2px}.quick-questions button+button{position:relative}.quick-questions button+button:before{content:"";position:absolute;left:-9px;top:13px;width:1px;height:18px;background:var(--line-strong)}.quick-questions button:hover{color:var(--ink)}.atlas-grid{max-width:var(--max);min-height:646px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(390px,.72fr);gap:36px;align-items:start}.conversation-panel,.detail-panel{min-width:0}.conversation-panel{display:flex;flex-direction:column;padding-top:6px}.atlas-list-panel{max-height:calc(100vh - 152px);min-height:0}.list-panel-header{min-height:92px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.panel-kicker{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:650}.list-panel-header h2{margin:0 0 8px;font-size:26px;line-height:1.15;letter-spacing:0}.list-panel-header p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.list-count{min-width:46px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#050505;color:#fff;font-size:15px;font-weight:850;font-variant-numeric:tabular-nums}.list-filter-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 0 12px;border-bottom:1px solid var(--line);scrollbar-width:thin}.list-filter-tabs button{flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:12px;font-weight:850;white-space:nowrap}.list-filter-tabs button.active{border-color:#111827;background:#111827;color:#fff}.list-filter-tabs b{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:#f1f5f9;color:#111827;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}.list-filter-tabs button.active b{background:#fff;color:#111827}.panel-tabs{display:flex;gap:28px;height:48px;align-items:stretch;border-bottom:1px solid var(--line)}.panel-tabs button{position:relative;min-width:72px;border:0;background:transparent;color:var(--muted);font-size:16px;font-weight:600}.panel-tabs button.active{color:var(--ink)}.panel-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--ink)}.panel-tabs span{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;margin-left:6px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:700}.list-summary{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.entry-list{margin-top:6px;border-top:0;min-height:0}.full-entry-list{max-height:none;overflow:visible;padding-right:0}.full-entry-list.scrollable{flex:1 1 auto;max-height:min(760px,calc(100vh - 360px));min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-gutter:stable}.full-entry-list.scrollable::-webkit-scrollbar{width:8px}.full-entry-list.scrollable::-webkit-scrollbar-thumb{border-radius:999px;background:#d7d7d7}.all-components-page{max-width:var(--max);margin:0 auto;padding:18px 28px 0}.all-page-heading{display:grid;align-items:end;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.all-page-heading h1{margin:0;font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:0}.document-tab-rail{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:end;gap:8px;border-bottom:1px solid var(--line)}.document-section-tabs-rail{margin:18px 0 0}.document-category-tabs-rail{margin:10px 0 0}.document-tab-rail:before,.document-tab-rail:after{content:"";position:absolute;top:0;bottom:1px;z-index:2;width:46px;pointer-events:none;opacity:1;transition:opacity .16s ease}.document-tab-rail:before{left:34px;background:linear-gradient(90deg,#fff,#fff0)}.document-tab-rail:after{right:34px;background:linear-gradient(270deg,#fff,#fff0)}.document-tab-rail:not(.can-scroll):before,.document-tab-rail:not(.can-scroll):after,.document-tab-rail.at-start:before,.document-tab-rail.at-end:after{opacity:0}.document-tab-rail-nav{position:relative;z-index:3;width:28px;height:28px;display:grid;place-items:center;margin-bottom:8px;border:1px solid #d7dce3;border-radius:999px;background:#fff;color:#111;box-shadow:0 8px 20px #0f172a14;opacity:0;pointer-events:none;transform:translateY(1px) scale(.94);transition:opacity .16s ease,transform .16s ease,background .16s ease,border-color .16s ease}.document-tab-rail.can-scroll .document-tab-rail-nav{opacity:1;pointer-events:auto;transform:translateY(1px) scale(1)}.document-tab-rail-nav:hover:not(:disabled){border-color:#111;background:#111;color:#fff}.document-tab-rail-nav:disabled{opacity:.28;cursor:default;box-shadow:none}.document-tab-rail-nav.prev svg{transform:rotate(180deg)}.document-section-tabs,.document-category-tabs{min-width:0;display:flex;gap:22px;padding:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}.document-section-tabs::-webkit-scrollbar,.document-category-tabs::-webkit-scrollbar{display:none;width:0;height:0}.document-section-tabs button,.document-category-tabs button{flex:0 0 auto;position:relative;min-width:0;max-width:220px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 2px 10px;scroll-snap-align:start;border:0;border-radius:0;background:transparent;color:var(--muted);text-align:center}.document-section-tabs button{min-height:38px}.document-section-tabs button span,.document-category-tabs button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-section-tabs button span,.document-category-tabs button span{font-size:13px;font-weight:900}.document-section-tabs button b,.document-category-tabs button b{min-width:26px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:#f1f5f9;color:#111;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}.document-section-tabs button:after,.document-category-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}.document-section-tabs button.active,.document-category-tabs button.active{color:#050505}.document-section-tabs button.active b,.document-category-tabs button.active b{background:#050505;color:#fff}.document-section-tabs button.active:after,.document-category-tabs button.active:after{background:#050505}.all-component-groups{display:grid;gap:46px;padding-top:30px}.all-component-group{display:grid;gap:14px}.all-component-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.all-component-group-heading h2{margin:0;font-size:26px;line-height:1.2;letter-spacing:0}.all-component-group-heading span{min-width:38px;height:30px;display:inline-grid;place-items:center;border-radius:999px;background:#050505;color:#fff;font-size:13px;font-weight:850;font-variant-numeric:tabular-nums}.showcase-filters{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 14px;border-bottom:1px solid var(--line)}.showcase-filters button{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#4f4f4f;font-size:14px;font-weight:650}.showcase-filters button.active,.showcase-filters button:hover{border-color:#050505;background:#050505;color:#fff}.showcase-filters small{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:var(--surface);color:#333;font-size:12px;font-weight:850;font-variant-numeric:tabular-nums}.showcase-filters button.active small,.showcase-filters button:hover small{background:#fff}.component-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding-top:12px}.component-tile{position:relative;width:100%;aspect-ratio:1;min-height:158px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:9px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);text-align:left;overflow:hidden;transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease}.component-tile:hover,.component-tile.active{border-color:#050505;box-shadow:0 10px 24px #0000000f}.component-tile:hover{transform:translateY(-2px)}.component-tile-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}.component-tile-topline small{min-width:0;color:#8a8a8a;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-tile-preview{min-width:0;min-height:0;display:grid;place-items:center;padding:4px}.component-tile-preview .mini-preview{width:100%;max-width:none;height:72px;gap:5px}.component-tile-preview .mini-preview>*{transform:scale(.66);transform-origin:center}.component-tile-preview .mini-text{min-width:40px;white-space:nowrap}.component-tile-preview .preview-button>*{transform:none}.component-tile-preview .preview-button .mini-solid,.component-tile-preview .preview-button .mini-outline,.component-tile-preview .preview-button .mini-text,.component-tile-preview .preview-button .mini-visual-button{min-width:42px;min-height:24px;font-size:11px}.component-tile-preview .preview-button .mini-text,.component-tile-preview .preview-button .mini-visual-button.text,.component-tile-preview .preview-button .mini-visual-button.ghost{min-width:34px}.component-tile.mobile-mode{aspect-ratio:.78;min-height:252px}.device-mode-mobile .component-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(184px,1fr))}.component-tile.mobile-mode .component-tile-preview{padding:0}.component-tile.mobile-mode .mobile-preview-phone{width:112px;height:174px}.entry-row.mobile-row{grid-template-columns:36px 92px minmax(0,1fr) 24px;min-height:136px;align-items:center}.entry-row.mobile-row .mobile-preview-phone{width:82px;height:126px}.entry-row.mobile-row .entry-copy{grid-column:3 / 4}.comparisons-page{max-width:var(--max);display:grid;gap:18px;margin:0 auto;padding:24px 28px 42px}.comparisons-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:22px 0 18px;border-bottom:1px solid var(--line)}.comparisons-heading h1{margin:0;font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:0}.comparisons-heading p{max-width:780px;margin:10px 0 0;color:#4c4c4c;font-size:16px;line-height:1.65}.comparisons-heading>span{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid #111111;border-radius:999px;background:#111;color:#fff;font-size:14px;font-weight:850;white-space:nowrap}.coverage-strip{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fafafa}.coverage-strip strong{margin-right:4px;color:#111;font-size:14px;font-weight:900}.coverage-strip span{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#555;font-size:13px;font-weight:760}.coverage-strip span:last-child{border-color:#111;color:#111}.comparison-pair-list{display:grid;gap:18px}.comparison-pair-card{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.comparison-pair-card header{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);align-items:end;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.comparison-pair-card header span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.comparison-pair-card h2{margin:4px 0 0;font-size:26px;line-height:1.2;letter-spacing:0}.comparison-pair-card header p{margin:0;color:#4f4f4f;font-size:15px;line-height:1.6}.comparison-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.comparison-side-grid button{min-width:0;display:grid;align-content:start;gap:8px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:#111;text-align:left;transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease}.comparison-side-grid button:hover{border-color:#111;box-shadow:0 12px 28px #00000012;transform:translateY(-2px)}.comparison-side-grid button>span{color:#777;font-size:12px;font-weight:800}.comparison-side-grid strong{font-size:24px;line-height:1.18;letter-spacing:0}.comparison-side-grid em{color:#555;font-size:14px;font-style:normal;font-weight:650}.comparison-side-grid p{margin:0;color:#5d5d5d;font-size:14px;line-height:1.55}.comparison-preview-stage{min-width:0;min-height:206px;display:grid;place-items:center;margin:4px 0;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fafafa;overflow:hidden}.comparison-preview-stage .variant-preview-shell{width:min(100%,440px);padding:8px}.comparison-preview-stage .mobile-live-frame{width:min(100%,242px);min-height:398px;gap:6px;padding:8px;border-radius:28px;box-shadow:none}.comparison-preview-stage .mobile-live-top{height:16px}.comparison-preview-stage .mobile-live-top span{width:54px;height:4px}.comparison-preview-stage .mobile-live-screen{min-height:330px;padding:8px;border-radius:20px}.comparison-preview-stage .mobile-live-home{width:64px;height:4px}.comparison-preview-stage .mobile-live-screen .variant-preview-shell{padding:7px}.comparison-preview-stage .mobile-live-screen :is(.live-card,.live-modal-scene,.live-alert-demo,.live-table,.live-progress-card,.live-settings-card,.live-tabs-card,.live-social-card,.live-tool-card,.live-menu-card,.live-link-card,.live-icon-button-card,.live-button-card,.live-content-card,.live-skeleton-card,.live-empty-card,.live-fab-card,.live-spinner-card,.live-upload-card,.live-slider-card,.live-calendar-card,.live-nav-card,.live-accordion-card,.live-drawer-card,.live-popover-card,.live-carousel-card,.live-list-card,.live-timeline-card,.live-rating-card,.live-message-card,.live-filter-card,.live-sort-card,.live-command-card,.live-media-card,.live-cart-card,.live-generic-card,.live-layout-demo,.live-style-demo,.live-motion-demo,.live-pattern-demo){min-height:238px}.component-tile-copy{min-width:0;display:grid;gap:3px}.component-tile-copy strong,.component-tile-copy em,.component-tile-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-tile-copy strong{font-size:17px;line-height:1.2;font-weight:850}.component-tile-copy em{color:#606060;font-size:12px;font-style:normal;font-weight:650}.component-tile-copy span{color:#8a8a8a;font-size:12px}.entry-row{width:100%;min-height:96px;display:grid;grid-template-columns:44px minmax(180px,278px) minmax(0,1fr) 30px;align-items:center;gap:18px;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;transition:background .17s ease,transform .17s ease}.entry-row:hover,.entry-row.active{background:linear-gradient(90deg,transparent,rgba(0,0,0,.025),transparent)}.entry-row:hover{transform:translate(2px)}.entry-index{width:26px;height:26px;display:inline-grid;place-items:center;justify-self:start;border-radius:50%;background:#050505;color:#fff;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.entry-copy{min-width:0;display:grid;gap:7px}.entry-copy strong{display:flex;align-items:baseline;gap:12px;font-size:20px;line-height:1.1;font-weight:800;letter-spacing:0}.entry-copy em{color:#6f6f6f;font-size:16px;font-style:normal;font-weight:500}.entry-copy span{color:var(--muted);font-size:14px;line-height:1.45}.entry-copy span b{display:inline-block;margin-right:8px;color:#111;font-size:12px;font-weight:850}.clear-button{align-self:center;min-height:44px;margin-top:22px;display:inline-flex;align-items:center;gap:8px;padding:0 20px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:#5d5d5d;font-weight:600}.clear-button:hover{color:var(--ink);border-color:#bcbcbc}.detail-panel{position:relative;padding:14px 0 0 48px;border-left:1px solid var(--line)}.answer-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:start;padding-bottom:28px;border-bottom:1px solid var(--line)}.answer-icon{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:50%;background:#050505;color:#fff}.answer-heading h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:18px;margin:2px 0 16px;font-size:28px;line-height:1.15;font-weight:850;letter-spacing:0}.answer-heading h2 span{font-size:21px;font-weight:500}.answer-heading p{max-width:590px;margin:0;color:#232323;font-size:16px;line-height:1.7}.answer-section{padding:28px 0;border-bottom:1px solid var(--line)}.answer-section h3,.info-grid h3{margin:0 0 18px;font-size:17px;line-height:1.3;font-weight:750}.detail-ai-section{display:grid;gap:14px}.detail-ai-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-ai-heading h3{margin:0}.detail-ai-heading p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.detail-ai-action{min-width:112px;min-height:40px;flex:0 0 auto;padding:0 14px}.detail-ai-preview{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfbfb}.detail-ai-preview span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.detail-ai-preview strong{color:#111;font-size:16px;font-weight:900;line-height:1.25}.detail-ai-preview p{margin:0;color:#4c4c4c;font-size:14px;line-height:1.5}.preview-stage{min-height:206px;display:grid;place-items:center}.device-mode-mobile .preview-stage{min-height:580px}.mobile-live-frame{width:min(100%,318px);min-height:546px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:10px;border:2px solid #111111;border-radius:34px;background:#101010;box-shadow:0 18px 44px #00000024}.mobile-live-top{height:22px;display:grid;place-items:center}.mobile-live-top span{width:72px;height:5px;border-radius:999px;background:#303030}.mobile-live-screen{min-width:0;min-height:470px;display:grid;place-items:center;align-content:center;padding:12px;border-radius:24px;background:#fff;overflow:hidden}.mobile-live-home{width:92px;height:5px;justify-self:center;border-radius:999px;background:#303030}.mobile-ui-preview{place-self:stretch;width:100%;min-height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:#f8fafc;color:#111827}.mobile-ui-status,.mobile-ui-appbar{display:grid;align-items:center}.mobile-ui-status{grid-template-columns:auto 1fr auto;gap:8px;padding:2px 8px 6px;font-size:10px;font-weight:900}.mobile-ui-status b{height:4px;justify-self:end;width:22px;border-radius:999px;background:#111827}.mobile-ui-appbar{grid-template-columns:28px minmax(0,1fr) 28px;min-height:38px;padding:0 8px 8px;gap:8px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.mobile-ui-appbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:13px;font-weight:900}.mobile-ui-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#111827;font-size:16px;font-weight:900}.mobile-ui-content{min-height:0;display:grid;align-content:start;gap:10px;padding:12px;overflow:hidden}.mobile-ui-hero{min-height:118px;display:grid;align-content:end;gap:7px;padding:14px;border-radius:18px;background:#111827;color:#fff}.mobile-ui-hero b,.mobile-ui-product b,.mobile-ui-feedback-screen article b,.mobile-ui-otp-screen section b{font-size:16px;font-weight:900}.mobile-ui-hero span,.mobile-ui-product span,.mobile-ui-feedback-screen article span,.mobile-ui-otp-screen section span{color:#64748b;font-size:11px;line-height:1.35}.mobile-ui-hero span{color:#cbd5e1}.mobile-ui-feed article,.mobile-ui-list-screen article,.mobile-ui-search article,.mobile-ui-feedback-screen article,.mobile-ui-action-screen article{min-height:54px;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:9px;padding:8px;border-radius:14px;background:#fff}.mobile-ui-feed article i,.mobile-ui-list-screen article i,.mobile-ui-search article i,.mobile-ui-action-screen article i{width:38px;height:38px;border-radius:12px;background:#dbeafe}.mobile-ui-feed article b,.mobile-ui-feed article span,.mobile-ui-list-screen article span,.mobile-ui-list-screen article em,.mobile-ui-search article span,.mobile-ui-search article em,.mobile-ui-feedback-screen article span,.mobile-ui-action-screen article span,.mobile-ui-action-screen article em{height:7px;border-radius:999px;background:#cbd5e1}.mobile-ui-feed article b,.mobile-ui-list-screen article span,.mobile-ui-search article span,.mobile-ui-action-screen article span{width:90%}.mobile-ui-card-screen section{min-height:168px;display:grid;align-content:end;gap:8px;padding:14px;border-radius:22px;background:#fff;box-shadow:0 10px 24px #0f172a14}.mobile-ui-card-screen section i{min-height:70px;border-radius:16px;background:#dbeafe}.mobile-ui-card-screen section b{font-size:16px;font-weight:900}.mobile-ui-card-screen section span{color:#64748b;font-size:11px;line-height:1.4}.mobile-ui-card-screen article{min-height:62px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:9px;border-radius:16px;background:#fff}.mobile-ui-card-screen article i{width:44px;height:44px;border-radius:14px;background:#f1f5f9}.mobile-ui-card-screen article div{display:grid;gap:7px}.mobile-ui-card-screen article b,.mobile-ui-card-screen article span{height:7px;border-radius:999px;background:#cbd5e1}.mobile-ui-card-screen article b{width:86%;background:#94a3b8}.mobile-ui-tabbar,.mobile-ui-buybar{align-self:end;display:grid;align-items:center;margin:0 10px 10px;border-radius:20px;background:#fff;box-shadow:0 -12px 24px #0f172a1a}.mobile-ui-tabbar{grid-template-columns:repeat(4,1fr);min-height:54px;padding:8px}.mobile-ui-tabbar b{width:26px;height:26px;justify-self:center;border-radius:10px;background:#e5e7eb}.mobile-ui-tabbar b.active{background:#111827}.mobile-ui-search label{min-height:42px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;border-radius:999px;background:#fff;color:#64748b;font-size:12px;font-weight:750}.mobile-ui-chip-row{display:flex;gap:7px;overflow:hidden}.mobile-ui-chip-row b{flex:0 0 auto;min-height:28px;display:inline-grid;place-items:center;padding:0 10px;border-radius:999px;background:#111827;color:#fff;font-size:10px;font-weight:850}.mobile-ui-form section,.mobile-ui-form label,.mobile-ui-primary,.mobile-ui-otp-screen section,.mobile-ui-otp-screen>div,.mobile-ui-picker-screen section,.mobile-ui-map-screen article{border-radius:16px;background:#fff}.mobile-ui-form section{display:grid;gap:5px;padding:12px}.mobile-ui-form section span,.mobile-ui-form label span{color:#64748b;font-size:10px;font-weight:800}.mobile-ui-form label{display:grid;gap:7px;padding:10px 12px}.mobile-ui-form label i{height:16px;border-radius:999px;background:#e5e7eb}.mobile-ui-primary{min-height:44px;display:grid;place-items:center;background:#111827;color:#fff;font-size:12px;font-weight:900}.mobile-ui-otp-screen{align-content:center}.mobile-ui-otp-screen section{display:grid;gap:6px;padding:14px}.mobile-ui-otp-screen>div:not(.mobile-ui-primary){display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:10px}.mobile-ui-otp-screen i{height:42px;display:grid;place-items:center;border:1px solid #cbd5e1;border-radius:12px;color:#111827;font-weight:900}.mobile-ui-bottom-panel{align-self:end;display:grid;gap:8px;margin-top:auto;padding:12px;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -14px 32px #0f172a29}.mobile-ui-bottom-panel>b{width:38px;height:4px;justify-self:center;border-radius:999px;background:#cbd5e1}.mobile-ui-bottom-panel strong{font-size:14px;font-weight:900}.mobile-ui-bottom-panel span{color:#64748b;font-size:11px;line-height:1.4}.mobile-ui-panel-actions{display:grid;gap:7px}.mobile-ui-panel-actions i{height:32px;border-radius:12px;background:#f1f5f9}.mobile-ui-bottom-panel.actions .mobile-ui-panel-actions i:last-child{background:#fee2e2}.mobile-ui-floating-message{position:absolute;left:24px;right:24px;bottom:76px;min-height:38px;display:grid;place-items:center;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:900;box-shadow:0 10px 26px #0f172a38}.mobile-ui-floating-message.banner{top:84px;bottom:auto;border-radius:14px;background:#eff6ff;color:#1d4ed8}.mobile-ui-permission{position:absolute;left:20px;right:20px;bottom:28px;display:grid;gap:8px;padding:14px;border-radius:18px;background:#fff;box-shadow:0 18px 42px #0f172a33}.mobile-ui-permission strong{font-size:15px}.mobile-ui-permission span{color:#64748b;font-size:11px}.mobile-ui-permission div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-ui-permission i{height:34px;border-radius:999px;background:#e5e7eb}.mobile-ui-permission i:last-child{background:#111827}.mobile-ui-product section{min-height:170px;border-radius:22px;background:linear-gradient(135deg,#e0f2fe,#bfdbfe)}.mobile-ui-price-row{display:grid;grid-template-columns:1fr 28px 28px 28px;align-items:center;gap:6px}.mobile-ui-price-row strong{font-size:18px}.mobile-ui-price-row i,.mobile-ui-price-row em{height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#111827;font-style:normal;font-weight:900}.mobile-ui-buybar{grid-template-columns:minmax(0,1fr) auto;min-height:56px;gap:10px;padding:8px 10px}.mobile-ui-buybar span{font-size:12px;font-weight:900}.mobile-ui-buybar b{min-height:38px;display:inline-grid;place-items:center;padding:0 14px;border-radius:999px;background:#111827;color:#fff;font-size:12px}.mobile-ui-camera{background:#0f172a;color:#fff}.mobile-ui-camera section{min-height:250px;display:grid;place-items:center;border-radius:22px;background:#111827}.mobile-ui-camera.scanner section{position:relative;grid-template-columns:repeat(2,44px);grid-template-rows:repeat(2,44px);gap:68px}.mobile-ui-camera.scanner section i{width:44px;height:44px;border-color:#38bdf8;border-style:solid}.mobile-ui-camera.scanner section i:nth-child(1){border-width:3px 0 0 3px}.mobile-ui-camera.scanner section i:nth-child(2){border-width:3px 3px 0 0}.mobile-ui-camera.scanner section i:nth-child(3){border-width:0 0 3px 3px}.mobile-ui-camera.scanner section i:nth-child(4){border-width:0 3px 3px 0}.mobile-ui-camera>div,.mobile-ui-camera footer{display:grid;align-items:center}.mobile-ui-camera>div{grid-template-columns:34px 1fr;gap:8px}.mobile-ui-camera>div b,.mobile-ui-camera>div span{height:8px;border-radius:999px;background:#334155}.mobile-ui-camera footer{grid-template-columns:1fr 54px 1fr;gap:18px;justify-items:center}.mobile-ui-camera footer b{width:54px;height:54px;border:5px solid #fff;border-radius:50%}.mobile-ui-camera footer i{width:34px;height:34px;border-radius:50%;background:#334155}.mobile-ui-picker-screen section{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.mobile-ui-picker-screen i{aspect-ratio:1;border-radius:12px;background:#e5e7eb}.mobile-ui-picker-screen i.active{background:#111827}.mobile-ui-map-screen section{min-height:285px;position:relative;border-radius:22px;background:linear-gradient(90deg,rgba(148,163,184,.35) 1px,transparent 1px),linear-gradient(180deg,rgba(148,163,184,.35) 1px,transparent 1px),#e0f2fe;background-size:36px 36px}.mobile-ui-map-screen section i,.mobile-ui-map-screen section b{position:absolute;border-radius:50%}.mobile-ui-map-screen section i{left:45%;top:40%;width:24px;height:24px;background:#ef4444;box-shadow:0 0 0 10px #ef444429}.mobile-ui-map-screen section b{right:18px;bottom:18px;width:42px;height:42px;background:#111827}.mobile-ui-map-screen article{display:grid;gap:5px;padding:12px}.mobile-ui-map-screen strong{font-size:14px}.mobile-ui-map-screen span{color:#64748b;font-size:11px}.mobile-ui-refresh-dot{width:28px;height:28px;justify-self:center;border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:spin .9s linear infinite}.mobile-ui-list-screen article.revealed{grid-template-columns:38px minmax(0,1fr) 56px}.mobile-ui-list-screen article.revealed em{height:38px;display:grid;place-items:center;border-radius:12px;background:#fee2e2}.mobile-ui-carousel-dots{display:flex;gap:5px;justify-content:center}.mobile-ui-carousel-dots b{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.mobile-ui-carousel-dots b:first-child{width:18px;border-radius:999px;background:#111827}.mobile-ui-empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:8px;color:#111827;text-align:center}.mobile-ui-empty-state b{font-size:15px}.mobile-ui-empty-state span{max-width:190px;color:#64748b;font-size:11px;line-height:1.4}.mobile-live-screen .variant-preview-shell{width:100%;min-height:100%;border:0;border-radius:18px;padding:10px;background:#f7f7f7}.mobile-live-screen .variant-preview-badge{justify-content:flex-start}.mobile-live-screen :is(.live-card,.live-modal-scene,.live-alert-demo,.live-table,.live-progress-card,.live-settings-card,.live-tabs-card,.live-social-card,.live-tool-card,.live-menu-card,.live-link-card,.live-icon-button-card,.live-button-card,.live-content-card,.live-skeleton-card,.live-empty-card,.live-fab-card,.live-spinner-card,.live-upload-card,.live-slider-card,.live-calendar-card,.live-nav-card,.live-accordion-card,.live-drawer-card,.live-popover-card,.live-carousel-card,.live-list-card,.live-timeline-card,.live-rating-card,.live-message-card,.live-filter-card,.live-sort-card,.live-command-card,.live-media-card,.live-cart-card,.live-generic-card,.live-layout-demo,.live-style-demo,.live-motion-demo,.live-pattern-demo){width:100%;min-height:330px;border-radius:14px}.mobile-live-screen :is(.live-form-card,.live-progress-card,.live-tool-card,.live-tabs-card,.live-menu-card,.live-link-card,.live-button-card,.live-content-card,.live-skeleton-card,.live-empty-card,.live-fab-card,.live-spinner-card,.live-upload-card,.live-slider-card,.live-calendar-card,.live-nav-card,.live-accordion-card,.live-drawer-card,.live-popover-card,.live-carousel-card,.live-list-card,.live-timeline-card,.live-rating-card,.live-message-card,.live-filter-card,.live-sort-card,.live-command-card,.live-media-card,.live-cart-card,.live-generic-card){gap:10px;padding:14px}.mobile-live-screen :is(.live-button-card,.live-sort-card,.live-media-card,.live-cart-card){grid-template-columns:1fr}.mobile-live-screen :is(.live-content-card,.live-skeleton-card){grid-template-columns:1fr;align-content:start}.mobile-live-screen :is(.live-content-card i,.live-skeleton-card i){width:100%;height:86px;grid-row:auto}.mobile-live-screen .live-dialog{width:min(100%,260px)}.mobile-live-screen .live-table{font-size:12px}.mobile-live-screen .live-table th,.mobile-live-screen .live-table td{padding:8px 6px}.mobile-live-screen .live-icon-button-card{grid-template-columns:repeat(3,48px)}.mobile-live-screen .live-icon-button-card button{width:48px;height:48px}.mobile-live-screen .detailed-layout,.mobile-live-screen .detailed-pattern{min-height:330px;padding:10px}.mobile-live-screen :is(.layout-dashboard-scene,.layout-app-scene,.layout-settings-scene,.layout-checkout-scene,.layout-three-scene,.layout-detail-scene,.layout-profile-scene,.layout-landing-scene,.layout-search-scene,.pattern-filter-scene,.pattern-checkout-scene){grid-template-columns:1fr}.mobile-live-screen .layout-dashboard-scene main{grid-template-columns:1fr}.preview-context{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:1px;margin-top:18px;border:1px solid var(--line);background:var(--line)}.preview-context div{min-width:0;display:grid;gap:7px;padding:13px 14px;background:#fff}.preview-context span{color:#777;font-size:12px;font-weight:750}.preview-context p{margin:0;color:#171717;font-size:13px;line-height:1.45}.variant-preview-shell{width:min(100%,560px);display:grid;gap:10px;justify-items:stretch;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fafafa}.variant-preview-shell>:not(.variant-preview-badge){width:100%;justify-self:stretch}.variant-preview-badge{display:flex;justify-content:flex-end;min-height:26px}.variant-preview-badge span{display:inline-flex;align-items:center;min-width:0;max-width:100%;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#333;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-preview-shell.variant-outline{background:#fff}.variant-preview-shell.variant-danger{border-color:#dc262647;background:var(--red-soft)}.variant-preview-shell.variant-success{border-color:#16a34a47;background:var(--green-soft)}.variant-preview-shell.variant-warning{border-color:#d9770647;background:var(--amber-soft)}.variant-preview-shell.variant-dark{border-color:#111;background:#111}.variant-preview-shell.variant-dark .variant-preview-badge span{border-color:#ffffff2e;background:#ffffff1a;color:#fff}.variant-preview-shell.variant-compact{padding:7px}.variant-preview-shell.variant-spacious{padding:16px}.live-card,.live-modal-scene,.live-alert-demo,.live-table,.live-progress-card,.live-settings-card,.live-tabs-card,.live-social-card,.live-tool-card,.live-menu-card,.live-link-card,.live-icon-button-card,.live-button-card,.live-content-card,.live-skeleton-card,.live-empty-card,.live-fab-card,.live-spinner-card,.live-upload-card,.live-slider-card,.live-calendar-card,.live-nav-card,.live-accordion-card,.live-drawer-card,.live-popover-card,.live-carousel-card,.live-list-card,.live-timeline-card,.live-rating-card,.live-message-card,.live-filter-card,.live-sort-card,.live-command-card,.live-media-card,.live-cart-card,.live-taxonomy-card,.live-generic-card,.live-layout-demo,.live-style-demo,.live-motion-demo,.live-pattern-demo{width:min(100%,520px);min-height:178px;border:1px solid var(--line);border-radius:12px;background:#fff}.live-form-card,.live-progress-card,.live-tool-card,.live-tabs-card,.live-menu-card,.live-action-sheet-card,.live-link-card,.live-icon-button-card,.live-button-card,.live-content-card,.live-skeleton-card,.live-empty-card,.live-fab-card,.live-spinner-card,.live-upload-card,.live-slider-card,.live-calendar-card,.live-nav-card,.live-accordion-card,.live-drawer-card,.live-popover-card,.live-carousel-card,.live-list-card,.live-timeline-card,.live-rating-card,.live-message-card,.live-filter-card,.live-sort-card,.live-command-card,.live-media-card,.live-cart-card,.live-taxonomy-card,.live-generic-card{display:grid;gap:12px;padding:20px}.live-form-card label,.live-progress-card strong,.live-tool-card strong,.live-taxonomy-card strong,.live-generic-card strong{font-size:16px;font-weight:800}.live-taxonomy-card{align-content:center}.live-taxonomy-card small,.live-taxonomy-card span,.live-taxonomy-card p{color:var(--muted);font-size:13px;line-height:1.55}.live-taxonomy-card h4{margin:0;font-size:28px;line-height:1.05}.live-taxonomy-card button{min-height:32px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:#111;font-size:12px;font-weight:800}.taxonomy-icons div,.taxonomy-status div,.taxonomy-a11y section,.taxonomy-react section,.taxonomy-keys,.taxonomy-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.taxonomy-icons button,.taxonomy-a11y button{width:40px;min-height:40px;display:grid;place-items:center;padding:0}.taxonomy-divider section{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:16px}.taxonomy-divider section span,.taxonomy-divider section i{height:1px;background:#dcdcdc}.taxonomy-divider section i{width:1px;height:54px;justify-self:center}.taxonomy-divider footer,.taxonomy-panel footer,.taxonomy-default footer{display:flex;gap:8px}.taxonomy-divider footer b,.taxonomy-panel footer i{flex:1;height:8px;border-radius:999px;background:#e8e8e8}.taxonomy-panel header,.taxonomy-chart header,.taxonomy-code header,.taxonomy-react header{display:flex;justify-content:space-between;gap:12px;align-items:center;min-width:0}.taxonomy-panel header span,.taxonomy-react header span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:#111;font-weight:800}.taxonomy-code pre{margin:0;overflow:auto;border-radius:8px;background:#0d0d0d;color:#f7f7f7;padding:14px;font-size:12px;line-height:1.5}.taxonomy-keys kbd{min-width:44px;padding:8px 10px;border:1px solid var(--line-strong);border-bottom-width:3px;border-radius:7px;background:#fafafa;color:#111;text-align:center;font-size:12px;font-weight:900}.taxonomy-status span{padding:7px 10px;border-radius:999px;color:#111;font-weight:850}.taxonomy-status .ok{background:var(--green-soft);color:var(--green)}.taxonomy-status .warn{background:var(--amber-soft);color:var(--amber)}.taxonomy-status .bad{background:var(--red-soft);color:var(--red)}.taxonomy-chart>div{height:92px;display:flex;align-items:end;gap:10px;padding:10px 12px 0;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.taxonomy-chart i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#111,#777)}.taxonomy-editor section{min-height:90px;border:1px solid var(--line);border-radius:9px;padding:16px;background:#fbfbfb}.taxonomy-toolbar{padding:6px;border:1px solid var(--line);border-radius:9px;background:#fff}.taxonomy-toolbar span{margin-left:auto}.taxonomy-security label{display:grid;gap:6px;font-size:12px;font-weight:800}.taxonomy-security input{min-height:38px;border:1px solid var(--line);border-radius:8px;padding:0 10px}.taxonomy-security div{display:flex;gap:8px}.taxonomy-map section{position:relative;min-height:102px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:linear-gradient(90deg,transparent 48%,#dddddd 49%,transparent 51%),linear-gradient(0deg,transparent 48%,#dddddd 49%,transparent 51%),#f7f7f7}.taxonomy-map section i,.taxonomy-map section b{position:absolute;width:16px;height:16px;border-radius:50%;background:#111}.taxonomy-map section i:first-child{left:22%;top:28%}.taxonomy-map section i:nth-child(2){right:28%;top:54%}.taxonomy-map section b{left:52%;top:34%;background:var(--blue)}.taxonomy-help>div,.taxonomy-i18n div{min-height:38px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:0 12px}.taxonomy-i18n div{justify-content:space-between;border-radius:8px}.taxonomy-i18n b{color:#111}.taxonomy-a11y label,.taxonomy-a11y article,.taxonomy-a11y figure,.taxonomy-a11y ul,.taxonomy-a11y-contrast section,.taxonomy-a11y-motion section,.taxonomy-a11y-target section,.taxonomy-i18n pre,.taxonomy-i18n article,.taxonomy-i18n section{margin:0;display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fbfbfb}.taxonomy-a11y label input{min-height:36px;border:1px solid var(--line-strong);border-radius:7px;padding:0 10px;color:#111}.taxonomy-a11y-structure section{display:grid;grid-template-columns:.72fr 1fr;gap:8px}.taxonomy-a11y-structure b,.taxonomy-a11y-testing li{min-height:28px;display:grid;place-items:center;border-radius:7px;background:#fff;color:#111;font-size:12px;font-weight:850}.taxonomy-a11y-announcement article{grid-template-columns:14px 1fr;align-items:center}.taxonomy-a11y-announcement i,.taxonomy-a11y-contrast i{width:12px;height:12px;border-radius:50%;background:var(--green)}.taxonomy-a11y-contrast section{grid-template-columns:auto 1fr 24px;align-items:center;background:#111}.taxonomy-a11y-contrast b,.taxonomy-a11y-contrast span{color:#fff;font-weight:900}.taxonomy-a11y-motion section,.taxonomy-a11y-target section{display:flex;align-items:center;justify-content:space-between}.taxonomy-a11y-motion button,.taxonomy-a11y-target button{min-width:56px;min-height:44px;background:#111;color:#fff}.taxonomy-a11y-alt figure{grid-template-columns:74px 1fr;align-items:center}.taxonomy-a11y-alt figure i{min-height:58px;border-radius:8px;background:linear-gradient(135deg,#111 0,#111 45%,#e5e7eb 45%,#e5e7eb)}.taxonomy-a11y-testing ul{list-style:none;grid-template-columns:repeat(3,1fr)}.taxonomy-i18n pre{overflow:auto;background:#111;color:#fff;font-size:12px}.taxonomy-i18n-text article b{height:9px;border-radius:999px;background:#d7d7d7}.taxonomy-i18n-text article b.long{width:130%;max-width:100%;background:#111}.taxonomy-i18n-search div,.taxonomy-i18n-compliance section{border-radius:9px}.taxonomy-a11y .focused{outline:3px solid #111;outline-offset:2px}.taxonomy-react section{padding:14px;border:1px solid var(--line);border-radius:9px;background:#fbfbfb;min-width:0;overflow-wrap:anywhere}.taxonomy-react header strong,.taxonomy-react section b{min-width:0;overflow-wrap:anywhere}.taxonomy-react section i{width:32px;height:1px;background:#d7d7d7}.taxonomy-react .react-preview-prompt,.taxonomy-react .react-preview-context,.taxonomy-react .react-preview-tool,.taxonomy-react .react-preview-feedback,.taxonomy-react .react-preview-ai,.taxonomy-react .react-preview-filter,.taxonomy-react .react-preview-list,.taxonomy-react .react-preview-control,.taxonomy-react .react-preview-playground,.taxonomy-react .react-preview-state,.taxonomy-react .react-preview-surface{display:grid;align-items:stretch;gap:8px;flex-wrap:initial}.taxonomy-react textarea,.taxonomy-react input,.taxonomy-react pre{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:#111;font:inherit;font-size:12px}.taxonomy-react textarea{min-height:64px;resize:none;padding:8px}.taxonomy-react input{min-height:32px;padding:0 8px}.taxonomy-react pre{margin:0;padding:10px;overflow:hidden}.taxonomy-react footer,.taxonomy-react nav,.taxonomy-react .react-preview-feedback div,.taxonomy-react .react-preview-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.taxonomy-react article,.taxonomy-react aside,.taxonomy-react main,.taxonomy-react .react-preview-tool b{display:grid;gap:4px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.taxonomy-react button{min-height:30px;border:1px solid var(--line);border-radius:7px;padding:0 9px;background:#fff;color:#111;font-weight:850}.taxonomy-react button.active,.taxonomy-react article.active,.taxonomy-react .react-preview-tool .done{border-color:#111827;background:#111827;color:#fff}.taxonomy-react .react-preview-context{grid-template-columns:.85fr 1fr}.taxonomy-react .react-preview-ai{justify-items:start}.taxonomy-react .meter{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#e5e7eb}.taxonomy-react .meter i{width:62%;height:100%;display:block;background:#111827}.taxonomy-mobile{justify-items:center}.taxonomy-mobile>.mobile-preview-phone{width:132px;height:204px}.taxonomy-mobile>.mobile-preview-phone+strong{color:#111;font-size:15px}.taxonomy-mobile .taxonomy-phone{display:none}.taxonomy-phone{width:178px;min-height:220px;display:grid;grid-template-rows:34px 1fr 52px;overflow:hidden;border:8px solid #111;border-radius:26px;background:#fff}.taxonomy-phone header,.taxonomy-phone footer{display:grid;place-items:center;border-bottom:1px solid var(--line);font-size:12px;font-weight:850}.taxonomy-phone main{display:grid;gap:8px;padding:12px}.taxonomy-phone main i{border-radius:8px;background:#eee}.live-form-card textarea,.live-form-card input,.pattern-panel input{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:8px;padding:0 12px;color:#111;background:#fff}.live-form-card textarea{min-height:82px;padding-top:12px;resize:none}.live-form-card small{color:var(--muted)}.live-input{min-height:48px;display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:9px;padding:0 12px}.live-input.info{border-color:#2563eb47;background:var(--blue-soft);color:var(--blue)}.live-input input{min-height:0;border:0;padding:0;background:transparent}.live-input span{padding:4px 8px;border-radius:999px;color:var(--blue);background:#fff;font-size:12px;font-weight:750}.variant-danger.live-form-card input,.variant-danger.live-form-card textarea,.variant-danger .live-input{border-color:#dc262680;background:var(--red-soft)}.variant-danger.live-form-card small{color:var(--red);font-weight:750}.variant-muted.live-form-card,.variant-muted .live-input{opacity:.72}.variant-outline.live-form-card input,.variant-outline.live-form-card textarea,.variant-outline .live-input,.variant-outline.live-card,.variant-outline.live-content-card{border-style:dashed}.live-modal-scene{position:relative;overflow:hidden;display:grid;place-items:center;background:#f7f7f7}.live-page-lines{position:absolute;top:22px;right:22px;bottom:22px;left:22px;display:grid;gap:12px;align-content:start}.live-page-lines i{display:block;height:14px;border-radius:999px;background:#dedede}.live-page-lines i:nth-child(2){width:72%}.live-page-lines i:nth-child(3){width:46%}.live-dialog{position:relative;width:min(88%,330px);display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 50px #00000021}.live-dialog strong{font-size:18px}.live-dialog span{color:var(--muted);font-size:14px;line-height:1.55}.live-dialog div{display:flex;justify-content:flex-end;gap:8px}.live-dialog button,.pattern-panel button,.live-toolbar button{min-height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:#111;font-weight:700}.live-dialog button.danger,.pattern-panel button.danger{border-color:var(--red);background:var(--red);color:#fff}.live-modal-scene.variant-bottom{place-items:end center}.live-modal-scene.variant-bottom .live-dialog{width:min(100%,420px);border-radius:16px 16px 0 0}.live-modal-scene.variant-fullscreen .live-dialog{width:min(100%,470px);min-height:150px;border-radius:6px}.live-modal-scene.variant-danger .live-dialog{border-color:#dc262659}.live-alert-demo{display:grid;place-items:center;padding:18px}.live-alert{width:min(100%,400px);min-height:68px;display:grid;grid-template-columns:24px 1fr 18px;align-items:center;gap:12px;padding:12px 14px;border-radius:10px}.live-alert-demo.success .live-alert{border:1px solid rgba(22,163,74,.25);background:var(--green-soft);color:var(--green)}.live-alert-demo.warning .live-alert{border:1px solid rgba(217,119,6,.25);background:var(--amber-soft);color:var(--amber)}.live-alert-demo.danger .live-alert{border:1px solid rgba(220,38,38,.25);background:var(--red-soft);color:var(--red)}.live-alert strong{display:block;color:#111;font-size:15px}.live-alert span{color:#555;font-size:13px}.live-alert-demo.variant-compact .live-alert{min-height:52px;padding:8px 10px}.live-table{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.live-table b,.live-table span{min-height:44px;display:flex;align-items:center;padding:0 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.live-table b{background:#f7f7f7;font-weight:850}.live-table.variant-grouped b{background:#111;color:#fff}.live-table.variant-danger span:nth-child(9){background:var(--red-soft)}.danger-text{color:var(--red);font-weight:750}.success-text{color:var(--green);font-weight:750}.live-progress-bar{height:12px;overflow:hidden;border-radius:999px;background:#e8eefc}.live-progress-bar i{display:block;width:62%;height:100%;background:var(--blue)}.variant-loading .live-progress-bar i{width:44%;background:linear-gradient(90deg,var(--blue),#a7c7ff,var(--blue));background-size:180% 100%;animation:shimmer 1.1s linear infinite}.live-progress-card span,.live-tool-card p,.live-generic-card p,.live-content-block p{color:var(--muted);font-size:14px;line-height:1.6}.live-settings-card{display:grid;gap:14px;padding:20px}.live-settings-card label{min-height:44px;display:flex;align-items:center;gap:12px}.live-settings-card input[type=checkbox],.live-settings-card input[type=radio]{accent-color:var(--blue);width:18px;height:18px}.live-settings-card input[type=range]{accent-color:var(--blue)}.live-settings-card.variant-muted{opacity:.68}.live-settings-card.variant-success label:first-child{color:var(--green);font-weight:800}.live-toggle{justify-content:space-between}.live-toggle i{width:46px;height:28px;border-radius:999px;background:var(--green)}.variant-muted .live-toggle i{background:#d8d8d8}.live-menu-card{align-content:center;justify-items:center;background:linear-gradient(180deg,#fff,#fafafa)}.live-menu-trigger{width:min(100%,280px);min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;font-weight:800}.live-menu-trigger svg{transform:rotate(90deg)}.live-menu-popover{width:min(100%,280px);display:grid;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 18px 45px #0000001f}.live-menu-popover span{min-height:38px;display:flex;align-items:center;padding:0 10px;border-radius:7px;font-size:14px;font-weight:650}.live-menu-popover span:first-child{background:#f3f3f3}.live-menu-card.dropdown .live-menu-popover span:first-child{background:var(--blue-soft);color:var(--blue)}.live-menu-card.variant-grouped .live-menu-popover span:nth-child(2){padding-left:20px}.live-link-card{align-content:center}.live-link-card>span{width:fit-content;display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:800}.live-link-card>svg{display:none}.live-link-card strong{font-size:20px}.live-link-card p{max-width:380px;color:var(--muted);line-height:1.6}.live-icon-button-card{grid-template-columns:repeat(3,54px);place-content:center}.live-icon-button-card button{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:#fff;color:#111}.live-icon-button-card button:first-child{background:#111;color:#fff}.live-icon-button-card.variant-outline button{border-radius:10px;background:#fff;color:#111}.live-icon-button-card.variant-danger button:last-child{border-color:var(--red);background:var(--red);color:#fff}.live-button-card{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;align-items:center}.live-button-card button{min-height:46px;border:1px solid #111;border-radius:9px;background:#fff;color:#111;font-weight:850}.live-button-card button:first-child{background:#111;color:#fff}.live-button-card button.danger{border-color:var(--red);background:var(--red);color:#fff}.live-button-card.variant-outline button:first-child{background:#fff;color:#111}.live-button-card.variant-textual button{border-color:transparent;background:transparent;color:#111}.live-button-card.variant-textual button:first-child{text-decoration:underline;text-underline-offset:4px}.live-button-card.variant-media{grid-template-columns:repeat(3,54px);place-content:center}.live-button-card.variant-media button{width:54px;min-width:54px;height:54px;padding:0;border-radius:50%;font-size:0}.live-button-card.variant-media button:before{content:"";width:18px;height:18px;border-radius:5px;background:currentColor}.live-button-card.variant-danger button:first-child,.live-button-card.variant-danger button.danger{border-color:var(--red);background:var(--red);color:#fff}.live-button-card.variant-success button:first-child{border-color:#111;background:#111;color:#fff}.live-content-card{grid-template-columns:92px 1fr;align-content:center;align-items:center}.live-content-card i{width:92px;height:78px;grid-row:span 3;border-radius:12px;background:linear-gradient(135deg,#ececec,#f8f8f8)}.live-content-card.variant-media i,.live-social-card.variant-media .live-avatar{background:linear-gradient(135deg,#111111,var(--blue));color:#fff}.live-content-card.variant-compact{grid-template-columns:62px 1fr;padding:14px}.live-content-card.variant-compact i{width:62px;height:54px}.live-content-card p{color:var(--muted);line-height:1.55}.live-content-card button,.live-empty-card button{width:fit-content;min-height:38px;padding:0 14px;border:1px solid #111;border-radius:8px;background:#111;color:#fff;font-weight:800}.live-skeleton-card{grid-template-columns:86px 1fr;align-content:center;align-items:center}.live-skeleton-card i{width:86px;height:76px;grid-row:span 3;border-radius:12px}.live-skeleton-card b{height:12px;border-radius:999px}.live-skeleton-card i,.live-skeleton-card b{background:linear-gradient(90deg,#e8e8e8,#f7f7f7,#e8e8e8);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.live-skeleton-card b:nth-child(3){width:76%}.live-skeleton-card b:nth-child(4){width:48%}.live-empty-card{place-items:center;align-content:center;text-align:center}.live-empty-card svg{color:#777}.live-empty-card span{color:var(--muted);font-size:14px}.live-fab-card{position:relative;align-content:center;overflow:hidden;background:#fafafa}.live-fab-card i{height:12px;border-radius:999px;background:#e4e4e4}.live-fab-card i:nth-child(2){width:72%}.live-fab-card i:nth-child(3){width:48%}.live-fab-card button{position:absolute;right:24px;bottom:22px;width:56px;height:56px;border:0;border-radius:50%;background:#111;color:#fff;box-shadow:0 16px 34px #00000038;font-size:28px;font-weight:800;animation:floatPreview 1.8s ease-in-out infinite}.live-fab-card.variant-spacious button{width:auto;min-width:112px;border-radius:999px;padding:0 18px;font-size:16px}.live-fab-card.variant-compact button{width:44px;height:44px;font-size:22px}.live-spinner-card,.live-upload-card,.live-slider-card,.live-rating-card{place-items:center;align-content:center;text-align:center}.live-spinner-card i{width:48px;height:48px;border:4px solid #e6e6e6;border-top-color:#111;border-radius:50%;animation:spin .9s linear infinite}.live-upload-card{border-style:dashed;background:var(--blue-soft)}.live-upload-card.variant-media{background:#fff}.live-upload-card strong,.live-slider-card strong,.live-spinner-card strong{font-size:17px}.live-upload-card span,.live-slider-card span,.live-spinner-card span{color:var(--muted);font-size:14px}.live-slider-card input{width:min(100%,320px);accent-color:var(--blue)}.live-switcher-card,.live-quantity-stepper-card{min-height:260px;display:grid;align-content:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.live-switcher-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-switcher-card header span,.live-switcher-card small,.live-quantity-stepper-card small{color:var(--muted);font-size:12px;font-weight:760}.live-switcher-card div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:5px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.live-switcher-card button,.live-quantity-stepper-card button{min-height:38px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#111;font-weight:850}.live-switcher-card button.active{border-color:#111;background:#111;color:#fff}.live-quantity-stepper-card{justify-items:center;text-align:center}.live-quantity-stepper-card div{display:inline-grid;grid-template-columns:42px 58px 42px;align-items:center;overflow:hidden;border:1px solid var(--line-strong);border-radius:9px}.live-quantity-stepper-card button{border:0;border-radius:0;font-size:18px}.live-quantity-stepper-card span{display:grid;place-items:center;min-height:42px;border-inline:1px solid var(--line);font-weight:900}.live-calendar-card{align-content:start}.live-calendar-card header{min-height:42px;display:flex;align-items:center;justify-content:space-between}.live-calendar-card header span{color:var(--blue);font-weight:800}.live-calendar-card div{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.live-calendar-card i{min-height:30px;display:grid;place-items:center;border-radius:8px;background:#f5f5f5;font-style:normal;font-size:12px}.live-calendar-card i.selected{background:#111;color:#fff}.live-calendar-card i.range{background:var(--blue-soft);color:var(--blue)}.live-calendar-card.variant-grouped i:nth-child(n+15):nth-child(-n+19){background:var(--blue-soft);color:var(--blue)}.live-nav-card{grid-template-columns:96px 1fr;grid-template-rows:42px 1fr}.live-nav-card header{grid-column:1 / -1;display:flex;align-items:center;gap:18px;padding:0 14px;border-radius:9px;background:#111;color:#fff;font-weight:750}.live-nav-card aside{display:grid;gap:8px;align-content:start;padding:10px;border-radius:9px;background:#f4f4f4}.live-nav-card aside b,.live-nav-card main i{height:10px;border-radius:999px;background:#dcdcdc}.live-nav-card main{display:grid;gap:8px;align-content:center;padding:16px}.live-nav-card main p{color:var(--muted);font-size:14px}.live-nav-card main div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.live-nav-card.sidebar header,.live-nav-card.bottom-navigation header,.live-nav-card.back-button header{background:#fff;color:#111;border:1px solid var(--line)}.live-nav-card.variant-dark header,.live-nav-card.variant-dark aside{background:#111;color:#fff}.live-nav-card.variant-bottom{grid-template-columns:1fr;grid-template-rows:1fr 48px}.live-nav-card.variant-bottom header{grid-row:2;justify-content:space-around}.live-nav-card.variant-bottom aside{display:none}.live-nav-card.breadcrumb header span+span:before{content:"/";margin-right:18px;color:#999}.live-nav-card.pagination main div i,.live-nav-card.stepper main div i{height:28px}.live-accordion-card details{border:1px solid var(--line);border-radius:9px;padding:12px 14px;background:#fff}.live-accordion-card summary{cursor:pointer;font-weight:800}.live-accordion-card p{color:var(--muted);line-height:1.6}.live-action-sheet-card{grid-template-rows:1fr auto;gap:0;overflow:hidden;padding:0;background:#f3f3f3}.live-action-sheet-card main{display:grid;gap:10px;align-content:center;padding:22px}.live-action-sheet-card main i{height:11px;border-radius:999px;background:#ddd}.live-action-sheet-card section{display:grid;gap:8px;padding:10px 14px 14px;border-top:1px solid var(--line);border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -16px 36px #0000001f}.live-action-sheet-card section b{width:42px;height:4px;justify-self:center;border-radius:999px;background:#d5d5d5}.live-action-sheet-card button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:800}.live-action-sheet-card button.danger{color:#b42318}.live-drawer-card{grid-template-columns:minmax(150px,42%) 1fr;overflow:hidden;padding:0;background:#f7f7f7}.live-drawer-card aside{display:grid;gap:10px;align-content:start;padding:20px;background:#111;color:#fff}.live-drawer-card.variant-bottom{grid-template-columns:1fr;grid-template-rows:1fr auto}.live-drawer-card.variant-bottom aside{grid-row:2}.live-drawer-card aside span{min-height:32px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.16)}.live-drawer-card main{display:grid;gap:12px;align-content:center;padding:20px}.live-drawer-card main i{height:12px;border-radius:999px;background:#ddd}.live-popover-card{place-items:center;align-content:center;position:relative}.live-popover-card button{min-height:42px;padding:0 14px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font-weight:800}.live-popover-card div{width:210px;display:grid;gap:5px;padding:12px;border-radius:9px;background:#111;color:#fff;box-shadow:0 16px 36px #00000029}.live-popover-card div span{color:#d7d7d7;font-size:13px}.live-popover-card.tooltip div{width:auto;padding:8px 10px}.live-popover-card.variant-bottom div{order:2}.live-carousel-card{overflow:hidden}.live-carousel-card>div,.live-carousel-card footer{display:flex;justify-content:space-between;align-items:center}.live-carousel-card section{display:grid;grid-template-columns:repeat(3,72%);gap:12px;overflow:hidden}.live-carousel-card section i{height:88px;border-radius:10px;background:linear-gradient(135deg,#111,var(--blue));animation:carouselSlide 3.2s ease-in-out infinite}.live-carousel-card section i:nth-child(2){background:linear-gradient(135deg,var(--green),#e8f9ef)}.live-carousel-card section i:nth-child(3){background:linear-gradient(135deg,var(--amber),#fff7ed)}.live-carousel-card footer{justify-content:center;gap:6px}.live-carousel-card footer b{width:8px;height:8px;border-radius:50%;background:#d7d7d7}.live-carousel-card footer b:first-child{background:#111}.live-list-card{align-content:center}.live-list-card div{min-height:48px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.live-list-card.variant-media div{grid-template-columns:36px 1fr auto}.live-list-card.variant-media b{width:32px;height:32px}.live-list-card.variant-grouped div:nth-child(2){padding-top:10px;border-top:8px solid #f2f2f2}.live-list-card b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:12px}.live-list-card span{color:var(--muted);font-size:13px}.live-timeline-card{align-content:center}.live-timeline-card div{position:relative;display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;min-height:44px}.live-timeline-card i{width:14px;height:14px;border-radius:50%;background:#111}.live-timeline-card .active i{background:var(--blue);box-shadow:0 0 0 5px var(--blue-soft)}.live-timeline-card span{color:var(--muted);font-size:13px}.live-rating-card strong{font-size:42px}.live-rating-card div,.mini-rating{color:var(--amber);font-weight:900}.live-message-card{align-content:center}.live-message-card div{max-width:360px;padding:14px;border-radius:14px 14px 14px 4px;background:var(--blue-soft);color:#111}.live-message-card.variant-dark div{justify-self:end;border-radius:14px 14px 4px;background:#111;color:#fff}.live-message-card.variant-dark p{color:#eee}.live-message-card p{margin:6px 0 0;color:#333}.live-message-card input{min-height:42px;border:1px solid var(--line);border-radius:999px;padding:0 14px}.live-filter-card,.live-sort-card,.live-command-card,.live-cart-card{align-content:center}.live-filter-card label{min-height:34px;display:flex;gap:10px;align-items:center}.live-filter-card input{accent-color:var(--blue)}.live-filter-card div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;color:var(--muted)}.live-filter-card i{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0 62%,#e5e5e5 62%)}.live-sort-card{grid-template-columns:auto repeat(3,1fr);align-items:center}.live-sort-card button,.live-form-card button,.live-cart-card button{min-height:42px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font-weight:800}.live-sort-card button:first-of-type,.live-form-card button,.live-cart-card button{border-color:#111;background:#111;color:#fff}.live-semantic-action{align-content:center;gap:14px}.live-semantic-action>button{width:fit-content;min-width:156px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.live-semantic-action small{color:var(--muted);font-weight:700}.live-action-mock{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.live-action-mock label,.live-action-mock .action-cart,.live-action-mock.action-cart{display:flex;align-items:center;gap:8px}.live-action-mock input{accent-color:var(--blue)}.live-action-mock button{min-height:32px;border:0;border-radius:7px;background:#111;color:#fff;font-weight:800}.live-action-mock code{padding:8px 10px;border-radius:7px;background:#111827;color:#fff}.live-action-mock.action-copy,.live-action-mock.action-share,.live-action-mock.action-cart{grid-template-columns:1fr auto;align-items:center}.live-action-mock.action-share{grid-template-columns:repeat(3,1fr)}.live-action-mock.action-share button{background:#fff;color:#111;border:1px solid var(--line)}.live-action-mock.action-danger{border-color:#dc262647;background:var(--red-soft)}.live-action-mock.action-cart i{width:34px;height:34px;border-radius:8px;background:#111}.live-otp-card{display:grid;place-items:center;gap:14px;padding:22px;text-align:center}.live-otp-card div{display:grid;grid-template-columns:repeat(4,44px);gap:8px}.live-otp-card span{height:46px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:9px;background:#fff;font-weight:900}.live-otp-card span.focus{border-color:#111;box-shadow:0 0 0 3px #11111114}.live-otp-card small{color:var(--muted)}.live-command-card div{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;color:var(--muted)}.live-command-card b{min-height:36px;display:flex;align-items:center;padding:0 12px;border-radius:8px;background:#f4f4f4}.live-media-card{align-content:center}.live-media-card section{height:96px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#111,#3f3f46);color:#fff}.live-media-card div{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.live-media-card b{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0 42%,#e2e2e2 42%)}.live-cart-card div{display:flex;justify-content:space-between;min-height:34px;border-bottom:1px solid var(--line)}.live-tabs-card{align-content:start}.live-tabs{min-height:54px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;border-bottom:1px solid var(--line)}.live-tabs b,.live-tabs span{min-height:44px;display:flex;align-items:center;justify-content:center;font-weight:750}.live-tabs b{border-bottom:3px solid #111}.live-content-block{padding:20px}.live-social-card{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:16px;padding:20px}.live-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#111;color:#fff;font-weight:850}.live-social-card p{margin:6px 0 10px;color:var(--muted);font-size:14px}.live-tag{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:var(--amber-soft);color:var(--amber);font-size:13px;font-weight:750}.live-toolbar{display:flex;gap:8px}.live-toolbar button:first-child{border-color:var(--blue);background:var(--blue);color:#fff}.live-generic-card{justify-items:center;text-align:center}.live-layout-demo{display:grid;gap:8px;padding:14px;background:#fff}.live-layout-demo header,.live-layout-demo aside,.live-layout-demo main,.live-layout-demo section{border-radius:8px}.live-layout-demo header{min-height:30px;background:#111}.live-layout-demo aside{background:#e8eefc}.live-layout-demo main,.live-layout-demo section{display:grid;gap:8px;padding:12px;background:#f7f7f7}.live-layout-demo i{display:block;min-height:16px;border-radius:5px;background:#dcdcdc}.live-layout-demo.layout-single{grid-template-columns:1fr}.live-layout-demo.layout-two,.live-layout-demo.layout-detail,.live-layout-demo.layout-checkout,.live-layout-demo.layout-settings{grid-template-columns:1.35fr .65fr}.live-layout-demo.layout-sidebar,.live-layout-demo.layout-master,.live-layout-demo.layout-three{grid-template-columns:.45fr 1fr .7fr}.live-layout-demo.layout-dashboard,.live-layout-demo.layout-grid,.live-layout-demo.layout-masonry{grid-template-columns:repeat(3,1fr)}.live-layout-demo.layout-dashboard main,.live-layout-demo.layout-grid main,.live-layout-demo.layout-masonry main{grid-column:span 2}.live-layout-demo.layout-feed,.live-layout-demo.layout-search-results{grid-template-columns:.55fr 1fr}.live-layout-demo.layout-feed main,.live-layout-demo.layout-search-results main{grid-template-columns:1fr}.live-layout-demo.layout-sticky-header header{box-shadow:0 8px 16px #00000029}.live-layout-demo.layout-sticky-header main{grid-column:1 / -1}.live-layout-demo.layout-sticky-sidebar,.live-layout-demo.layout-split{grid-template-columns:.75fr 1fr}.live-layout-demo.layout-sticky-sidebar aside{outline:3px solid var(--blue-soft);background:#111}.live-layout-demo.layout-split aside{background:linear-gradient(90deg,#f5f5f5 0,#f5f5f5 94%,#111 94%,#111)}.live-layout-demo.layout-wizard{grid-template-columns:1fr}.live-layout-demo.layout-wizard header{background:linear-gradient(90deg,var(--green) 0 33%,#d9fbe7 33% 66%,#eee 66%)}.live-layout-demo.layout-fullscreen-modal{padding:10px;background:#f2f2f2}.live-layout-demo.layout-fullscreen-modal main{grid-column:1 / -1;min-height:116px;background:#fff;box-shadow:0 18px 40px #00000024}.live-layout-demo.layout-landing{grid-template-columns:1.1fr .9fr}.live-layout-demo.layout-landing header{grid-column:1 / -1;min-height:24px}.live-layout-demo.layout-landing main{background:#111}.live-layout-demo.layout-profile{grid-template-columns:.55fr 1fr}.live-layout-demo.layout-profile aside{border-radius:50%;background:radial-gradient(circle at center,#111 0 34%,transparent 35%),#f1f1f1}.live-style-demo{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.live-style-demo article{display:grid;gap:10px;align-content:center;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.live-style-demo.style-radius article:first-child{border-radius:26px}.live-style-demo.style-shadow article:first-child{box-shadow:0 20px 45px #00000024}.live-style-demo.style-color article:first-child{border-color:#2563eb40;background:var(--blue-soft)}.live-style-demo.style-gradient article:first-child{border-color:#2563eb47;background:linear-gradient(135deg,#111827f0,#2563ebb8,#22c55e47);color:#fff}.live-style-demo.style-token article:first-child{border-color:#11182733;background:linear-gradient(#111827,#111827) 18px 20px / 72px 10px no-repeat,linear-gradient(var(--blue),var(--blue)) 18px 44px / 110px 8px no-repeat,linear-gradient(var(--green),var(--green)) 18px 64px / 86px 8px no-repeat,#f8fafc}.live-style-demo.style-platform article:first-child{border-color:#11182738;background:linear-gradient(#111827,#111827) 18px 20px / 92px 8px no-repeat,linear-gradient(90deg,#cbd5e1 0 32%,transparent 32% 38%,#cbd5e1 38% 70%,transparent 70% 76%,#cbd5e1 76% 100%) 18px 46px / 132px 30px no-repeat,#f8fafc}.live-style-demo.style-color article:nth-child(2){border-color:#dc262640;background:var(--red-soft)}.live-style-demo.style-dark article:first-child,.live-style-demo.style-theme article:first-child{border-color:#111;background:#111;color:#fff}.live-style-demo.style-spacing article:first-child{gap:22px;padding:28px}.live-style-demo.style-type article:first-child strong{font-size:24px;line-height:1.15}.live-style-demo.style-density article:first-child{gap:4px;padding:10px}.live-style-demo.style-border article:first-child,.live-style-demo.style-divider article:first-child{border:2px dashed #111}.live-style-demo.style-transparency article:first-child{background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #fff9,0 18px 44px #0000001a}.live-style-demo.style-icons article:first-child:before{content:"";width:42px;height:42px;border-radius:12px;background:linear-gradient(#111,#111) center / 18px 2px no-repeat,linear-gradient(90deg,#111,#111) center / 2px 18px no-repeat,#f3f3f3}.live-style-demo.style-emphasis article:first-child{border-left:5px solid var(--amber);background:var(--amber-soft)}.live-style-demo.style-brand article:first-child{border-color:#111;background:linear-gradient(135deg,#fff 0,#fff 55%,#111 55%,#111)}.live-style-demo button{min-height:38px;border:1px solid #111;border-radius:7px;background:#111;color:#fff;font-weight:750}.live-barcode-card{display:grid;gap:14px;align-content:center;justify-items:center;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.live-barcode-lines{width:min(100%,260px);height:92px;display:grid;grid-template-columns:repeat(18,1fr);gap:3px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.live-barcode-lines i{display:block;border-radius:2px;background:#111}.live-barcode-lines i:nth-child(3n){opacity:.32}.live-barcode-card span{color:var(--muted);font-size:12px;font-weight:760}.live-file-preview-card,.live-file-action-card{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.live-file-preview-card{grid-template-columns:112px minmax(0,1fr);align-items:stretch}.live-file-preview-card aside{display:grid;place-items:center;gap:6px;border-radius:10px;background:#111827;color:#fff}.live-file-preview-card main{display:grid;gap:8px;align-content:center;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.live-file-preview-card main b,.live-file-preview-card main i{height:9px;border-radius:999px;background:#cbd5e1}.live-file-preview-card main i{width:58%;background:#111827}.live-file-action-card div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.live-file-action-card div span{min-height:34px;display:flex;align-items:center;padding:0 10px;border-radius:8px;background:#f8fafc;font-weight:800}.live-file-action-card small{color:var(--muted);font-weight:700}.live-motion-demo{display:grid;place-items:center;gap:16px;padding:20px}.motion-target{width:82px;height:82px;display:grid;place-items:center;border-radius:22px;background:#111;color:#fff}.live-motion-demo.motion-loading .motion-target{border-radius:50%;border:6px solid #e5e7eb;border-top-color:var(--blue);background:transparent;color:var(--blue);animation:spin .9s linear infinite}.live-motion-demo.motion-success .motion-target{background:var(--green);animation:successPop 1.2s ease-in-out infinite}.live-motion-demo.motion-error .motion-target{background:var(--red);animation:shakePreview .9s ease-in-out infinite}.live-motion-demo.motion-attention .motion-target{background:var(--amber);animation:floatPreview 1.2s ease-in-out infinite}.live-motion-demo.motion-hover .motion-target{animation:floatPreview 1.3s ease-in-out infinite}.live-motion-demo.motion-fade .motion-target{animation:fadePreview 1.3s ease-in-out infinite}.live-motion-demo.motion-press .motion-target,.live-motion-demo.motion-scale .motion-target{animation:pressPreview 1s ease-in-out infinite}.live-motion-demo.motion-expand .motion-target{animation:expandPreview 1.3s ease-in-out infinite}.live-motion-demo.motion-slide .motion-target,.live-motion-demo.motion-page .motion-target{animation:slidePreview 1.3s ease-in-out infinite}.live-motion-demo.motion-spatial .motion-target{animation:spatialPreview 1.5s ease-in-out infinite}.live-motion-demo.motion-list .motion-target{border-radius:14px;animation:listPreview 1.2s ease-in-out infinite}.live-motion-demo.motion-drag .motion-target{background:var(--blue);animation:dragPreview 1.5s ease-in-out infinite}.live-motion-demo.motion-reduced .motion-target{opacity:.72;animation:none}.motion-scene{width:min(100%,270px);min-height:150px;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow-sm)}.motion-scene-fade section{position:absolute;top:28px;right:42px;bottom:28px;left:42px;border:1px solid #111827;border-radius:8px;background:linear-gradient(135deg,#fff,#eef4ff)}.motion-scene-fade section:last-child{top:50px;right:24px;bottom:18px;left:72px;border-color:var(--blue);background:#dbeafe;animation:fadePreview 1.4s ease-in-out infinite}.motion-scene-loading{display:grid;place-items:center;gap:10px;padding:22px}.motion-scene-loading i{width:48px;height:48px;border:5px solid #e5e7eb;border-top-color:var(--blue);border-radius:50%;animation:spin .9s linear infinite}.motion-scene-loading b,.motion-scene-loading span{width:78%;height:8px;border-radius:999px;background:#e5e7eb}.motion-scene-loading span{width:54%;background:#c7d2fe}.motion-scene-feedback{display:grid;place-items:center;gap:10px;padding:24px}.motion-scene-feedback strong{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:26px;animation:successPop 1.2s ease-in-out infinite}.motion-scene-feedback.motion-error strong{background:var(--red);animation:shakePreview .9s ease-in-out infinite}.motion-scene-feedback.motion-attention strong{background:var(--amber);animation:floatPreview 1.2s ease-in-out infinite}.motion-scene-feedback span,.motion-scene-reduced strong{color:#111827;font-weight:800}.motion-scene-slide{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:18px}.motion-scene-slide aside,.motion-scene-slide main{border:1px solid var(--border);border-radius:8px;background:#f8fafc}.motion-scene-slide aside{display:grid;align-content:start;gap:10px;padding:14px}.motion-scene-slide aside b,.motion-scene-slide main i{height:9px;border-radius:999px;background:#cbd5e1}.motion-scene-slide main{display:grid;gap:12px;padding:14px;background:#fff;animation:slidePreview 1.5s ease-in-out infinite}.motion-scene-slide main strong{color:#111827;font-size:13px}.motion-scene-press{display:grid;place-items:center}.motion-scene-press button{min-width:112px;min-height:44px;border:0;border-radius:8px;background:#111827;color:#fff;font-weight:800;animation:pressPreview 1.15s ease-in-out infinite}.motion-scene-press span{position:absolute;width:132px;height:132px;border:1px solid rgba(37,99,235,.38);border-radius:50%;animation:fadePreview 1.15s ease-in-out infinite}.motion-scene-expand{display:grid;align-content:start;gap:12px;padding:18px}.motion-scene-expand header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.motion-scene-expand header i{width:18px;height:18px;border-right:2px solid #111827;border-bottom:2px solid #111827;transform:rotate(45deg)}.motion-scene-expand p,.motion-scene-list i{height:12px;margin:0;border-radius:999px;background:#dbeafe}.motion-scene-expand p:last-child{width:64%;animation:expandPreview 1.4s ease-in-out infinite}.motion-scene-list{display:grid;align-content:center;gap:12px;padding:22px}.motion-scene-list i{display:block;background:#e5e7eb}.motion-scene-list i.active{background:var(--blue);animation:listPreview 1.2s ease-in-out infinite}.motion-scene-drag{display:grid;place-items:center;padding:20px}.motion-scene-drag b{width:78%;height:82px;border:2px dashed #93c5fd;border-radius:8px;background:#eff6ff}.motion-scene-drag span{position:absolute;width:58px;height:58px;border-radius:8px;background:var(--blue);box-shadow:var(--shadow-md);animation:dragPreview 1.5s ease-in-out infinite}.motion-scene-spatial{display:grid;place-items:center}.motion-scene-spatial i,.motion-scene-spatial b{position:absolute;width:46px;height:46px;border-radius:50%;background:#dbeafe}.motion-scene-spatial i:first-child{transform:translate(-72px,-24px)}.motion-scene-spatial b{width:62px;height:62px;background:var(--blue);animation:spatialPreview 1.5s ease-in-out infinite}.motion-scene-spatial i:last-child{transform:translate(72px,28px);background:#dcfce7}.motion-scene-reduced{display:grid;place-items:center;gap:14px;padding:22px;background:#f8fafc}.motion-scene-reduced span{width:140px;height:10px;border-radius:999px;background:repeating-linear-gradient(90deg,#94a3b8 0,#94a3b8 18px,#e2e8f0 18px,#e2e8f0 28px)}.live-motion-demo p{max-width:360px;margin:0;color:var(--muted);text-align:center;line-height:1.6}.live-pattern-demo{display:grid;place-items:center;padding:20px}.pattern-panel{width:min(100%,340px);display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 32px #00000012}.pattern-panel header{display:grid;gap:4px}.pattern-panel span{color:var(--muted);font-size:14px}.pattern-panel small{color:var(--blue);font-weight:750}.pattern-steps,.pattern-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pattern-steps b,.pattern-chips b{min-height:30px;display:grid;place-items:center;border-radius:8px;background:#f1f1f1;font-size:12px}.pattern-steps b.active,.pattern-chips b.active{background:#111;color:#fff}.pattern-checks{display:grid;gap:8px}.pattern-checks label{min-height:34px;display:flex;align-items:center;gap:10px}.pattern-checks input{accent-color:var(--blue)}.pattern-rows{display:grid;gap:8px}.pattern-rows span{min-height:34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#111;font-weight:700}.live-pattern-demo.pattern-upload .pattern-panel{border-style:dashed;background:var(--blue-soft)}.live-pattern-demo.pattern-checkout .pattern-panel,.live-pattern-demo.pattern-signup .pattern-panel,.live-pattern-demo.pattern-settings .pattern-panel,.live-pattern-demo.pattern-form .pattern-panel{border-color:#16a34a3d}.live-pattern-demo.pattern-delete .pattern-panel,.live-pattern-demo.pattern-error .pattern-panel{border-color:#dc262642;background:var(--red-soft)}.pattern-panel button:not(.danger){border-color:#111;background:#111;color:#fff}.detailed-layout{min-height:230px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:10px;padding:12px;overflow:hidden;background:#fff}.live-layout-demo.detailed-layout{grid-template-columns:minmax(0,1fr)}.live-layout-demo.detailed-layout>.layout-browser-bar,.live-layout-demo.detailed-layout>.layout-scene{grid-column:1 / -1}.layout-browser-bar{min-height:30px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fafafa;color:#555;font-size:12px;font-weight:750}.layout-browser-bar b,.layout-browser-bar i{display:block;min-height:0}.layout-browser-bar b{width:8px;height:8px;border-radius:50%;background:#111}.layout-browser-bar span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-browser-bar i{width:44px;height:7px;border-radius:999px;background:#ddd}.layout-scene{min-width:0;min-height:0;display:grid;gap:10px}.live-layout-demo.detailed-layout aside,.live-layout-demo.detailed-layout main,.live-layout-demo.detailed-layout section,.live-layout-demo.detailed-layout article,.live-layout-demo.detailed-layout nav,.live-layout-demo.detailed-layout header{min-width:0;border-radius:9px}.layout-dashboard-scene{grid-template-columns:120px 1fr}.layout-dashboard-scene nav,.layout-app-scene aside,.layout-settings-scene aside,.layout-three-scene aside{display:grid;gap:8px;align-content:start;padding:12px;background:#111;color:#fff}.layout-dashboard-scene nav span,.layout-app-scene aside span,.layout-settings-scene aside span,.layout-three-scene aside span{min-height:24px;display:flex;align-items:center;padding:0 8px;border-radius:6px;background:#ffffff1f;font-size:12px}.layout-dashboard-scene main{grid-column:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0;background:transparent}.layout-dashboard-header{grid-column:1 / -1;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff}.layout-dashboard-header span{color:var(--muted);font-size:12px;font-weight:700}.layout-dashboard-scene article{display:grid;gap:5px;padding:12px;border:1px solid var(--line);background:#fff}.layout-dashboard-scene article span{color:var(--muted);font-size:12px}.layout-dashboard-scene article strong{font-size:18px}.layout-dashboard-scene section{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr auto;align-items:end;gap:10px;padding:12px;background:var(--blue-soft)}.layout-dashboard-scene section b{display:block;min-height:28px;border-radius:6px;background:var(--blue)}.layout-dashboard-scene section b:nth-child(2){min-height:52px}.layout-dashboard-scene section b:nth-child(3){min-height:38px}.layout-dashboard-scene section span{grid-column:1 / -1;color:var(--blue);font-size:12px;font-weight:800}.layout-card-scene{grid-template-columns:repeat(3,1fr)}.layout-card-scene article,.layout-feed-scene article{display:grid;gap:8px;padding:10px;border:1px solid var(--line);background:#fff}.layout-card-scene article.tall{grid-row:span 2}.layout-card-scene i,.layout-profile-scene aside i,.layout-detail-scene aside i{display:block;min-height:52px;border-radius:8px;background:linear-gradient(135deg,#111,#d7d7d7)}.layout-card-scene strong,.layout-feed-scene strong,.layout-app-scene strong,.layout-settings-scene strong,.layout-checkout-scene strong,.layout-three-scene strong,.layout-wizard-scene strong,.layout-modal-scene strong,.layout-profile-scene strong,.layout-detail-scene strong{font-size:14px}.layout-card-scene span,.layout-feed-scene span,.layout-detail-scene p,.layout-profile-scene span{color:var(--muted);font-size:12px}.layout-feed-scene{align-content:start}.layout-feed-scene article{grid-template-columns:46px 1fr;align-items:center}.layout-feed-scene i{display:block;width:46px;min-height:46px;border-radius:50%;background:#111}.layout-feed-scene p,.layout-article-scene p,.layout-detail-scene p,.layout-three-scene p{min-height:10px;margin:0;border-radius:999px;background:#e7e7e7}.layout-mobile-bottom-nav-scene{width:min(100%,260px);justify-self:center;grid-template-rows:1fr auto;overflow:hidden;border:1px solid var(--line-strong);border-radius:22px;background:#fff}.layout-mobile-bottom-nav-scene main{display:grid;align-content:start;gap:10px;padding:18px}.layout-mobile-bottom-nav-scene main i{min-height:92px;border-radius:14px;background:linear-gradient(135deg,#111827,#2563eb)}.layout-mobile-bottom-nav-scene main b{height:12px;border-radius:999px;background:#e5e7eb}.layout-mobile-bottom-nav-scene nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 10px 12px;border-top:1px solid var(--line);background:#f8fafc}.layout-mobile-bottom-nav-scene nav button{min-height:38px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:11px;font-weight:850}.layout-mobile-bottom-nav-scene nav button.active{background:#111827;color:#fff}.layout-mobile-checkout-scene{width:min(100%,282px);justify-self:center;grid-template-rows:1fr auto;overflow:hidden;border:1px solid var(--line-strong);border-radius:22px;background:#fff}.layout-mobile-checkout-scene main{display:grid;align-content:start;gap:10px;padding:16px}.layout-mobile-checkout-scene header,.layout-mobile-checkout-scene article,.layout-mobile-checkout-scene section,.layout-mobile-checkout-scene footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.layout-mobile-checkout-scene header span,.layout-mobile-checkout-scene article span,.layout-mobile-checkout-scene section span,.layout-mobile-checkout-scene footer span{color:var(--muted);font-size:11px;font-weight:800}.layout-mobile-checkout-scene article{min-height:54px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fafafa}.layout-mobile-checkout-scene article i{width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#2563eb)}.layout-mobile-checkout-scene article div{display:grid;gap:3px;margin-right:auto}.layout-mobile-checkout-scene article b,.layout-mobile-checkout-scene section b,.layout-mobile-checkout-scene footer strong{color:var(--text);font-size:12px}.layout-mobile-checkout-scene article em{color:var(--text);font-size:12px;font-style:normal;font-weight:850}.layout-mobile-checkout-scene section{min-height:38px;padding:0 8px;border-radius:11px;background:#f1f5f9}.layout-mobile-checkout-scene footer{padding:10px 12px 14px;border-top:1px solid var(--line);background:#fff;box-shadow:0 -10px 24px #0f172a14}.layout-mobile-checkout-scene footer div{display:grid;gap:2px}.layout-mobile-checkout-scene footer button{min-height:36px;padding:0 16px;border:0;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:900}.layout-auth-scene,.layout-cart-scene,.layout-order-detail-scene,.layout-subscription-scene,.layout-billing-scene,.layout-permission-settings-scene{grid-template-columns:1fr .78fr}.layout-auth-scene aside,.layout-auth-scene main,.layout-cart-scene main,.layout-cart-scene aside,.layout-order-detail-scene main,.layout-order-detail-scene aside,.layout-payment-result-scene main,.layout-pricing-scene article,.layout-subscription-scene main,.layout-subscription-scene aside,.layout-billing-scene main,.layout-billing-scene aside,.layout-permission-settings-scene aside,.layout-permission-settings-scene main{display:grid;gap:9px;align-content:start;padding:12px;border:1px solid var(--line);background:#fff}.layout-auth-scene aside{color:#fff;border-color:#111827;background:#111827}.layout-auth-scene aside i{min-height:86px;border-radius:14px;background:linear-gradient(135deg,#38bdf8,#f59e0b)}.layout-auth-scene input,.layout-checkout-scene input{min-height:30px;border:1px solid var(--line);border-radius:7px;padding:0 10px}.layout-auth-scene button,.layout-cart-scene button,.layout-order-detail-scene button,.layout-payment-result-scene button,.layout-pricing-scene button,.layout-subscription-scene button,.layout-billing-scene button{min-height:31px;border:0;border-radius:8px;background:#111827;color:#fff;font-weight:850}.layout-cart-scene article{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}.layout-cart-scene article i{width:28px;height:28px;border-radius:8px;background:#e5e7eb}.layout-cart-scene aside,.layout-order-detail-scene aside,.layout-billing-scene aside{align-content:center}.layout-order-detail-scene main span,.layout-billing-scene main span,.layout-permission-settings-scene aside span,.layout-permission-settings-scene main span{min-height:24px;display:flex;align-items:center;padding:0 9px;border-radius:8px;background:#f1f5f9;color:var(--muted);font-size:12px;font-weight:800}.layout-payment-result-scene{place-items:center}.layout-payment-result-scene main{width:min(100%,320px);justify-items:center;text-align:center}.layout-payment-result-scene main i{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at center,#fff 0,#fff 32%,#16a34a 34%,#16a34a)}.layout-pricing-scene{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-pricing-scene article{min-height:138px}.layout-pricing-scene article.featured{border-color:#111827;box-shadow:inset 0 0 0 2px #111827}.layout-pricing-scene strong,.layout-cart-scene strong,.layout-order-detail-scene b,.layout-billing-scene b{color:var(--text);font-size:18px}.layout-subscription-scene aside button,.layout-billing-scene button{background:#f1f5f9;color:#111827}.layout-app-scene,.layout-three-scene{grid-template-columns:120px 1fr .82fr}.layout-app-scene main,.layout-app-scene section,.layout-three-scene main,.layout-three-scene section,.layout-settings-scene main,.layout-checkout-scene main,.layout-checkout-scene aside,.layout-wizard-scene main,.layout-modal-scene main,.layout-profile-scene aside,.layout-profile-scene main,.layout-detail-scene main{display:grid;gap:9px;align-content:start;padding:12px;border:1px solid var(--line);background:#fff}.layout-app-scene main button{min-height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#111;text-align:left;font-weight:700}.layout-app-scene main button.active{background:#111;color:#fff}.layout-app-scene section button,.layout-checkout-scene button,.layout-wizard-scene button,.layout-modal-scene button,.layout-landing-scene button,.layout-article-scene button,.layout-detail-scene button{width:fit-content;min-height:34px;padding:0 12px;border:0;border-radius:7px;background:#111;color:#fff;font-weight:800}.layout-settings-scene{grid-template-columns:130px 1fr}.layout-settings-scene label{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.layout-settings-scene label i{width:38px;min-height:22px;border-radius:999px;background:#d8d8d8}.layout-settings-scene label i.on{background:var(--green)}.layout-checkout-scene,.layout-detail-scene,.layout-profile-scene,.layout-landing-scene{grid-template-columns:1.25fr .75fr}.layout-checkout-scene input,.layout-wizard-scene input,.layout-modal-scene input{width:100%;min-height:34px;border:1px solid var(--line-strong);border-radius:7px;padding:0 10px}.layout-checkout-scene aside{background:var(--green-soft)}.layout-checkout-scene aside b{font-size:28px}.layout-three-scene section span{min-height:28px;display:flex;align-items:center;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.layout-wizard-scene{grid-template-rows:auto 1fr}.layout-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.layout-steps b{min-height:30px;display:grid;place-items:center;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:12px}.layout-steps b:first-child{background:#111;color:#fff}.layout-modal-scene{position:relative;overflow:hidden;place-items:center;background:#f4f4f4}.layout-page-dim{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;gap:10px;align-content:start}.layout-page-dim span{height:12px;border-radius:999px;background:#dcdcdc}.layout-modal-scene main{position:relative;width:min(86%,330px);box-shadow:0 18px 48px #00000029}.layout-landing-scene main{display:grid;gap:12px;align-content:center;padding:18px;border-radius:10px;background:#111;color:#fff}.layout-landing-scene main strong{font-size:24px;line-height:1.1}.layout-landing-scene main button{background:#fff;color:#111}.layout-landing-scene aside{display:grid;gap:10px}.layout-landing-scene aside i{border-radius:10px;background:var(--blue-soft)}.layout-landing-scene aside i:nth-child(2){background:var(--green-soft)}.layout-landing-scene aside i:nth-child(3){background:var(--amber-soft)}.layout-profile-scene aside{place-items:center;text-align:center}.layout-profile-scene aside i{width:70px;min-height:70px;border-radius:50%}.layout-profile-scene main{grid-template-columns:repeat(2,1fr)}.layout-profile-scene main p{grid-column:1 / -1}.layout-search-scene{grid-template-columns:130px 1fr}.layout-search-scene header{grid-column:1 / -1;min-height:40px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);background:var(--blue-soft);color:var(--blue)}.layout-search-scene aside,.layout-search-scene main{display:grid;gap:9px;align-content:start;padding:12px;border:1px solid var(--line);background:#fff}.layout-search-scene label{display:flex;align-items:center;gap:8px;font-size:12px}.layout-search-scene input{accent-color:var(--blue)}.layout-search-scene article{display:grid;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--line)}.layout-article-scene article{display:grid;gap:10px;align-content:center;max-width:330px;margin:0 auto;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.layout-article-scene article span{color:var(--blue);font-size:12px;font-weight:800}.layout-article-scene article strong{font-size:22px}.detailed-pattern{min-height:238px;padding:16px}.detailed-pattern .pattern-panel{width:min(100%,430px);min-height:190px;box-shadow:0 12px 32px #0000000f}.pattern-search-scene .pattern-search-bar{min-height:42px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:0 10px;border:1px solid var(--line-strong);border-radius:9px;background:#fff}.pattern-search-bar input{min-width:0;border:0;outline:0;background:transparent;color:#111;font:inherit;font-size:13px;font-weight:700}.pattern-search-bar button{min-height:34px;padding:0 14px;border-radius:8px}.pattern-search-scene main{display:grid;gap:8px}.pattern-search-scene article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.pattern-search-scene article span{grid-column:1 / -1}.pattern-search-scene article em{align-self:start;padding:3px 7px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:11px;font-style:normal;font-weight:800;white-space:nowrap}.pattern-filter-scene,.pattern-checkout-scene{grid-template-columns:135px 1fr}.pattern-filter-scene aside,.pattern-filter-scene main,.pattern-checkout-scene main,.pattern-checkout-scene aside{display:grid;gap:9px;align-content:start}.pattern-filter-scene aside{padding-right:10px;border-right:1px solid var(--line)}.pattern-filter-scene label,.pattern-checkout-scene label{min-height:28px;display:flex;align-items:center;gap:8px;font-size:12px}.pattern-filter-scene input,.pattern-checkout-scene input{accent-color:var(--blue)}.pattern-filter-scene main{grid-template-columns:repeat(3,1fr)}.pattern-filter-scene article{display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.pattern-filter-scene article i{display:block;min-height:42px;border-radius:7px;background:var(--blue-soft)}.pattern-upload-scene .upload-drop{min-height:102px;display:grid;place-items:center;gap:4px;border:1px dashed var(--blue);border-radius:10px;background:#fff;color:var(--blue);text-align:center}.pattern-upload-scene article{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#111;font-weight:700}.pattern-checkout-scene main span{min-height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.pattern-checkout-scene main strong{font-size:20px}.pattern-danger-scene{position:relative;overflow:hidden;background:#f7f7f7}.pattern-file-list{display:grid;gap:7px;opacity:.55}.pattern-file-list span{min-height:28px;display:flex;align-items:center;padding:0 10px;border-radius:7px;background:#fff}.pattern-danger-scene section{position:absolute;inset:auto 22px 22px;display:grid;gap:9px;padding:14px;border:1px solid rgba(220,38,38,.28);border-radius:10px;background:#fff;box-shadow:0 18px 40px #00000024}.pattern-danger-scene section p{margin:0;color:var(--muted);font-size:13px}.pattern-danger-scene section div{display:flex;justify-content:flex-end;gap:8px}.pattern-operation-scene{grid-template-columns:126px minmax(0,1fr);gap:14px}.pattern-operation-scene aside,.pattern-operation-scene main{display:grid;gap:9px;align-content:start}.pattern-operation-scene aside{padding-right:12px;border-right:1px solid var(--line)}.pattern-operation-scene aside button{min-height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#111;text-align:left}.pattern-operation-scene aside button.active{border-color:#111;background:#111;color:#fff}.pattern-operation-scene main{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.pattern-operation-scene main p{margin:0;color:var(--muted);line-height:1.5}.pattern-operation-scene footer{display:flex;justify-content:flex-end;gap:8px}.pattern-collaboration-scene{grid-template-rows:auto 1fr auto}.pattern-collaboration-scene header,.pattern-collaboration-scene article,.pattern-feedback-scene article{display:flex;align-items:center;justify-content:space-between;gap:10px}.pattern-collaboration-scene section,.pattern-feedback-scene{display:grid;gap:10px}.pattern-collaboration-scene article,.pattern-feedback-scene article{min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.pattern-collaboration-scene article.active{border-color:#2563eb52;background:var(--blue-soft)}.pattern-collaboration-scene article i{width:26px;height:26px;border-radius:50%;background:#111827}.pattern-collaboration-scene article span{flex:1;font-weight:800}.pattern-collaboration-scene article b,.pattern-collaboration-scene footer span{width:44px;height:8px;border-radius:999px;background:#cbd5e1}.pattern-collaboration-scene footer{display:flex;gap:8px}.pattern-feedback-scene article b{width:12px;height:12px;border-radius:50%;background:var(--green)}.pattern-feedback-scene article.warn b{background:var(--amber)}.pattern-feedback-scene article.muted b{background:#94a3b8}.pattern-feedback-scene article span{flex:1;font-weight:800}.pattern-feedback-scene article button{min-height:28px;padding:0 10px}.pattern-ai-scene{grid-template-rows:auto 1fr auto;gap:12px}.pattern-ai-scene header{display:flex;align-items:center;gap:8px}.pattern-ai-scene main{display:grid;gap:9px}.pattern-ai-scene article{min-height:36px;display:grid;grid-template-columns:78px 1fr;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.pattern-ai-scene article.active{border-color:#2563eb47;background:var(--blue-soft)}.pattern-ai-scene article b{height:8px;border-radius:999px;background:#cbd5e1}.pattern-media-scene{grid-template-columns:minmax(0,1fr) 118px;gap:14px}.pattern-media-scene section{min-height:142px;display:grid;place-items:center;border-radius:12px;background:#111827;color:#fff}.pattern-media-scene section span{width:58%;height:7px;border-radius:999px;background:#ffffff52}.pattern-media-scene aside{display:grid;gap:8px;align-content:start}.pattern-media-scene aside button{min-height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#111}.pattern-media-scene aside button.active{border-color:#111;background:#111;color:#fff}.pattern-mobile-scene{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px}.pattern-mobile-scene .mobile-preview-phone{width:116px;height:178px}.pattern-mobile-scene section{display:grid;gap:10px}.pattern-mobile-scene section p{margin:0;color:var(--muted);line-height:1.5}.pattern-onboarding-scene main{display:grid;gap:10px;place-items:center;padding:18px;border-radius:10px;background:var(--blue-soft);text-align:center}.pattern-onboarding-scene main p{margin:0;color:var(--muted)}.pattern-settings-scene label{min-height:34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-weight:700}.pattern-settings-scene label i{width:38px;min-height:22px;border-radius:999px;background:#d8d8d8}.pattern-settings-scene label i.on{background:var(--green)}.pattern-form-scene.auth,.pattern-form-scene.signup,.pattern-form-scene.form{max-width:360px}.pattern-form-scene header strong{font-size:18px}.demo-button{min-width:150px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #050505;border-radius:8px;background:#050505;color:#fff;font-size:16px;font-weight:750;transition:transform .17s ease,background .17s ease,color .17s ease}.demo-button:hover:not(:disabled){transform:translateY(-1px)}.demo-outline{background:#fff;color:#050505}.demo-text{border-color:transparent;background:transparent;color:#050505}.demo-radius-pill{border-radius:999px}.demo-button:disabled{opacity:.46}.spinner-dot{width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.demo-outline .spinner-dot,.demo-text .spinner-dot{border-color:#00000038;border-top-color:#050505}.control-stack{display:grid;gap:14px}.segmented-row{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:18px}.segmented-row>span{color:#333;font-size:16px;font-weight:650}.segmented-control,.generic-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:44px;border:1px solid var(--line-strong);border-radius:7px;overflow:hidden}.segmented-control button,.generic-controls button{min-height:44px;border:0;border-left:1px solid var(--line);background:#fff;color:#222;font-size:15px;font-weight:650}.segmented-control button:first-child,.generic-controls button:first-child{border-left:0}.segmented-control button.active,.generic-controls button.selected{background:#050505;color:#fff}.generic-controls{display:flex;flex-wrap:wrap;gap:8px;min-height:0;border:0;border-radius:0;overflow:visible}.generic-controls button{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:#333;font-size:14px;font-weight:650}.generic-controls button.active{border-color:#050505;background:#050505;color:#fff}.generic-controls button:hover{border-color:#050505}.generic-controls span{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:#333;font-size:14px;font-weight:650}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:28px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.info-grid>div{padding:22px 24px 22px 0;border-bottom:1px solid var(--line)}.info-grid>div:nth-child(odd){border-right:1px solid var(--line)}.info-grid>div:nth-child(2n){padding-left:24px}.info-grid ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.info-grid li{position:relative;padding-left:16px;color:var(--muted);font-size:14px;line-height:1.55}.info-grid li:before{content:"";position:absolute;left:0;top:.66em;width:5px;height:5px;border-radius:50%;background:#050505}.comparison-row{min-height:116px;display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 24px;gap:18px;align-items:center;border-bottom:1px solid var(--line)}.comparison-row div{display:grid;gap:8px}.comparison-row strong{font-size:17px;line-height:1.3}.comparison-row span{color:var(--muted);font-size:14px;line-height:1.45}.comparison-row .versus{justify-self:center;color:#777;font-weight:650}.answer-actions{min-height:72px;display:flex;justify-content:flex-end;align-items:center;gap:14px}.answer-actions button{min-height:44px;display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#555;font-weight:600}.answer-actions button:hover{color:var(--ink)}.component-detail-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:28px;background:#ffffffd6}.component-detail-dialog{width:min(100%,940px);max-height:min(88vh,900px);display:grid;grid-template-rows:auto minmax(250px,auto) auto auto;gap:22px;overflow:auto;padding:28px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;box-shadow:0 24px 80px #0000002e}.component-detail-dialog-heading{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px 20px;align-items:start}.component-detail-dialog-heading .panel-kicker{grid-column:1;margin:0}.component-detail-dialog-heading button{grid-column:2;grid-row:1 / span 2;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:#111}.component-detail-dialog-heading button:hover{border-color:#111}.component-detail-dialog-heading h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin:0;font-size:34px;line-height:1.1;letter-spacing:0}.component-detail-dialog-heading h2 span{color:#555;font-size:22px;font-weight:500}.component-detail-dialog-heading p{grid-column:1 / -1;max-width:760px;margin:0;color:#2a2a2a;font-size:16px;line-height:1.65}.component-detail-dialog-stage{min-height:264px;display:grid;place-items:center;padding:24px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fafafa}.device-mode-mobile .component-detail-dialog-stage{min-height:620px}.component-detail-dialog-stage .live-card,.component-detail-dialog-stage .live-modal-scene,.component-detail-dialog-stage .live-alert-demo,.component-detail-dialog-stage .live-table,.component-detail-dialog-stage .live-progress-card,.component-detail-dialog-stage .live-settings-card,.component-detail-dialog-stage .live-tabs-card,.component-detail-dialog-stage .live-social-card,.component-detail-dialog-stage .live-tool-card,.component-detail-dialog-stage .live-menu-card,.component-detail-dialog-stage .live-action-sheet-card,.component-detail-dialog-stage .live-link-card,.component-detail-dialog-stage .live-icon-button-card,.component-detail-dialog-stage .live-button-card,.component-detail-dialog-stage .live-content-card,.component-detail-dialog-stage .live-skeleton-card,.component-detail-dialog-stage .live-empty-card,.component-detail-dialog-stage .live-fab-card,.component-detail-dialog-stage .live-spinner-card,.component-detail-dialog-stage .live-upload-card,.component-detail-dialog-stage .live-slider-card,.component-detail-dialog-stage .live-calendar-card,.component-detail-dialog-stage .live-nav-card,.component-detail-dialog-stage .live-accordion-card,.component-detail-dialog-stage .live-drawer-card,.component-detail-dialog-stage .live-popover-card,.component-detail-dialog-stage .live-carousel-card,.component-detail-dialog-stage .live-list-card,.component-detail-dialog-stage .live-timeline-card,.component-detail-dialog-stage .live-rating-card,.component-detail-dialog-stage .live-message-card,.component-detail-dialog-stage .live-filter-card,.component-detail-dialog-stage .live-sort-card,.component-detail-dialog-stage .live-command-card,.component-detail-dialog-stage .live-media-card,.component-detail-dialog-stage .live-cart-card,.component-detail-dialog-stage .live-generic-card,.component-detail-dialog-stage .live-layout-demo,.component-detail-dialog-stage .live-style-demo,.component-detail-dialog-stage .live-motion-demo,.component-detail-dialog-stage .live-pattern-demo{width:min(100%,720px);min-height:238px}.component-detail-dialog-stage .mobile-live-frame{width:min(100%,336px)}.component-detail-dialog-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:24px;padding-top:2px}.component-detail-dialog-lower h3{margin:0 0 12px;font-size:16px;line-height:1.3}.component-detail-dialog-lower ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.component-detail-dialog-lower li{position:relative;padding-left:15px;color:var(--muted);font-size:14px;line-height:1.55}.component-detail-dialog-lower li:before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:#111}.ai-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:28px;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-panel{width:min(100%,1180px);max-height:min(90vh,920px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;overflow:hidden;padding:24px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;box-shadow:0 26px 90px #0003}.ai-panel-heading{display:grid;grid-template-columns:48px minmax(0,1fr) 44px;gap:14px;align-items:start}.ai-orb{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#111;color:#fff}.ai-panel-heading h2{margin:0;font-size:30px;font-weight:900;line-height:1.1}.ai-panel-heading p{max-width:760px;margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.55}.ai-close-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:#111}.ai-close-button:hover{border-color:#111}.ai-settings-panel{width:min(100%,720px);max-height:min(88vh,720px)}.ai-settings-form{min-height:0;display:grid;align-content:start;gap:14px;overflow:auto;padding-right:2px}.ai-settings-note{margin:0;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fafafa;color:#555;font-size:13px;line-height:1.55}.ai-settings-test{margin:0;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#333;font-size:13px;font-weight:720;line-height:1.45}.ai-settings-test.success{border-color:#111}.ai-settings-test.error{background:snow}.ai-settings-actions{display:flex;justify-content:flex-end;gap:10px}.ai-settings-actions button{min-height:40px;padding:0 16px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:14px;font-weight:780}.ai-settings-actions button:disabled{opacity:.55}.ai-settings-actions button[type=submit]{border-color:#111;background:#111;color:#fff}.auth-panel{width:min(100%,620px);max-height:min(88vh,680px)}.auth-form,.auth-account-card{display:grid;gap:14px}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:42px;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden}.auth-tabs button{border:0;border-left:1px solid var(--line);background:#fff;color:#333;font-weight:800}.auth-tabs button:first-child{border-left:0}.auth-tabs button.active{background:#111;color:#fff}.auth-form label{display:grid;gap:7px;color:#343434;font-size:13px;font-weight:780}.auth-form input{height:42px;min-width:0;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:14px}.auth-account-card{padding:18px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff}.auth-account-card span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.auth-account-card strong{font-size:26px;line-height:1.1}.auth-account-card p{margin:0;color:var(--muted)}.auth-actions{display:flex;flex-wrap:wrap;gap:10px}.auth-actions button{min-height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-weight:780}.auth-actions button.danger{border-color:#111;background:#111;color:#fff}.auth-import-box{display:grid;gap:7px;color:#343434;font-size:13px;font-weight:780}.auth-import-box textarea{min-height:96px;resize:vertical;padding:10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:13px;line-height:1.45}.ai-workspace{min-height:0;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:18px}.ai-input-panel,.ai-result-panel{min-height:0;overflow:auto}.ai-input-panel{display:grid;align-content:start;gap:14px}.ai-card,.ai-result-panel{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff}.ai-card{display:grid;gap:14px;padding:18px}.ai-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-section-title h3,.ai-result-block h4{margin:0;color:#111;font-size:16px;font-weight:900;line-height:1.2}.ai-section-title span{color:var(--muted);font-size:13px;font-weight:700}.ai-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-config-grid label,.ai-textarea-label{display:grid;gap:7px;color:#343434;font-size:13px;font-weight:780}.ai-config-grid input,.ai-config-grid select,.ai-textarea-label textarea{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:14px}.ai-config-grid input,.ai-config-grid select{height:40px;padding:0 11px}.ai-textarea-label textarea{min-height:146px;resize:vertical;padding:12px;line-height:1.55}.ai-config-grid input::placeholder,.ai-textarea-label textarea::placeholder{color:#a1a1a1}.ai-example-chips,.ai-related-row{display:flex;flex-wrap:wrap;gap:8px}.ai-example-chips button{min-height:31px;padding:0 10px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:#333;font-size:13px;font-weight:700}.ai-example-chips button:hover{border-color:#111}.ai-related-row{align-items:center;color:var(--muted);font-size:13px;font-weight:700}.ai-related-row i{display:inline-flex;min-height:26px;align-items:center;padding:0 9px;border-radius:999px;background:#f4f4f4;color:#222;font-style:normal}.ai-error{margin:0;padding:10px 12px;border:1px solid #f0c7c7;border-radius:8px;background:#fff5f5;color:#a31919;font-size:13px;font-weight:720;line-height:1.45}.ai-generate-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;background:#111;color:#fff;font-size:15px;font-weight:850}.ai-generate-button:disabled{opacity:.62}.detail-ai-section .ai-result-panel.empty,.detail-ai-section .ai-result-panel.loading{min-height:190px}.ai-result-panel{display:grid;align-content:start;gap:14px;padding:18px;background:#fbfbfb}.ai-result-panel.empty,.ai-result-panel.loading{min-height:420px;place-items:center;align-content:center;justify-items:center;text-align:center;color:var(--muted)}.ai-result-panel.empty strong,.ai-result-panel.loading strong{color:#111;font-size:20px}.ai-result-panel.empty p,.ai-result-panel.loading p{max-width:420px;margin:0;font-size:15px;line-height:1.55}.ai-loading-ring{width:42px;height:42px;border:3px solid #e6e6e6;border-top-color:#111;border-radius:50%;animation:spin .9s linear infinite}.ai-result-summary{display:grid;gap:8px;padding:18px;border:1px solid #111111;border-radius:8px;background:#fff}.ai-result-summary span,.ai-pattern-grid article span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.ai-result-summary h3{margin:0;font-size:26px;font-weight:950;line-height:1.1}.ai-result-summary p{margin:0;color:#333;font-size:15px;line-height:1.55}.ai-result-summary b{width:fit-content;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#f1f1f1;color:#111;font-size:13px}.ai-result-actions{display:flex;flex-wrap:wrap;gap:10px}.ai-result-actions button{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:14px;font-weight:780}.ai-result-actions button:hover{border-color:#111}.ai-result-block{display:grid;gap:10px}.ai-intent-list,.ai-component-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-intent-list span,.ai-component-list span,.ai-question-list article{display:grid;gap:5px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff}.ai-intent-list b,.ai-component-list b,.ai-question-list strong{color:#111;font-size:13px;font-weight:900}.ai-intent-list em,.ai-component-list span,.ai-question-list p{margin:0;color:var(--muted);font-size:13px;font-style:normal;line-height:1.45}.ai-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-pattern-grid article{min-height:112px;display:grid;align-content:start;gap:7px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.ai-pattern-grid article.recommended{border-color:#111}.ai-pattern-grid article.rejected{background:snow}.ai-pattern-grid strong{color:#111;font-size:15px;font-weight:900}.ai-pattern-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.ai-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-spec-grid div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.ai-spec-grid span{display:block;margin-bottom:5px;color:#111;font-size:12px;font-weight:900}.ai-spec-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.ai-risk-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.ai-risk-list li{display:grid;gap:4px;padding:11px;border:1px solid #ead7d7;border-radius:8px;background:snow}.ai-risk-list strong{color:#751818;font-size:13px;font-weight:900}.ai-risk-list span{color:#6f4b4b;font-size:13px;line-height:1.45}.ai-question-list{display:grid;gap:8px}.ai-prompt-box{max-height:260px;overflow:auto;margin:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#1f2937;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55;white-space:pre-wrap}.workspace-page,.mobile-page{max-width:var(--max);margin:0 auto;padding:22px 28px 0}.workspace-hero,.mobile-page-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.workspace-hero h1,.mobile-page-heading h1{margin:0;color:#050505;font-size:clamp(34px,5vw,58px);font-weight:950;line-height:.98}.workspace-hero p,.mobile-page-heading p{max-width:640px;margin:10px 0 0;color:var(--muted);font-size:16px;line-height:1.55}.workspace-hero-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.workspace-hero-actions>span,.mobile-page-heading>span{min-height:34px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:#222;font-size:13px;font-weight:800}.workspace-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:16px;padding:18px 0}.workspace-panel{min-width:0;display:grid;align-content:start;gap:14px;padding:18px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff}.workspace-input-panel .ai-textarea-label textarea{min-height:166px}.workspace-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-controls label{display:grid;gap:7px;color:#343434;font-size:13px;font-weight:780}.workspace-controls input,.workspace-controls select{width:100%;min-width:0;height:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:14px}.workspace-project-knowledge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-project-knowledge label{display:grid;gap:7px;color:#343434;font-size:13px;font-weight:780}.workspace-project-knowledge textarea{min-height:96px;resize:vertical;padding:10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:13px;line-height:1.45}.workspace-project-knowledge textarea::placeholder{color:#9a9a9a}.workspace-project-preview{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.workspace-project-preview span{color:var(--muted);font-size:12px;font-weight:850}.workspace-project-preview div{display:flex;flex-wrap:wrap;gap:7px}.workspace-project-preview b{max-width:100%;min-height:28px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid var(--line-strong);border-radius:8px;color:#111;font-size:12px;font-weight:760;line-height:1.3}.workspace-project-card,.workspace-structured-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfbfb}.workspace-structured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-structured-grid label{display:grid;gap:7px;color:#343434;font-size:13px;font-weight:780}.workspace-structured-grid input{width:100%;min-width:0;height:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:13px}.workspace-structured-grid input::placeholder{color:#9a9a9a}.workspace-project-switcher{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.workspace-project-switcher label{display:grid;gap:7px;color:#343434;font-size:13px;font-weight:780}.workspace-project-switcher select{width:100%;min-width:0;height:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:14px}.workspace-project-switcher>div{display:flex;gap:7px}.workspace-project-switcher button{min-height:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:13px;font-weight:780}.workspace-project-card h3,.workspace-structured-card h3,.interaction-points-card h3,.workspace-section-heading h2{margin:0;font-size:16px;font-weight:900}.interaction-points-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfbfb}.workspace-mini-actions{display:flex;flex-wrap:wrap;gap:8px}.workspace-mini-action{min-height:34px;justify-self:start;padding:0 11px;border:1px solid #111111;border-radius:8px;background:#111;color:#fff;font-size:13px;font-weight:820}.workspace-mini-action.secondary{border-color:var(--line-strong);background:#fff;color:#111}.workspace-mini-action:disabled{opacity:.6}.interaction-point-list{display:grid;gap:8px}.interaction-point-list button{min-height:48px;display:grid;gap:4px;padding:9px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;text-align:left}.interaction-point-list button.active{border-color:#111;box-shadow:inset 0 0 0 1px #111}.interaction-point-list strong{font-size:13px;line-height:1.35}.interaction-point-list span{color:var(--muted);font-size:12px;font-weight:700}.workspace-warning-list{display:grid;gap:7px;padding:12px;border:1px solid #111111;border-radius:8px;background:#fff}.workspace-warning-list span{position:relative;padding-left:13px;color:#333;font-size:13px;line-height:1.45}.workspace-warning-list span:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:#111}.workspace-result-column{min-width:0;display:grid;align-content:start;gap:14px}.workspace-score-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:14px 16px;border:1px solid #111111;border-radius:var(--radius-sm);background:#fff}.workspace-score-card>div:first-child span,.workspace-score-breakdown b{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.workspace-score-card strong{grid-column:2;grid-row:1;font-size:38px;line-height:1;font-weight:950}.workspace-score-card p{margin:0;color:#222;font-weight:780}.workspace-score-breakdown{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-top:10px;border-top:1px solid var(--line)}.workspace-score-breakdown span{display:grid;gap:4px;min-width:0}.workspace-score-breakdown b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-score-breakdown i{color:#111;font-size:18px;font-style:normal;font-weight:920}.workspace-page .ai-result-panel.empty,.workspace-page .ai-result-panel.loading{min-height:460px}.workspace-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 0 28px}.workspace-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-section-heading span{color:var(--muted);font-size:13px;font-weight:750}.workspace-heading-actions{display:inline-flex;align-items:center;gap:8px}.workspace-section-heading button,.workspace-export-actions button,.workspace-history-list button,.workspace-question-stack button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:13px;font-weight:780}.workspace-section-heading button:disabled{opacity:.45}.workspace-question-stack,.pattern-comparison-grid,.interaction-review-list,.point-analysis-list,.rule-debug-grid{display:grid;gap:10px}.pattern-comparison-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.rule-debug-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-comparison-grid article,.interaction-review-list article,.point-analysis-list article,.rule-debug-grid article,.rule-debug-stack{position:relative;min-width:0;display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.pattern-comparison-grid article.recommended{border-color:#111}.pattern-comparison-grid article.rejected{background:snow}.pattern-comparison-grid article>span,.interaction-review-list article>span,.point-analysis-list article>span,.rule-debug-grid span,.rule-debug-stack span{color:var(--muted);font-size:12px;font-weight:850}.pattern-comparison-grid strong,.interaction-review-list strong,.point-analysis-list strong{color:#111;font-size:15px;line-height:1.3}.pattern-comparison-grid p,.interaction-review-list p,.point-analysis-list p,.rule-debug-grid p,.rule-debug-stack p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.point-analysis-list button{width:fit-content;min-height:34px;padding:0 11px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:13px;font-weight:780}.pattern-comparison-grid button{width:fit-content;min-height:32px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:12px;font-weight:780}.pattern-comparison-grid button:disabled{opacity:.6}.pattern-comparison-grid article>b{position:absolute;right:10px;top:10px;color:#111;font-size:18px;line-height:1}.workspace-question-stack article{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfbfb}.workspace-question-stack article div{display:flex;flex-wrap:wrap;gap:8px}.workspace-question-stack button.active{border-color:#111;background:#111;color:#fff}.spec-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spec-editor-grid label{display:grid;gap:7px;color:#343434;font-size:12px;font-weight:850}.spec-editor-grid textarea{min-height:74px;resize:vertical;padding:10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-size:13px;line-height:1.45}.workspace-export-actions{display:flex;flex-wrap:wrap;gap:10px}.workspace-history-list,.workspace-version-list{display:grid;gap:8px}.workspace-version-list article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:stretch}.workspace-version-list label{min-width:64px;min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-strong);border-radius:8px;background:#fbfbfb;color:#333;font-size:12px;font-weight:800}.workspace-version-list input{width:14px;height:14px;accent-color:#111111}.workspace-history-list button{min-height:58px;justify-content:start;display:grid;gap:4px;text-align:left}.workspace-version-list button{min-height:58px;display:grid;gap:4px;justify-content:start;padding:9px 11px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;text-align:left}.workspace-version-list strong{font-size:13px;line-height:1.35}.workspace-history-list span{color:var(--muted);font-size:12px;font-weight:650}.workspace-version-list span{color:var(--muted);font-size:12px;font-weight:650;line-height:1.35}.version-compare-table{display:grid;gap:8px}.version-compare-head,.version-compare-table article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.version-compare-head strong{min-width:0;padding:10px;border:1px solid #111111;border-radius:8px;background:#fff;font-size:13px;line-height:1.35}.version-compare-table article{position:relative;padding-top:22px}.version-compare-table article span{position:absolute;top:0;left:0;color:var(--muted);font-size:11px;font-weight:900}.version-compare-table article p{min-height:52px;margin:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#333;font-size:12px;line-height:1.45}.version-compare-table article.changed p{border-color:#111}.mobile-filter-row{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0;border-bottom:1px solid var(--line)}.mobile-filter-row button{min-height:38px;padding:0 13px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:#111;font-weight:780}.mobile-filter-row button.active,.mobile-filter-row button:hover{border-color:#111;background:#111;color:#fff}.mobile-component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:18px 0 30px}.mobile-component-card{min-width:0;min-height:318px;display:grid;grid-template-rows:154px minmax(0,1fr) auto;gap:12px;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff}.mobile-component-card>div:nth-child(2){display:grid;align-content:start;gap:5px}.mobile-component-card span{color:var(--muted);font-size:12px;font-weight:850}.mobile-component-card h2{margin:0;font-size:22px;line-height:1.15}.mobile-component-card em{color:#555;font-size:13px;font-style:normal;font-weight:700}.mobile-component-card p,.mobile-component-card small{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.mobile-component-notes{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}.mobile-component-notes li{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:#fbfbfb;color:#333;font-size:12px;font-weight:760}.mobile-component-card button{min-height:38px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111;font-weight:800}.mobile-preview-phone{width:96px;height:148px;justify-self:center;display:grid;grid-template-rows:14px minmax(0,1fr);padding:6px;border:2px solid #111111;border-radius:20px;background:#fff}.mobile-phone-top{width:28px;height:4px;justify-self:center;border-radius:999px;background:#111}.mobile-phone-screen{position:relative;overflow:hidden;display:grid;align-content:start;gap:6px;padding:8px;border-radius:14px;background:#f5f5f5}.mobile-phone-screen>i,.mobile-phone-screen>.mobile-hero-block{display:block;height:10px;border-radius:4px;background:#d8d8d8}.mobile-phone-screen>.mobile-hero-block{height:30px;background:#111}.mobile-tabbar,.mobile-navbar,.mobile-search-preview,.mobile-otp-row,.mobile-swipe-row{display:flex;align-items:center;gap:5px}.mobile-tabbar{position:absolute;left:6px;right:6px;bottom:6px;justify-content:space-around;height:24px;border-radius:10px;background:#fff}.mobile-tabbar b,.mobile-navbar b,.mobile-otp-row b{width:10px;height:10px;border-radius:4px;background:#111}.mobile-navbar{height:18px;justify-content:space-between}.mobile-navbar span,.mobile-search-preview span,.mobile-swipe-row span{flex:1;height:9px;border-radius:999px;background:#d0d0d0}.mobile-sheet,.mobile-action-sheet{position:absolute;left:7px;right:7px;bottom:7px;display:grid;gap:6px;padding:8px;border-radius:12px;background:#fff;box-shadow:0 -8px 20px #00000014}.mobile-sheet b,.mobile-sheet span,.mobile-sheet i,.mobile-action-sheet span{height:7px;border-radius:999px;background:#d8d8d8}.mobile-sheet i,.mobile-action-sheet span.danger{background:#111}.mobile-search-preview{height:24px;padding:0 7px;border-radius:999px;background:#fff;color:#111}.mobile-primary-action-preview{min-height:22px;display:grid;place-items:center;border-radius:999px;background:#111;color:#fff;font-size:8px;font-weight:900}.mobile-content-card-preview{display:grid;gap:5px;padding:7px;border-radius:11px;background:#fff}.mobile-content-card-preview b{height:24px;border-radius:8px;background:#dbeafe}.mobile-content-card-preview span{height:6px;border-radius:999px;background:#cbd5e1}.mobile-content-card-preview.compact{grid-template-columns:24px 1fr;align-items:center}.mobile-content-card-preview.compact b{height:24px}.mobile-otp-row{justify-content:center;margin-top:20px}.mobile-otp-row b{width:18px;height:22px;border:1px solid #111111;background:#fff}.mobile-refresh-dot{width:20px;height:20px;justify-self:center;border:3px solid #d8d8d8;border-top-color:#111;border-radius:50%}.mobile-swipe-row{min-height:28px;padding-left:8px;border-radius:8px;background:#fff}.mobile-swipe-row b{align-self:stretch;width:28px;display:grid;place-items:center;border-radius:0 8px 8px 0;background:#111;color:#fff;font-size:12px}.mobile-toast-preview{position:absolute;left:18px;right:18px;top:56px;min-height:24px;display:grid;place-items:center;border-radius:999px;background:#111;color:#fff;font-size:11px;font-weight:800}.mobile-product-img{height:48px;border-radius:10px;background:#111}.mobile-product-button{display:block;width:54px;height:16px;border-radius:999px;background:#111}.mobile-scan-frame{width:56px;height:56px;place-self:center;position:relative;margin-top:12px;border:2px solid #111111;border-radius:10px;background:linear-gradient(90deg,transparent 0 34%,rgba(17,17,17,.14) 34% 40%,transparent 40% 60%,rgba(17,17,17,.14) 60% 66%,transparent 66%),linear-gradient(180deg,transparent 0 45%,#111111 45% 49%,transparent 49%)}.mobile-scan-frame b{position:absolute;width:11px;height:11px;border-color:#111;border-style:solid}.mobile-scan-frame b:nth-child(1){left:6px;top:6px;border-width:2px 0 0 2px}.mobile-scan-frame b:nth-child(2){right:6px;top:6px;border-width:2px 2px 0 0}.mobile-scan-frame b:nth-child(3){right:6px;bottom:6px;border-width:0 2px 2px 0}.mobile-scan-frame b:nth-child(4){left:6px;bottom:6px;border-width:0 0 2px 2px}.mobile-media-preview{height:52px;display:grid;place-items:center;border-radius:10px;background:#111;color:#fff}.mobile-picker-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border-radius:9px;background:#fff}.mobile-picker-preview b{aspect-ratio:1;border-radius:4px;background:#d8d8d8}.mobile-picker-preview b:nth-child(5){background:#111}.mobile-stepper-preview{height:30px;display:grid;grid-template-columns:24px 1fr 24px;align-items:center;text-align:center;border:1px solid #111111;border-radius:999px;background:#fff;color:#111;font-weight:900}.mobile-empty-preview{min-height:58px;display:grid;place-items:center;gap:5px;color:#111}.mobile-empty-preview b{width:50px;height:7px;border-radius:999px;background:#d8d8d8}.mobile-browser-preview,.mobile-input-preview,.mobile-banner-preview,.mobile-permission-preview,.mobile-loading-preview,.mobile-list-preview,.mobile-carousel-preview,.mobile-map-preview{display:grid;gap:5px;padding:7px;border-radius:9px;background:#fff}.mobile-browser-preview b,.mobile-browser-preview span,.mobile-input-preview b,.mobile-banner-preview b,.mobile-banner-preview span,.mobile-permission-preview b,.mobile-loading-preview b,.mobile-list-preview span,.mobile-carousel-preview b,.mobile-map-preview b{height:7px;border-radius:999px;background:#d8d8d8}.mobile-browser-preview b,.mobile-banner-preview b,.mobile-carousel-preview b:first-child{background:#111}.mobile-input-preview{grid-template-columns:32px 1fr;align-items:center}.mobile-input-preview span{color:#666;font-size:8px;font-weight:800}.mobile-banner-preview{grid-template-columns:14px 1fr;align-items:center}.mobile-permission-preview{position:absolute;left:10px;right:10px;bottom:10px;box-shadow:0 8px 18px #0000001f}.mobile-permission-preview strong{color:#111;font-size:10px}.mobile-loading-preview b{background:linear-gradient(90deg,#d8d8d8,#f5f5f5,#d8d8d8)}.mobile-list-preview{grid-template-columns:18px 1fr;align-items:center}.mobile-list-preview b{width:18px;height:18px;border-radius:6px;background:#111}.mobile-carousel-preview{grid-template-columns:repeat(3,1fr)}.mobile-carousel-preview b{height:42px;border-radius:8px}.mobile-map-preview{min-height:58px;position:relative;background:linear-gradient(135deg,transparent 0 48%,#d8d8d8 49% 51%,transparent 52%),#fff}.mobile-map-preview i{width:18px;height:18px;place-self:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#111}.empty-list{min-height:260px;display:grid;place-items:center;justify-items:center;gap:10px;color:var(--muted);text-align:center;border-bottom:1px solid var(--line)}.empty-list strong{color:var(--ink);font-size:18px}.empty-list span{max-width:280px;font-size:14px;line-height:1.6}.explore-section{max-width:var(--max);margin:82px auto 0;padding:0 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px;border-top:1px solid var(--line);padding-top:38px}.section-heading h2{margin:0;font-size:28px;line-height:1.2;letter-spacing:0}.section-heading p{margin:0;color:var(--muted);font-size:15px}.section-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.section-board article{min-height:226px;padding:24px;background:#fff}.section-board article.current{background:#fafafa}.board-title{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0;border:0;background:transparent;color:var(--ink);font-size:18px;font-weight:800}.board-title small{display:inline-flex;min-width:28px;height:24px;align-items:center;justify-content:center;margin-left:auto;margin-right:8px;border-radius:999px;background:#050505;color:#fff;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.section-board p{margin:10px 0 18px;color:var(--muted);font-size:14px;line-height:1.7}.board-links{display:flex;flex-wrap:wrap;gap:8px}.board-links button{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#4d4d4d;font-size:14px}.board-links button:hover{color:#fff;background:#050505;border-color:#050505}.qa-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.qa-strip div{display:grid;grid-template-columns:22px 1fr;column-gap:12px;row-gap:6px;padding:22px 24px 22px 0}.qa-strip div+div{padding-left:24px;border-left:1px solid var(--line)}.qa-strip svg{grid-row:span 2;margin-top:2px}.qa-strip strong{font-size:16px}.qa-strip span{color:var(--muted);font-size:14px;line-height:1.5}.site-footer{max-width:var(--max);margin:30px auto 0;padding:24px 28px 34px;color:var(--muted);text-align:center;font-size:14px}.toast{position:fixed;left:50%;bottom:28px;z-index:40;min-height:44px;display:flex;align-items:center;padding:0 18px;border:1px solid #050505;border-radius:999px;background:#050505;color:#fff;font-size:14px;font-weight:650;box-shadow:0 14px 34px #0000002e;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translate(-50%)}.mini-preview{width:278px;height:66px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden}.mini-preview.large{width:min(100%,360px);height:130px;border:0;background:transparent}.mini-preview button,.mini-solid,.mini-outline,.mini-text{min-height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:13px;font-weight:700}.mini-visual-button{min-width:66px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid transparent;border-radius:4px;color:#050505;font-size:13px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none}.mini-preview .mini-visual-button{pointer-events:none}.mini-visual-button svg{flex:0 0 auto}.mini-visual-button.solid,.mini-visual-button.primary,.mini-visual-button[data-variant=solid],.mini-visual-button[data-variant=primary]{border-color:#050505;background:#050505;color:#fff}.mini-visual-button.outline,.mini-visual-button.secondary,.mini-visual-button[data-variant=outline],.mini-visual-button[data-variant=secondary]{border-color:#9f9f9f;background:#fff;color:#050505}.mini-visual-button.text,.mini-visual-button.ghost,.mini-visual-button[data-variant=text],.mini-visual-button[data-variant=ghost]{min-width:0;border-color:transparent;background:transparent;color:#222}.mini-visual-button.danger,.mini-visual-button.destructive,.mini-visual-button[data-variant=danger],.mini-visual-button[data-variant=destructive]{border-color:var(--red);background:var(--red);color:#fff}.mini-solid{min-width:66px;border:1px solid #050505;background:#050505;color:#fff}.mini-outline{min-width:66px;border:1px solid #9f9f9f;background:#fff;color:#050505}.mini-text{border:0;background:transparent;color:#222}.mini-input{width:230px;min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid #8d8d8d;border-radius:5px;color:#a6a6a6;font-size:13px}.mini-modal{width:210px;min-height:58px;display:grid;grid-template-columns:1fr;gap:4px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 18px #00000017;font-size:12px}.mini-modal strong{font-size:13px}.mini-modal small{color:var(--muted)}.mini-modal em{display:flex;justify-content:flex-end;gap:6px;font-style:normal}.mini-modal b{padding:3px 7px;border:1px solid var(--line);border-radius:4px;font-weight:600;font-size:11px}.mini-modal b:last-child{color:#fff;background:var(--red);border-color:var(--red)}.mini-toast{width:230px;min-height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(22,163,74,.2);border-radius:7px;background:var(--green-soft);box-shadow:0 8px 18px #00000014;color:#151515;font-size:13px}.mini-toast svg:first-child{color:var(--green)}.mini-toast svg:last-child{margin-left:auto;color:#777}.mini-tabs{width:230px;min-height:44px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;color:#555;font-size:13px;text-align:center}.mini-tabs b{position:relative;padding-bottom:8px;font-weight:650}.mini-tabs b:first-child{color:#050505}.mini-tabs b:first-child:after{content:"";position:absolute;left:24%;right:24%;bottom:0;height:2px;background:#050505}.mini-icon-buttons{display:inline-flex;gap:12px}.mini-icon-buttons i{width:34px;height:34px;border:1px solid var(--line-strong);border-radius:50%;background:radial-gradient(circle at center,#111 0 2px,transparent 3px),#fff}.mini-icon-buttons i:first-child{background:radial-gradient(circle at center,#fff 0 2px,transparent 3px),#111}.mini-link-row{min-height:40px;display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:14px;font-weight:800}.mini-menu,.mini-action-sheet,.mini-dropdown{width:230px;min-height:56px;display:grid;grid-template-columns:82px 1fr;align-items:center;gap:10px}.mini-action-sheet{grid-template-columns:1fr;align-content:end;padding:6px;border:1px solid var(--line);border-radius:12px;background:#f4f4f4}.live-document-card,.live-order-card,.live-image-preview-card,.live-recorder-card,.live-payment-form-card,.live-coupon-card,.live-order-summary-card,.live-scanner-card,.live-back-button-card,.live-picker-card,.live-empty-cart-card,.live-empty-help-card,.live-empty-file-card,.live-commerce-status-card{display:grid;gap:12px;align-content:center;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.live-document-card header,.live-document-card footer,.live-order-card header,.live-order-card footer,.live-order-summary-card header,.live-order-summary-card footer,.live-scanner-card header,.live-back-button-card header,.live-recorder-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-document-card header span,.live-order-card header span,.live-scanner-card header span{padding:4px 8px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:12px;font-weight:850}.live-document-card section,.live-order-card main{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;padding:10px;border-radius:8px;background:#f8fafc}.live-document-card section i,.live-order-card main i{width:44px;height:44px;border-radius:8px;background:#111827}.live-document-card div,.live-order-summary-card div{display:flex;justify-content:space-between;color:var(--muted)}.live-image-preview-card section{min-height:150px;display:grid;grid-template-columns:1fr .8fr;gap:8px}.live-image-preview-card i{border-radius:10px;background:linear-gradient(135deg,#111827,#2563eb)}.live-image-preview-card i:first-child{grid-row:span 2}.live-image-preview-card footer,.live-recorder-card footer{display:flex;justify-content:center;gap:8px}.live-recorder-card section{height:74px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:10px;background:#111827}.live-recorder-card section i{width:5px;border-radius:999px;background:#60a5fa}.recording-dot{width:10px;height:10px;border-radius:50%;background:var(--red)}.live-payment-form-card label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.live-payment-form-card input{min-height:34px;border:1px solid var(--line);border-radius:7px;padding:0 10px;color:#111}.live-payment-form-card div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.live-coupon-card{border-style:dashed;background:linear-gradient(135deg,#fff7ed,#fff);text-align:center}.live-coupon-card strong{font-size:32px}.live-scanner-card section{position:relative;min-height:160px;border-radius:12px;background:#111827}.live-scanner-card section b{position:absolute;width:34px;height:34px;border-color:#fff;border-style:solid}.live-scanner-card section b:nth-child(1){left:16px;top:16px;border-width:3px 0 0 3px}.live-scanner-card section b:nth-child(2){right:16px;top:16px;border-width:3px 3px 0 0}.live-scanner-card section b:nth-child(3){right:16px;bottom:16px;border-width:0 3px 3px 0}.live-scanner-card section b:nth-child(4){left:16px;bottom:16px;border-width:0 0 3px 3px}.live-scanner-card section i{position:absolute;left:20%;right:20%;top:50%;height:2px;background:#22c55e}.live-back-button-card header button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#111;font-weight:900}.live-back-button-card header button svg{transform:rotate(180deg)}.live-file-preview-card.document-viewer{gap:12px}.live-file-preview-card.document-viewer footer{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.live-picker-card header,.live-commerce-status-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-picker-card header button,.live-empty-cart-card button,.live-empty-help-card button,.live-empty-file-card button{min-height:34px;border:0;border-radius:7px;padding:0 12px;background:#111;color:#fff;font-weight:850}.live-picker-card section{display:grid;gap:8px}.live-picker-card.file-picker section span{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border-radius:8px;background:#f8fafc;color:#111;font-weight:850}.live-picker-card.file-picker section b{width:23px;height:28px;border-radius:6px;background:#111827}.live-picker-card.image-picker section{grid-template-columns:repeat(3,minmax(0,1fr))}.live-picker-card.image-picker section i{aspect-ratio:1;border:2px solid transparent;border-radius:10px;background:linear-gradient(135deg,#111827,#2563eb 54%,#f97316)}.live-picker-card.image-picker section i.selected{border-color:#111;box-shadow:0 0 0 2px #fff inset}.live-picker-card.payment-picker label{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:#111;font-weight:850}.live-empty-cart-card,.live-empty-help-card,.live-empty-file-card{text-align:center;justify-items:center}.live-empty-cart-card svg,.live-empty-file-card svg{color:var(--blue)}.live-empty-cart-card section{display:flex;gap:7px}.live-empty-cart-card section i{width:42px;height:30px;border-radius:8px;background:#f1f5f9}.live-empty-help-card div{width:min(100%,240px);min-height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.live-empty-help-card p,.live-empty-file-card span,.live-empty-cart-card span{margin:0;color:var(--muted);font-size:13px}.live-commerce-status-card header span{padding:4px 8px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:12px;font-weight:900}.live-commerce-status-card section{display:grid;gap:4px;padding:12px;border-radius:8px;background:#f8fafc}.live-commerce-status-card section small{color:var(--muted);font-weight:800}.live-commerce-status-card ol{margin:0;padding:0;display:grid;gap:8px;list-style:none}.live-commerce-status-card li{position:relative;padding-left:18px;color:var(--muted);font-size:12px;font-weight:850}.live-commerce-status-card li:before{content:"";position:absolute;left:0;top:4px;width:8px;height:8px;border-radius:50%;background:#cbd5e1}.live-commerce-status-card li.done{color:#111}.live-commerce-status-card li.done:before{background:var(--green)}.live-specific-card{min-height:260px;display:grid;gap:12px;align-content:center;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.live-specific-card header,.live-specific-card footer,.live-specific-card .profile-row,.live-specific-card .path-row,.live-specific-card .inline-form,.live-specific-card .quantity-row,.live-specific-card .sticky-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-specific-card header span,.live-specific-card small,.live-specific-card p,.live-specific-card section span{color:var(--muted)}.live-specific-card button{min-height:32px;border:1px solid var(--line-strong);border-radius:7px;padding:0 10px;background:#fff;color:#111;font-weight:850}.live-specific-card button.active,.live-specific-card button.danger,.live-specific-card .danger{border-color:#111;background:#111;color:#fff}.specific-link section,.specific-button section,.specific-content section,.specific-control section,.specific-commerce section,.specific-ai section,.specific-i18n section,.specific-mobile section{display:grid;gap:8px;padding:12px;border-radius:8px;background:#f8fafc}.specific-link section{grid-template-columns:auto 1fr auto;align-items:center}.specific-icon section{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px}.specific-icon section i,.specific-icon .brand-mark,.specific-icon section button,.specific-content .profile-row b,.specific-commerce .account-menu b,.specific-media .avatar-upload b{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:#111827;color:#fff;font-weight:900}.specific-icon.expand-icon section button{width:auto;grid-template-columns:auto 1fr;display:inline-grid;gap:8px}.specific-button header button{width:42px;min-height:42px;padding:0;border-radius:50%}.specific-tag-chip span.selected{background:#111;color:#fff}.specific-control .specific-bottom-nav{min-height:64px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.specific-control .specific-bottom-nav button{min-height:42px;display:grid;place-items:center;border-radius:10px}.specific-control .specific-action-sheet{align-content:end}.specific-control .specific-action-sheet>b{justify-self:center;width:42px;height:4px;border-radius:999px;background:#cbd5e1}.specific-control .specific-date-picker header{display:flex;justify-content:space-between}.specific-control .specific-date-picker div{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.specific-control .specific-date-picker i,.specific-control .specific-otp b{min-height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:#111;font-style:normal;font-weight:850}.specific-control .specific-date-picker i.selected,.specific-control .specific-otp b.focus{border-color:#111;box-shadow:0 0 0 2px #111 inset}.specific-control .specific-otp{grid-template-columns:repeat(4,1fr)}.specific-control .specific-otp small{grid-column:1 / -1}.specific-control .specific-structured-table,.specific-control .specific-role-matrix{grid-template-columns:repeat(3,1fr)}.specific-control .specific-structured-table b,.specific-control .specific-role-matrix b{padding:7px;border-radius:6px;background:#111827;color:#fff}.specific-control .specific-structured-table span,.specific-control .specific-role-matrix span{padding:7px;border-radius:6px;background:#fff;color:#111}.specific-control .specific-tree b,.specific-control .specific-tree span{min-height:28px;display:flex;align-items:center;padding:0 9px;border-radius:7px;background:#fff;color:#111}.specific-control .specific-tree span{margin-left:18px;color:var(--muted)}.specific-control .specific-access{text-align:left}.specific-control .specific-access.denied{border-color:#dc262647;background:var(--red-soft)}.specific-control .specific-checkout-stepper{grid-template-columns:repeat(3,1fr)}.specific-control .specific-checkout-stepper b{min-height:42px;display:grid;place-items:center;border-radius:999px;background:#e5e7eb;color:#111}.specific-control .specific-checkout-stepper b.done{background:var(--green-soft);color:var(--green)}.specific-control .specific-checkout-stepper b.active{background:#111827;color:#fff}.specific-control .specific-checkout-stepper footer{grid-column:1 / -1}.specific-content{justify-items:stretch}.specific-content .metric-value,.specific-commerce .metric-value{font-size:34px;line-height:1}.specific-content .timer,.specific-overlay .timer{font-size:34px;font-weight:900;letter-spacing:0}.specific-content .avatar-stack{display:flex;align-items:center;gap:0;background:transparent;padding:0}.specific-content .avatar-stack b,.specific-content .avatar-stack span{width:38px;height:38px;display:grid;place-items:center;margin-left:-8px;border:2px solid #fff;border-radius:50%;background:#111827;color:#fff;font-size:12px;font-weight:900}.specific-content .avatar-stack b:first-child{margin-left:0}.specific-overlay{grid-template-columns:minmax(0,1fr) minmax(190px,.9fr);overflow:hidden;background:linear-gradient(90deg,#f8fafc,#fff)}.specific-overlay>main{display:grid;gap:8px;align-content:center}.specific-overlay>main i{height:12px;border-radius:999px;background:#e5e7eb}.specific-overlay>section{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 16px 32px #0f172a1f}.specific-overlay.bottom-sheet,.specific-overlay.mobile-toast,.specific-overlay.snackbar{align-content:end}.specific-overlay.bottom-sheet>section,.specific-overlay.mobile-toast>section,.specific-overlay.snackbar>section{grid-column:1 / -1;align-self:end}.specific-overlay.fullscreen-modal{grid-template-columns:1fr}.specific-overlay.fullscreen-modal>section{min-height:220px}.specific-overlay .lightbox-frame,.specific-media .image-frame,.specific-media .cropper,.specific-media .compare{min-height:110px;border-radius:10px;background:linear-gradient(135deg,#111827,#2563eb 55%,#f97316)}.specific-chart .treemap{min-height:150px;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr .8fr;gap:6px}.specific-chart .treemap b,.specific-chart .chart-bars i{border-radius:8px;background:#111827}.specific-chart .treemap b:nth-child(2){background:#2563eb}.specific-chart .treemap b:nth-child(3){background:#16a34a}.specific-chart .treemap b:nth-child(4){background:#f59e0b}.specific-chart .chart-bars{position:relative;min-height:150px;display:flex;align-items:end;justify-content:center;gap:8px;padding:18px 12px;border-radius:10px;background:#f8fafc}.specific-chart .chart-bars i{width:26px;background:#2563eb}.specific-chart .chart-bars em{position:absolute;right:18px;top:18px;padding:5px 8px;border-radius:7px;background:#111;color:#fff;font-style:normal;font-weight:850}.specific-editor nav{display:flex;align-items:center;gap:6px}.specific-editor nav span{margin-left:auto;color:var(--green);font-weight:850}.specific-editor section{display:grid;gap:8px;min-height:150px;padding:12px;border-radius:10px;background:#f8fafc}.specific-editor .flowchart{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center}.specific-editor .flowchart b,.specific-editor .diff b,.specific-editor .toggle-preview button{padding:8px;border-radius:8px;background:#fff;color:#111}.specific-editor .flowchart i{width:26px;height:2px;background:#111827}.specific-editor .diff b:first-child{color:var(--red)}.specific-editor .diff b:nth-child(n+2){color:var(--green)}.specific-editor input,.specific-commerce input,.specific-ai textarea,.specific-i18n input,.specific-overlay input{min-height:34px;border:1px solid var(--line);border-radius:7px;padding:0 10px;color:#111;background:#fff}.specific-media .media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.specific-media .media-grid i,.specific-media .image-frame i{min-height:68px;border-radius:9px;background:linear-gradient(135deg,#111827,#2563eb)}.specific-media .folder-tile,.specific-media .file-thumb{display:grid;gap:6px;justify-items:center;padding:14px;border-radius:10px;background:#f8fafc}.specific-media .folder-tile b,.specific-media .file-thumb b{width:60px;height:44px;display:grid;place-items:center;border-radius:8px;background:#111827;color:#fff}.specific-media .folder-tree-list,.specific-media .file-picker-list,.specific-media .image-picker-grid,.specific-media .image-placeholder-card,.specific-media .image-upload-dropzone,.specific-media .broken-image-card{display:grid;gap:8px;padding:12px;border-radius:10px;background:#f8fafc}.specific-media .folder-tree-list span,.specific-media .file-picker-list span{min-height:28px;display:flex;align-items:center;padding:0 10px 0 22px;border-radius:8px;background:#fff;color:var(--text);font-size:12px;font-weight:800}.specific-media .folder-tree-list b{color:var(--text)}.specific-media .folder-tree-list span{margin-left:14px}.specific-media .image-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.specific-media .image-picker-grid i{aspect-ratio:1;border:2px solid transparent;border-radius:10px;background:linear-gradient(135deg,#111827,#38bdf8)}.specific-media .image-picker-grid i.selected{border-color:#111827;box-shadow:0 0 0 2px #fff inset}.specific-media .image-picker-grid button{grid-column:1 / -1}.specific-media .image-placeholder-card,.specific-media .image-upload-dropzone,.specific-media .broken-image-card{min-height:118px;place-items:center;text-align:center}.specific-media .image-placeholder-card i{width:72px;height:48px;border-radius:10px;background:repeating-linear-gradient(135deg,#e2e8f0 0,#e2e8f0 8px,#f8fafc 8px,#f8fafc 16px)}.specific-media .image-upload-dropzone{border:1px dashed #94a3b8}.specific-media .image-upload-dropzone b,.specific-media .broken-image-card b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#111827;color:#fff;font-size:22px}.specific-media .broken-image-card b{background:var(--red)}.specific-media .document-reader{grid-template-columns:72px minmax(0,1fr);gap:10px}.specific-media .document-reader aside,.specific-media .document-reader main,.specific-media .file-operation-row{display:grid;gap:7px;padding:10px;border-radius:9px;background:#f8fafc}.specific-media .document-reader aside b{width:44px;height:52px;display:grid;place-items:center;border-radius:8px;background:#111827;color:#fff}.specific-media .document-reader main i{height:10px;border-radius:999px;background:#cbd5e1}.specific-media .document-reader footer{grid-column:1 / -1;justify-content:center}.specific-media .media-player-frame{min-height:142px;display:grid;place-items:center;gap:10px;border-radius:12px;background:#111827;color:#fff}.specific-media .media-player-frame b{width:min(78%,220px);height:8px;border-radius:999px;background:#ffffff4d}.specific-media .media-player-frame span{color:#cbd5e1}.specific-media .file-operation-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.specific-media .file-operation-row span{grid-column:1 / -1}.specific-media .media-list-item{grid-template-columns:58px minmax(0,1fr) auto;align-items:center}.specific-media .media-list-item i{width:54px;height:54px;display:grid;place-items:center;border-radius:12px;background:#111827;color:#fff}.specific-media .cropper,.specific-media .compare{position:relative}.specific-media .cropper b,.specific-media .compare b{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:2px solid #fff;border-radius:8px}.specific-media .waveform,.specific-mobile .waveform{min-height:90px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:10px;background:#111827}.specific-media .waveform i,.specific-mobile .waveform i{width:5px;border-radius:999px;background:#60a5fa}.specific-commerce .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.specific-commerce .product-grid article{display:grid;gap:6px;padding:8px;border-radius:9px;background:#f8fafc}.specific-commerce .product-grid i{min-height:48px;border-radius:8px;background:linear-gradient(135deg,#111827,#2563eb)}.specific-commerce .old-price{text-decoration:line-through}.specific-commerce .meter,.specific-ai .meter{height:10px;overflow:hidden;border-radius:999px;background:#e5e7eb}.specific-commerce .meter i,.specific-ai .meter i{display:block;width:72%;height:100%;background:#2563eb}.specific-commerce .backup-codes{grid-template-columns:repeat(3,1fr)}.specific-commerce .backup-codes b{padding:8px;border-radius:7px;background:#111827;color:#fff;text-align:center}.specific-ai .prompt-chips{display:flex;flex-wrap:wrap}.specific-ai .prompt-chips b,.specific-i18n button,.specific-commerce .stock{width:fit-content;padding:6px 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue)}.specific-ai .ai-streaming-preview,.specific-ai .ai-tool-status,.specific-ai .ai-suggestion-preview,.specific-ai .ai-confidence-preview,.specific-ai .ai-grounding-preview,.specific-ai .ai-prompt-composer,.specific-ai .ai-context-attachment,.specific-ai .ai-safety-status{display:grid;gap:9px}.specific-ai .ai-streaming-preview p,.specific-ai .ai-suggestion-preview p{margin:0;padding:10px;border-radius:9px;background:#f8fafc;color:var(--text);font-weight:800}.specific-ai .ai-streaming-preview b{height:8px;border-radius:999px;background:#cbd5e1}.specific-ai .ai-streaming-preview b:nth-of-type(1){width:82%}.specific-ai .ai-streaming-preview .cursor{color:var(--blue);animation:blink .9s steps(2,start) infinite}.specific-ai .ai-tool-status b{min-height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:9px;background:#f8fafc;color:var(--text)}.specific-ai .ai-tool-status b:after{content:"Queued";color:var(--muted);font-size:11px}.specific-ai .ai-tool-status b.running:after{content:"Running";color:var(--blue)}.specific-ai .ai-tool-status b.done:after{content:"Done";color:var(--green)}.specific-ai .ai-suggestion-preview div{display:flex;gap:8px}.specific-ai .ai-prompt-composer textarea{min-height:76px}.specific-ai .ai-prompt-composer footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.specific-ai .ai-context-attachment span{min-height:30px;display:flex;align-items:center;padding:0 10px;border-radius:8px;background:#fff;color:var(--text);font-weight:800}.specific-ai .ai-confidence-preview strong{color:var(--text)}.specific-ai .ai-grounding-preview b{width:fit-content;padding:6px 10px;border-radius:999px;background:#ecfdf5;color:var(--green)}.specific-ai .ai-grounding-preview ol{margin:0;padding-left:18px;color:var(--muted);font-weight:750}.specific-ai .ai-safety-status{border:1px solid rgba(220,38,38,.22);background:#fff7f7}.specific-ai .ai-safety-status b{color:var(--red)}.specific-i18n section{align-content:center}.specific-i18n label{display:flex;align-items:center;gap:8px}.specific-mobile .sticky-bar{min-height:54px;padding:0 12px;border-radius:12px;background:#111827;color:#fff}.specific-mobile .sticky-bar span{color:#cbd5e1}.specific-mobile .coupon-ticket{border:1px dashed #f97316;background:#fff7ed;text-align:center}.specific-mobile .bottom-task{align-content:end}.specific-mobile .bottom-task>b{justify-self:center;width:44px;height:4px;border-radius:999px;background:#cbd5e1}.specific-mobile .sort-sheet label,.specific-mobile .bottom-task label{display:flex;align-items:center;gap:8px}.specific-mobile .sticky-action{background:#111827}.specific-mobile .keyboard-avoidance{grid-template-rows:auto 1fr auto}.specific-mobile .keyboard-avoidance input{min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px}.specific-mobile .keyboard-avoidance b{min-height:86px;display:grid;place-items:center;border-radius:12px;background:#111827;color:#fff}.specific-mobile .mic{width:58px;height:58px;border-radius:50%;background:#111827;color:#fff}.specific-mobile .grid-state-table{grid-template-columns:1fr 1fr}.specific-mobile .grid-state-table .pinned{background:#eef2ff}.specific-mobile .kanban{grid-template-columns:repeat(3,1fr)}.specific-mobile .kanban b{min-height:80px;border-radius:8px;background:#f8fafc;padding:8px}.specific-mobile .qr-frame{min-height:150px;place-items:center;background:#111827;color:#fff}.specific-mobile .qr-frame b{width:42px;height:42px;background:#fff}.specific-mobile .camera-capture,.specific-mobile .nfc-scan,.specific-mobile .bluetooth-connection,.specific-mobile .orientation-notice,.specific-mobile .mobile-map-view,.specific-mobile .locate-me{min-height:150px;place-items:center;text-align:center}.specific-mobile .camera-capture{background:#111827;color:#fff}.specific-mobile .camera-capture i{width:132px;height:82px;border:2px solid #fff;border-radius:14px;background:radial-gradient(circle at center,transparent 0 26%,rgba(255,255,255,.22) 27% 30%,transparent 31%)}.specific-mobile .camera-capture b{width:54px;height:54px;border-radius:50%;border:4px solid #fff}.specific-mobile .nfc-scan b,.specific-mobile .orientation-notice b{color:var(--text);font-size:18px}.specific-mobile .nfc-scan i{width:84px;height:84px;border:3px solid #2563eb;border-radius:50%;box-shadow:0 0 0 12px #2563eb1a}.specific-mobile .bluetooth-connection .meter{width:min(100%,180px);height:10px;border-radius:999px;background:#e5e7eb}.specific-mobile .bluetooth-connection .meter i{display:block;width:58%;height:100%;border-radius:inherit;background:#2563eb}.specific-mobile .mobile-map-view,.specific-mobile .locate-me{background:#ecfeff}.specific-mobile .mobile-map-view i,.specific-mobile .locate-me i{width:150px;height:92px;border-radius:14px;background:linear-gradient(90deg,rgba(17,24,39,.14) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(rgba(17,24,39,.14) 1px,transparent 1px) 0 0 / 34px 34px,#fff}.specific-mobile .sku-sheet div{display:flex;gap:8px}.specific-mobile .sku-sheet button.active{background:#111827;color:#fff}.specific-mobile .address-sheet label,.specific-mobile .payment-method-sheet label{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 9px;border-radius:8px;background:#fff}.specific-mobile .mobile-status-bar-preview{grid-template-columns:auto 1fr auto auto;align-items:center}.specific-mobile .mobile-status-bar-preview b{height:8px;border-radius:999px;background:#111827}.specific-mobile .mobile-safe-area-preview{min-height:160px;grid-template-rows:28px 1fr 22px;padding:0;overflow:hidden;border:1px solid var(--line);background:#fff}.specific-mobile .mobile-safe-area-preview header,.specific-mobile .mobile-safe-area-preview footer{display:grid;place-items:center;background:#111827;color:#fff;font-size:11px;font-weight:850}.specific-mobile .mobile-safe-area-preview main,.specific-mobile .mobile-splash-preview,.specific-mobile .biometric-prompt-preview{display:grid;place-items:center;text-align:center}.specific-mobile .mobile-splash-preview b,.specific-mobile .biometric-prompt-preview b{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#111827;color:#fff}.specific-mobile .mobile-segmented-preview{grid-template-columns:repeat(3,1fr)}.specific-mobile .mobile-segmented-preview button.active{background:#111827;color:#fff}.specific-mobile .mobile-keypad-preview{grid-template-columns:repeat(3,1fr)}.specific-mobile .mobile-keypad-preview button{min-height:36px;border-radius:10px}.specific-mobile .mobile-keyboard-accessory-preview{grid-template-rows:auto 1fr}.specific-mobile .mobile-keyboard-accessory-preview div{display:flex;justify-content:space-between}.specific-mobile .mobile-keyboard-accessory-preview b{min-height:86px;display:grid;place-items:center;border-radius:12px;background:#111827;color:#fff}.specific-mobile .mobile-wheel-picker-preview{grid-template-columns:repeat(5,1fr);align-items:center;text-align:center}.specific-mobile .mobile-wheel-picker-preview b{padding:8px 0;border-block:1px solid var(--line-strong);color:var(--text)}.specific-mobile .mobile-location-picker-preview i{min-height:88px;border-radius:14px;background:radial-gradient(circle at center,#ef4444 0 6px,transparent 7px),linear-gradient(90deg,rgba(17,24,39,.12) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(rgba(17,24,39,.12) 1px,transparent 1px) 0 0 / 28px 28px,#fff}.specific-mobile .haptic-feedback-preview{grid-template-columns:auto 1fr repeat(3,12px);align-items:center}.specific-mobile .haptic-feedback-preview i{height:28px;border-radius:999px;background:#2563eb;opacity:.25}.specific-mobile .haptic-feedback-preview i:nth-of-type(2){opacity:.5}.specific-mobile .haptic-feedback-preview i:nth-of-type(3){opacity:.85}.specific-mobile .mobile-command-entry-preview{grid-template-columns:auto 1fr auto;align-items:center}.specific-mobile .video-recorder-preview{min-height:150px;place-items:center;background:#111827;color:#fff}.specific-mobile .video-recorder-preview i{width:150px;height:86px;border-radius:14px;background:linear-gradient(135deg,#1f2937,#2563eb)}.specific-control .specific-tree-select,.specific-control .specific-column-control{align-content:start}.specific-control .specific-tree-select label,.specific-control .specific-column-control label{min-height:30px;display:flex;align-items:center;gap:8px;padding:0 9px;border-radius:8px;background:#fff}.specific-control .specific-transfer{grid-template-columns:1fr auto 1fr;align-items:stretch}.specific-control .specific-transfer aside{display:grid;gap:7px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.specific-control .specific-transfer nav{display:grid;gap:6px;align-content:center}.specific-control .specific-picker-grid{grid-template-columns:repeat(3,1fr);place-items:center}.specific-control .specific-picker-grid>*{min-width:42px;min-height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff}.specific-control .specific-reaction,.specific-control .specific-action-bar,.specific-control .specific-segmented{display:flex;align-items:center;flex-wrap:wrap}.specific-control .specific-split-button{grid-template-columns:1fr 42px}.specific-control .specific-split-button div{grid-column:1 / -1;display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.specific-control .specific-pricing-table{grid-template-columns:repeat(3,1fr)}.specific-control .specific-pricing-table article{display:grid;gap:5px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.specific-control .specific-pricing-table article.featured{border-color:#111827;box-shadow:inset 0 0 0 2px #111827}.specific-control .specific-pricing-table strong{color:#111827;font-size:20px}.specific-control .specific-docs-nav{grid-template-columns:132px 1fr}.specific-control .specific-docs-nav aside,.specific-control .specific-docs-nav main{display:grid;gap:7px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.specific-control .specific-docs-nav span.active{color:#111827;font-weight:900}.specific-control .specific-docs-nav p{min-height:60px;border-radius:8px;background:#e5e7eb}.specific-chart .map-legend-preview{min-height:150px;align-content:center}.specific-chart .map-legend-preview b{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:8px;background:#fff}.specific-chart .map-legend-preview i{width:14px;height:14px;border-radius:50%;background:#16a34a}.specific-chart .map-legend-preview b:nth-child(2) i{background:#f59e0b}.specific-chart .map-legend-preview b:nth-child(3) i{background:#dc2626}.specific-chart .map-visual-preview,.specific-mobile .location-control-preview{position:relative;min-height:160px;overflow:hidden;place-items:center;background:linear-gradient(90deg,rgba(17,24,39,.12) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(rgba(17,24,39,.12) 1px,transparent 1px) 0 0 / 34px 34px,#ecfeff}.specific-chart .map-visual-preview i,.specific-mobile .location-control-preview i{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:18px;background:radial-gradient(circle at 64% 44%,rgba(245,158,11,.45),transparent 0 18%,rgba(37,99,235,.18) 19% 34%,transparent 35%)}.specific-chart .map-visual-preview b{position:absolute;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 4px 10px #0f172a3d}.specific-chart .map-visual-preview b:nth-of-type(1){left:28%;top:38%}.specific-chart .map-visual-preview b:nth-of-type(2){left:58%;top:30%;background:#f59e0b}.specific-chart .map-visual-preview b:nth-of-type(3){left:68%;top:62%;background:#16a34a}.specific-chart .map-visual-preview em{position:absolute;right:14px;bottom:14px;padding:5px 8px;border-radius:7px;background:#111827;color:#fff;font-style:normal;font-weight:850}.specific-media .upload-queue{grid-template-columns:minmax(0,1fr) auto}.specific-media .upload-queue b,.specific-media .upload-queue span{min-height:32px;display:flex;align-items:center;padding:0 9px;border-radius:8px;background:#fff}.specific-media .upload-status-card .meter{height:10px;overflow:hidden;border-radius:999px;background:#e5e7eb}.specific-media .upload-status-card .meter i{display:block;width:58%;height:100%;background:#2563eb}.specific-media .product-carousel-preview{grid-template-columns:auto 1fr auto;align-items:center}.specific-media .product-carousel-preview i{min-height:130px;border-radius:12px;background:linear-gradient(135deg,#111827,#2563eb 54%,#f59e0b)}.specific-media .product-carousel-preview footer{grid-column:1 / -1;display:flex;justify-content:center;gap:6px}.specific-media .product-carousel-preview footer b{width:24px;height:6px;border-radius:999px;background:#cbd5e1}.specific-media .product-carousel-preview footer b.active{background:#111827}.specific-ai .ai-context-panel{grid-template-columns:.9fr 1.1fr}.specific-ai .ai-context-panel aside,.specific-ai .ai-context-panel main,.specific-ai .ai-tool-log{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.specific-ai .ai-tool-log ol{margin:0;padding-left:18px;color:var(--muted);font-weight:750}.specific-status .save-status-card{display:grid;gap:9px;padding:12px;border-radius:8px;background:#f8fafc}.specific-status .status-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.specific-status .status-steps i{height:8px;border-radius:999px;background:#cbd5e1}.specific-status .status-steps i.done{background:#16a34a}.specific-mobile .location-control-preview{text-align:center}.specific-mobile .location-control-preview b,.specific-mobile .location-control-preview span,.specific-mobile .location-control-preview button{position:relative;z-index:1}.semantic-specific section,.semantic-specific fieldset,.specific-table section,.specific-domain section{min-width:0}.specific-steps{grid-template-columns:repeat(3,1fr);align-items:center}.specific-steps b,.specific-wizard-form b{min-height:34px;display:grid;place-items:center;border-radius:999px;background:#e5e7eb;color:#475569;font-size:12px}.specific-steps b.done,.specific-wizard-form b.done{background:#dcfce7;color:#15803d}.specific-steps b.active,.specific-wizard-form b.active{background:#111827;color:#fff}.specific-steps span,.specific-selector span,.specific-loading-state span{grid-column:1 / -1;color:var(--muted);font-size:12px;font-weight:750}.specific-tab-panel nav,.specific-page-number,.specific-react-toggle,.specific-status-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.specific-tab-panel nav button,.specific-page-number button,.specific-react-toggle button,.specific-selector button{min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:850}.specific-tab-panel nav .active,.specific-page-number .active,.specific-react-toggle .active,.specific-selector .active{background:#111827;color:#fff}.specific-tab-panel main,.specific-banner,.specific-result,.specific-fieldset,.specific-wizard-form,.specific-selector,.specific-loading-state{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.specific-banner.warning,.specific-result.warning{border-color:#facc15;background:#fefce8}.specific-result.success{border-color:#86efac;background:#f0fdf4}.specific-result.info{border-color:#bfdbfe;background:#eff6ff}.specific-result.empty{border-color:#e5e7eb;background:#f8fafc}.specific-result.danger,.specific-dialog-mini.danger{border-color:#fecaca;background:#fef2f2}.specific-rating,.specific-connection,.specific-data-state,.specific-dialog-mini,.specific-search-box,.specific-pull-refresh,.specific-swipe-action{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.specific-rating div,.specific-dialog-mini footer{display:flex;gap:8px;flex-wrap:wrap}.specific-rating button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:#fff;font-weight:900}.specific-rating button.active{background:#111827;color:#fff}.specific-rating textarea{min-height:58px;resize:none;border:1px solid var(--line);border-radius:8px;padding:8px}.specific-connection.online{border-color:#86efac;background:#f0fdf4}.specific-connection.offline{border-color:#fed7aa;background:#fff7ed}.specific-data-state div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.specific-data-state i{height:42px;border-radius:8px;background:#e5e7eb}.specific-loading-overlay{position:relative;min-height:170px;overflow:hidden}.specific-loading-overlay main{display:grid;gap:10px;padding:14px;border-radius:10px;background:#f8fafc}.specific-loading-overlay main i{height:18px;border-radius:999px;background:#e5e7eb}.specific-loading-overlay div{position:absolute;top:38px;right:38px;bottom:38px;left:38px;display:grid;place-items:center;gap:6px;padding:16px;border-radius:12px;background:#ffffffe0;box-shadow:0 18px 40px #0f172a26;text-align:center}.specific-search-box{grid-template-columns:20px 1fr auto;align-items:center}.specific-search-box input{min-height:34px;border:1px solid var(--line);border-radius:8px;padding:0 8px}.specific-search-box div{grid-column:1 / -1;display:flex;gap:7px;flex-wrap:wrap}.specific-search-box div span{padding:5px 8px;border-radius:999px;background:#f1f5f9;font-size:12px;font-weight:800}.specific-pull-refresh{text-align:center}.specific-pull-refresh i{width:34px;height:34px;justify-self:center;border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%}.specific-pull-refresh main{display:grid;gap:7px}.specific-pull-refresh p{height:9px;margin:0;border-radius:999px;background:#e5e7eb}.specific-swipe-action article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px;border-radius:10px;background:#f8fafc}.specific-swipe-action button{min-height:30px;border:0;border-radius:8px;padding:0 10px;background:#111827;color:#fff;font-weight:850}.specific-swipe-action button.danger{background:#dc2626}.contextual-selector label{grid-column:1 / -1;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.contextual-selector input{min-width:0;border:0;background:transparent;font:inherit;font-size:12px;font-weight:800}.specific-footer-nav,.specific-anchor-nav,.specific-recent-nav,.specific-prev-next,.specific-drag-sort{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.specific-footer-nav,.specific-anchor-nav,.specific-recent-nav,.specific-prev-next{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));align-items:center}.specific-anchor-nav a,.specific-footer-nav button,.specific-recent-nav button,.specific-prev-next button{min-height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:#111;font-size:12px;font-weight:850;text-decoration:none}.specific-anchor-nav .active,.specific-footer-nav .active,.specific-recent-nav .active{border-color:#111827;background:#111827;color:#fff}.specific-infinite-scroll{display:grid;gap:8px}.specific-infinite-scroll article{height:32px;border-radius:8px;background:#e5e7eb}.specific-drag-sort article{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.specific-drag-sort article.active{border-color:#111827;background:#fff;box-shadow:0 8px 20px #0f172a1a}.specific-drag-sort b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#111827;color:#fff;font-size:12px}.specific-drag-sort button{min-height:28px;padding:0 8px;letter-spacing:0}.taxonomy-a11y-announcement article.danger{border-color:#fecaca;background:#fef2f2}.taxonomy-i18n-format>div:last-of-type{display:none}.specific-fieldset{grid-template-columns:1fr 1fr}.specific-fieldset legend{padding:0 7px;font-weight:900}.specific-fieldset label,.specific-card-field label,.specific-security-list label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.specific-fieldset input,.specific-card-field input,.specific-support-chat input{min-height:32px;border:1px solid var(--line);border-radius:7px;padding:0 8px}.specific-wizard-form div,.specific-swatch-grid,.specific-scale,.specific-motion-timeline{display:grid;gap:8px}.specific-wizard-form div{grid-template-columns:repeat(3,1fr)}.specific-nav-rail{width:124px;display:grid;gap:8px;padding:10px;border-radius:16px;background:#111827}.specific-nav-rail button{min-height:40px;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;border:0;border-radius:10px;background:transparent;color:#cbd5e1;font-size:12px;font-weight:850}.specific-nav-rail .active{background:#fff;color:#111827}.specific-command-entry{grid-template-columns:20px 1fr auto;align-items:center}.specific-shortcuts,.specific-table section{display:grid;grid-template-columns:1fr .9fr .9fr;gap:6px}.specific-shortcuts b,.specific-table b,.specific-table span,.specific-shortcuts span,.specific-shortcuts kbd{min-height:30px;display:flex;align-items:center;padding:0 8px;border-radius:7px;background:#fff;font-size:12px;font-weight:800}.specific-shortcuts b,.specific-table b{background:#111827;color:#fff}.specific-shortcuts kbd{justify-content:center;border:1px solid var(--line);font-family:inherit}.specific-table-pagination,.specific-table-toolbar{grid-template-columns:1fr!important}.specific-table-pagination div,.specific-table-toolbar{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px}.specific-table-empty{grid-template-columns:1fr!important;justify-items:center;text-align:center}.specific-product-list,.specific-order-list,.specific-product-gallery,.specific-review-list,.specific-subscription,.specific-danger-zone,.specific-ticket-list,.specific-help-entry,.specific-service-status,.specific-image-annotation{display:grid;gap:8px}.specific-product-list article,.specific-order-list b,.specific-ticket-list b,.specific-service-status b{display:grid;gap:4px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.specific-product-list article{grid-template-columns:34px 1fr auto;align-items:center}.specific-product-list i,.specific-product-gallery i,.image-annotation-preview i{border-radius:8px;background:linear-gradient(135deg,#e5e7eb,#cbd5e1)}.specific-product-list i{width:34px;height:34px}.specific-product-gallery{grid-template-columns:1fr .45fr}.specific-product-gallery i{min-height:52px}.specific-product-gallery .hero{grid-row:span 3;min-height:180px}.specific-subscription div{display:flex;gap:8px;flex-wrap:wrap}.specific-danger-zone input{min-height:32px;border:1px solid var(--line);border-radius:7px;padding:0 8px}.specific-service-status .success{border-color:#86efac;background:#f0fdf4;color:#166534}.specific-service-status .warning{border-color:#facc15;background:#fefce8;color:#854d0e}.image-annotation-preview{position:relative}.image-annotation-preview i{min-height:150px}.image-annotation-preview b,.image-annotation-preview span{justify-self:start;padding:5px 8px;border-radius:999px;background:#111827;color:#fff!important;font-size:12px}.specific-swatch-grid{grid-template-columns:repeat(3,1fr)}.specific-swatch-grid b{min-height:54px;display:flex;align-items:end;padding:6px;border-radius:9px;color:#fff;font-size:10px}.specific-swatch-grid b:last-child{color:#111827}.specific-scale.spacing b,.specific-scale.type b,.specific-motion-timeline b,.specific-status-badges b{min-height:30px;display:flex;align-items:center;gap:8px;border-radius:7px;font-weight:850}.specific-scale.spacing i{height:10px;border-radius:999px;background:#2563eb}.specific-scale.type .h1{font-size:22px}.specific-scale.type .body{font-size:15px}.specific-scale.type .caption{color:var(--muted);font-size:12px}.specific-motion-timeline{grid-template-columns:auto 1fr auto 1fr auto;align-items:center}.specific-motion-timeline i{height:3px;border-radius:999px;background:#2563eb}.specific-motion-timeline span{grid-column:1 / -1;color:var(--muted);font-size:12px}.specific-status-badges b{padding:0 10px}.specific-status-badges .success{background:#dcfce7;color:#15803d}.specific-status-badges .warning{background:#fef3c7;color:#b45309}.specific-status-badges .danger{background:#fee2e2;color:#b91c1c}.specific-loading-state{grid-template-columns:52px 1fr}.specific-loading-state i{grid-row:span 3;border-radius:10px;background:linear-gradient(90deg,#e5e7eb,#f8fafc,#e5e7eb)}.specific-loading-state b{height:10px;border-radius:999px;background:#e5e7eb}.specific-domain .specific-product-card,.specific-domain .specific-product-detail,.specific-domain .specific-card-field,.specific-domain .specific-security-list,.specific-domain .specific-api-keys,.specific-domain .specific-support-chat,.specific-social-login{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.specific-product-card{grid-template-columns:82px 1fr auto;align-items:center}.specific-product-card i,.specific-product-detail i,.specific-image-editor main i{display:block;border-radius:10px;background:linear-gradient(135deg,#111827,#2563eb 58%,#f59e0b)}.specific-product-card i{grid-row:span 3;min-height:82px}.specific-product-card button{grid-column:2 / -1}.specific-product-detail{grid-template-columns:110px 1fr}.specific-product-detail aside,.specific-product-detail main{display:grid;gap:8px}.specific-product-detail aside i:first-child{min-height:96px}.specific-product-detail aside i:not(:first-child){min-height:28px}.specific-social-login button,.specific-security-list button,.specific-api-keys button,.specific-support-chat button,.specific-card-field b{min-height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:850}.specific-card-field{grid-template-columns:1fr 56px}.specific-card-field span{grid-column:1 / -1;color:#15803d;font-weight:850}.specific-security-list label{grid-template-columns:1fr auto;align-items:center}.specific-api-keys{grid-template-columns:1fr 1.4fr auto}.specific-support-chat p,.specific-support-chat span{margin:0;padding:9px;border-radius:10px;background:#f1f5f9}.specific-support-chat footer{display:grid;grid-template-columns:1fr auto;gap:8px}.specific-button-action{--button-action-accent: #2563eb;--button-action-soft: #eff6ff;--button-action-ink: #111827;--button-action-border: #bfdbfe;min-height:188px}.specific-button-action.tone-secondary{--button-action-accent: #4f46e5;--button-action-soft: #eef2ff;--button-action-border: #c7d2fe}.specific-button-action.tone-success{--button-action-accent: #16a34a;--button-action-soft: #f0fdf4;--button-action-border: #86efac}.specific-button-action.tone-danger{--button-action-accent: #dc2626;--button-action-soft: #fef2f2;--button-action-border: #fca5a5}.specific-button-action.tone-warning{--button-action-accent: #d97706;--button-action-soft: #fffbeb;--button-action-border: #fcd34d}.specific-button-action.tone-muted{--button-action-accent: #64748b;--button-action-soft: #f8fafc;--button-action-border: #cbd5e1}.specific-button-action.tone-neutral{--button-action-accent: #111827;--button-action-soft: #f8fafc;--button-action-border: #d1d5db}.specific-button-action.tone-outline{--button-action-accent: #111827;--button-action-soft: #fff;--button-action-border: #111827}.specific-button-action.tone-ghost{--button-action-accent: #475569;--button-action-soft: #fff;--button-action-border: #e2e8f0}.specific-button-action.tone-link{--button-action-accent: #2563eb;--button-action-soft: #fff;--button-action-border: #dbeafe}.specific-button-action.tone-social{--button-action-accent: #111827;--button-action-soft: #f8fafc;--button-action-border: #d1d5db}.specific-button-action.tone-media{--button-action-accent: #0f172a;--button-action-soft: #f1f5f9;--button-action-border: #cbd5e1}.specific-button-action.tone-commerce{--button-action-accent: #047857;--button-action-soft: #ecfdf5;--button-action-border: #6ee7b7}.specific-button-action.tone-ai{--button-action-accent: #7c3aed;--button-action-soft: #f5f3ff;--button-action-border: #c4b5fd}.specific-button-action header{display:flex;justify-content:space-between;gap:12px;align-items:center}.specific-button-action header span{flex:0 0 auto;padding:4px 8px;border:1px solid var(--button-action-border);border-radius:999px;background:var(--button-action-soft);color:var(--button-action-accent);font-size:11px;font-weight:850}.specific-button-action section{display:grid;gap:10px;padding:12px;border:1px solid var(--button-action-border);border-radius:8px;background:var(--button-action-soft)}.specific-button-action button{min-height:36px;display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--button-action-border);border-radius:8px;background:#fff;color:var(--button-action-ink);font-weight:850}.specific-button-action section>button:first-child,.specific-button-action .button-single-panel button,.specific-button-action .button-state-panel button,.specific-button-action .button-commerce-panel button,.specific-button-action .button-ai-panel button:first-child,.specific-button-action .button-nav-panel button,.specific-button-action .button-sso-panel button{border-color:var(--button-action-accent);background:var(--button-action-accent);color:#fff}.specific-button-action button.danger,.specific-button-action .button-reaction-panel button.danger{border-color:#dc2626;background:#dc2626;color:#fff}.specific-button-action p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.button-provider-stack button{display:grid;grid-template-columns:34px 1fr;justify-content:stretch;text-align:left}.button-provider-stack b{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#f1f5f9;color:#111827;font-size:10px}.button-sso-panel label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.button-sso-panel input{width:100%;height:36px;padding:0 10px;border:1px solid var(--button-action-border);border-radius:8px;background:#fff;color:#111827;font-weight:800}.button-sso-panel small,.button-state-panel div,.button-location-panel span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.button-share-panel div,.button-action-bar-panel,.button-group-panel,.button-nav-panel,.button-icon-panel,.button-state-panel,.button-location-panel,.button-shape-panel{align-items:center}.button-share-panel div{display:flex;flex-wrap:wrap;gap:7px}.button-share-panel span,.button-action-bar-panel span,.button-nav-panel span,.button-state-panel span,.button-location-panel span{padding:6px 8px;border-radius:999px;background:#fff;color:var(--button-action-accent);font-size:12px;font-weight:850}.button-reaction-panel>div,.button-action-bar-panel,.button-group-panel,.button-ai-panel div{display:flex;flex-wrap:wrap;gap:8px}.button-reaction-panel button.active{border-color:var(--button-action-accent);background:#fff;color:var(--button-action-accent)}.button-reaction-panel strong{color:#111827}.button-reaction-panel textarea{min-height:54px;resize:none;padding:8px;border:1px solid var(--button-action-border);border-radius:8px;background:#fff;color:var(--muted)}.button-follow-panel,.button-commerce-panel{grid-template-columns:44px 1fr auto;align-items:center}.button-follow-panel>b{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--button-action-accent);color:#fff}.button-follow-panel div,.button-commerce-panel div{display:grid;gap:3px}.button-follow-panel span,.button-commerce-panel span{color:var(--muted);font-size:12px}.button-follow-panel button.muted{border-color:#cbd5e1;background:#fff;color:#334155}.button-media-panel div{height:44px;display:flex;align-items:end;gap:4px;padding:8px;border-radius:8px;background:#fff}.button-media-panel div i{width:7px;border-radius:999px;background:var(--button-action-accent)}.button-media-panel span{color:var(--muted);font-size:12px}.button-commerce-panel>i,.button-location-panel>i{width:44px;height:44px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--button-action-border)}.button-ai-panel p{padding:10px;border-radius:8px;background:#fff;color:#312e81}.button-icon-panel{grid-template-columns:auto 1fr}.button-icon-panel button{width:48px;height:48px;padding:0;border-radius:12px}.button-icon-panel div{display:grid;gap:4px}.button-icon-panel span{color:var(--muted);font-size:12px}.button-state-panel div i{width:56px;height:7px;border-radius:999px;background:var(--button-action-accent)}.button-moderation-panel div{display:flex;flex-wrap:wrap;gap:8px}.button-moderation-panel label{display:inline-flex;gap:6px;align-items:center;padding:7px 9px;border:1px solid var(--button-action-border);border-radius:8px;background:#fff;font-size:12px;font-weight:800}.button-shape-panel{grid-template-columns:auto 1fr}.button-shape-panel button{width:54px;height:54px;padding:0}.button-shape-panel button.round{border-radius:50%}.specific-image-editor{grid-template-columns:78px 1fr 90px;min-height:178px}.specific-image-editor nav,.specific-image-editor aside{display:grid;gap:8px;align-content:start}.specific-image-editor main{position:relative;min-height:150px;border-radius:12px;overflow:hidden}.specific-image-editor main i{position:absolute;top:0;right:0;bottom:0;left:0}.specific-image-editor main b{position:absolute;border:2px solid #fff}.specific-image-editor main b:nth-child(2){top:24px;right:34px;bottom:24px;left:34px}.specific-image-editor main b:nth-child(3){width:72px;height:28px;right:18px;bottom:18px}.chart-heatmap-grid{grid-template-columns:repeat(5,1fr);align-items:stretch}.chart-heatmap-grid b{min-height:28px;border-radius:6px;background:#dbeafe}.chart-heatmap-grid .level-1{background:#bfdbfe}.chart-heatmap-grid .level-2{background:#60a5fa}.chart-heatmap-grid .level-3{background:#2563eb}.chart-heatmap-grid .level-4{background:#1e3a8a}.chart-heatmap-grid span{grid-column:1 / -1;color:var(--muted);font-size:12px}.chart-state-preview,.map-state-preview{min-height:158px;place-items:center;text-align:center}.chart-state-preview i{width:72%;height:14px;border-radius:999px;background:#e5e7eb}.map-state-preview{background:linear-gradient(90deg,rgba(17,24,39,.1) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(rgba(17,24,39,.1) 1px,transparent 1px) 0 0 / 32px 32px,#f8fafc}.map-state-preview i{width:76%;height:72px;border-radius:16px;background:#2563eb24}.mini-specific{width:230px;min-height:78px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.mini-standard-button,.mini-button-specific{--mini-button-accent: #111827;--mini-button-soft: #ffffff;--mini-button-line: #d1d5db;--mini-button-fill: #111827;--mini-button-fg: #ffffff;width:166px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 9px;border:1px solid var(--mini-button-line);border-radius:9px;background:var(--mini-button-soft);color:#111827}.mini-button-specific.tone-secondary,.mini-standard-button.mini-button-secondary{--mini-button-accent: #4f46e5;--mini-button-fill: #4f46e5;--mini-button-soft: #eef2ff;--mini-button-line: #c7d2fe}.mini-button-specific.tone-success,.mini-standard-button.mini-button-submit,.mini-standard-button.mini-button-confirm{--mini-button-accent: #16a34a;--mini-button-fill: #16a34a;--mini-button-soft: #f0fdf4;--mini-button-line: #86efac}.mini-button-specific.tone-danger,.mini-standard-button.mini-button-destructive{--mini-button-accent: #dc2626;--mini-button-fill: #dc2626;--mini-button-soft: #fef2f2;--mini-button-line: #fca5a5}.mini-button-specific.tone-warning,.mini-standard-button.mini-button-next{--mini-button-accent: #d97706;--mini-button-fill: #d97706;--mini-button-soft: #fffbeb;--mini-button-line: #fcd34d}.mini-button-specific.tone-muted,.mini-standard-button.mini-button-cancel{--mini-button-accent: #64748b;--mini-button-fill: #64748b;--mini-button-soft: #f8fafc;--mini-button-line: #cbd5e1}.mini-button-specific.tone-neutral,.mini-button-specific.tone-social,.mini-button-specific.tone-media,.mini-standard-button.mini-button-primary{--mini-button-accent: #111827;--mini-button-fill: #111827;--mini-button-soft: #ffffff;--mini-button-line: #d1d5db}.mini-button-specific.tone-commerce{--mini-button-accent: #047857;--mini-button-fill: #047857;--mini-button-soft: #ecfdf5;--mini-button-line: #6ee7b7}.mini-button-specific.tone-ai{--mini-button-accent: #7c3aed;--mini-button-fill: #7c3aed;--mini-button-soft: #f5f3ff;--mini-button-line: #c4b5fd}.mini-button-specific.tone-link,.mini-button-specific.tone-outline,.mini-button-specific.tone-ghost,.mini-standard-button.mini-button-outline,.mini-standard-button.mini-button-ghost,.mini-standard-button.mini-button-tertiary,.mini-standard-button.mini-button-back{--mini-button-accent: #2563eb;--mini-button-fill: #2563eb;--mini-button-soft: #ffffff;--mini-button-line: #dbeafe}.button-mini-control{max-width:100%;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid var(--mini-button-fill);border-radius:8px;background:var(--mini-button-fill);color:var(--mini-button-fg);font-size:11px;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden}.button-mini-control svg{flex:0 0 auto;color:currentColor}.button-mini-control>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.button-mini-control.secondary,.button-mini-control.outline,.button-mini-control.tertiary{border-color:var(--mini-button-line);background:#fff;color:var(--mini-button-accent)}.button-mini-control.ghost,.button-mini-control.text,.button-mini-control.link{border-color:transparent;background:transparent;color:var(--mini-button-accent)}.button-mini-control.link{text-decoration:underline;text-underline-offset:3px}.button-mini-control.success{border-color:#16a34a;background:#16a34a;color:#fff}.button-mini-control.danger{border-color:#dc2626;background:#dc2626;color:#fff}.button-mini-stack{width:100%;display:grid;gap:5px}.button-mini-stack .button-mini-control{min-height:22px;font-size:10px}.button-mini-group,.button-mini-toolbar{max-width:100%;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.button-mini-toolbar .button-mini-control{max-width:58px;min-height:26px;padding:0 8px;font-size:10px}.button-mini-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--mini-button-line);border-radius:8px;background:#fff;color:var(--mini-button-accent)}.button-mini-icon svg{color:currentColor}.button-mini-icon.active{border-color:var(--mini-button-fill);background:var(--mini-button-fill);color:#fff}.button-mini-icon.danger{border-color:#dc2626;background:#dc2626;color:#fff}.button-mini-count{min-width:28px;height:24px;display:grid;place-items:center;padding:0 7px;border-radius:999px;background:#f1f5f9;color:#111827;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums}.button-mini-segmented{display:inline-flex;overflow:hidden;border:1px solid var(--mini-button-line);border-radius:8px;background:#fff}.button-mini-segmented span{min-height:30px;display:grid;place-items:center;padding:0 9px;border-left:1px solid var(--mini-button-line);color:#334155;font-size:10px;font-weight:900}.button-mini-segmented span:first-child{border-left:0}.button-mini-segmented .active{background:var(--mini-button-fill);color:#fff}.button-mini-group.shape-row .button-mini-icon.round{border-radius:50%}.mini-result-specific{width:176px;min-height:50px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px;border:1px solid var(--result-line, #dbeafe);border-radius:9px;background:var(--result-soft, #eff6ff);color:#111827}.mini-result-specific.tone-success{--result-line: #86efac;--result-soft: #f0fdf4;--result-accent: #16a34a}.mini-result-specific.tone-warning{--result-line: #fcd34d;--result-soft: #fffbeb;--result-accent: #d97706}.mini-result-specific.tone-danger{--result-line: #fecaca;--result-soft: #fef2f2;--result-accent: #dc2626}.mini-result-specific.tone-empty{--result-line: #e5e7eb;--result-soft: #f8fafc;--result-accent: #64748b}.mini-result-specific.tone-info{--result-line: #bfdbfe;--result-soft: #eff6ff;--result-accent: #2563eb}.mini-result-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--result-accent, #2563eb);color:#fff}.mini-result-copy{min-width:0;display:grid;gap:3px}.mini-result-copy b,.mini-result-copy i{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-result-copy b{color:#111827;font-size:10px;font-weight:900;line-height:1}.mini-result-copy i{color:var(--result-accent, #2563eb);font-size:9px;font-style:normal;font-weight:850}.mini-result-action{min-height:22px;display:inline-flex;align-items:center;padding:0 7px;border-radius:999px;background:#fff;color:var(--result-accent, #2563eb);font-size:9px;font-weight:900}.mini-specific b,.mini-specific i,.mini-specific strong,.mini-specific em{min-height:18px;border-radius:7px;background:#111827}.mini-specific strong{display:grid;place-items:center;color:#fff;font-size:11px;font-style:normal}.mini-specific.chart i{align-self:end}.mini-specific.chart i:nth-child(1){height:26px;background:#2563eb}.mini-specific.chart i:nth-child(2){height:48px;background:#16a34a}.mini-specific.chart i:nth-child(3){height:34px;background:#f59e0b}.mini-specific.editor{grid-template-columns:28px 1fr 1fr 34px}.mini-specific.mobile{border-radius:18px}.mini-specific.commerce b{display:grid;place-items:center;background:#fff7ed;color:#f97316}.mini-specific.ai svg{color:#2563eb}.mini-specific.i18n{grid-template-columns:42px 1fr 42px}.mini-specific.i18n b{display:grid;place-items:center;color:#fff}.mini-specific.overlay{grid-template-columns:1fr 1.2fr}.mini-specific.overlay i{grid-row:span 2;min-height:56px;background:#e5e7eb}.taxonomy-file-scan section{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;background:#f8fafc}.taxonomy-file-scan section b{color:var(--blue)}.taxonomy-file-scan div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.taxonomy-file-scan div i{height:8px;border-radius:999px;background:#cbd5e1}.taxonomy-file-scan div i.active{background:var(--green)}.live-data-grid-variant b{gap:6px;background:#eef2ff;color:#111827}.live-table.table-action-preview header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.live-table.table-action-preview header button,.pattern-mini-operation.semantic .pattern-mini-button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.live-filter-chip-card{display:grid;align-content:center;gap:12px;padding:18px}.live-filter-chip-card div{display:flex;flex-wrap:wrap;gap:8px}.live-filter-chip-card span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-weight:800}.live-filter-chip-card button{width:fit-content;min-height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;font-weight:850}.mini-filter-chips{display:flex;gap:6px;flex-wrap:wrap}.mini-filter-chips b{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:10px}.live-context-drawer aside{align-content:start}.live-context-drawer label,.live-context-drawer span{min-height:30px;display:flex;align-items:center;gap:8px;font-weight:750}.live-context-drawer input{accent-color:var(--blue)}.live-context-drawer button{min-height:34px;border:0;border-radius:7px;background:#111;color:#fff;font-weight:850}.taxonomy-time-display section{display:grid;place-items:center;min-height:80px;border-radius:10px;background:#111827;color:#fff}.taxonomy-time-display section b{font-size:24px}.taxonomy-chart-controls nav{display:flex;gap:7px}.taxonomy-chart-controls nav button{min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;font-weight:800}.taxonomy-chart-controls nav button.active{background:#111;color:#fff}.taxonomy-captcha section{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font-weight:850}.taxonomy-captcha div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.taxonomy-captcha div b{height:34px;border-radius:8px;background:#eef2ff}.taxonomy-color-panel section{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.taxonomy-color-panel section i{aspect-ratio:1;border:1px solid var(--line);border-radius:8px}.taxonomy-color-panel label{display:grid;gap:5px;font-weight:800}.taxonomy-color-panel input{min-height:34px;border:1px solid var(--line);border-radius:7px;padding:0 10px}.live-menu-card.color-picker .live-menu-popover span{display:flex;gap:8px}.live-menu-card.color-picker .live-menu-popover span i{width:18px;height:18px;border:1px solid var(--line);border-radius:50%}.mini-action-sheet i{display:grid;gap:4px;margin-bottom:4px}.mini-action-sheet i b{height:5px;border-radius:999px;background:#d5d5d5}.mini-action-sheet em{display:grid;gap:3px;padding:6px;border-radius:10px 10px 7px 7px;background:#fff;box-shadow:0 -8px 18px #00000014;font-style:normal}.mini-action-sheet em span{min-height:16px;display:flex;align-items:center;padding:0 7px;border-radius:5px;color:#333;font-size:11px;font-weight:750}.mini-action-sheet em span:last-child{color:#b42318}.mini-menu i{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line-strong);border-radius:7px;background:#fff}.mini-menu i b{width:4px;height:4px;border-radius:50%;background:#111}.mini-menu em,.mini-dropdown em{display:grid;gap:3px;padding:5px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 8px 18px #00000014;font-style:normal}.mini-menu em b,.mini-dropdown em b{height:12px;border-radius:4px;background:#ededed}.mini-menu em span,.mini-dropdown em span{min-height:17px;display:flex;align-items:center;padding:0 6px;border-radius:4px;color:#333;font-size:11px;font-weight:750;line-height:1;white-space:nowrap}.mini-menu em span:first-child,.mini-dropdown em span:first-child{background:#111;color:#fff}.mini-menu em span:last-child{background:var(--red-soft);color:var(--red)}.mini-dropdown{grid-template-columns:1fr 76px}.mini-dropdown strong{min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border:1px solid var(--line-strong);border-radius:7px;font-size:12px;font-weight:800}.mini-dropdown strong svg{transform:rotate(90deg)}.mini-dropdown em span:first-child{background:var(--blue);color:#fff}.mini-fab{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#111;color:#fff;box-shadow:0 12px 24px #0000002e;font-size:24px;font-weight:800}.mini-toolbar{width:226px;height:42px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:8px}.mini-toolbar b{width:30px;height:28px;display:grid;place-items:center;border-radius:5px;background:#f0f0f0;font-size:12px}.mini-toolbar i{flex:1;height:7px;border-radius:999px;background:#e1e1e1}.mini-command,.mini-textarea,.mini-form{width:226px;display:grid;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.mini-command strong{height:20px;padding-left:8px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:11px;line-height:20px}.mini-command b,.mini-textarea b,.mini-form b{height:7px;border-radius:999px;background:#e2e2e2}.mini-textarea{min-height:50px;align-content:center}.mini-search,.mini-password,.mini-upload{width:226px;min-height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);font-size:12px}.mini-search{background:var(--blue-soft);color:var(--blue)}.mini-search b,.mini-password b,.mini-upload b{font-weight:750}.mini-password i{margin-left:auto;width:18px;height:18px;border-radius:50%;background:#ddd}.mini-slider{width:226px;height:28px;position:relative}.mini-slider i{position:absolute;left:0;right:0;top:11px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0 62%,#e6e6e6 62%)}.mini-slider b{position:absolute;left:59%;top:4px;width:20px;height:20px;border:3px solid var(--blue);border-radius:50%;background:#fff}.mini-standard-button .button-mini-control{min-width:96px}.mini-otp-input{display:inline-grid;grid-template-columns:repeat(4,28px);gap:6px}.mini-otp-input b{height:30px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:7px;background:#fff;font-size:12px;font-weight:900}.mini-context-menu,.mini-context-form{width:128px;display:grid;gap:5px;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fff}.mini-context-menu strong,.mini-context-form strong{min-height:18px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;font-size:10px;white-space:nowrap}.mini-context-menu em{display:grid;gap:4px;font-style:normal}.mini-context-menu em span,.mini-context-form b{height:9px;border-radius:999px;background:#cbd5e1}.mini-context-form i{width:46px;height:18px;border-radius:6px;background:#111}.mini-switcher,.mini-quantity-stepper{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:11px;font-weight:850}.mini-switcher b,.mini-quantity-stepper b,.mini-quantity-stepper span{min-width:32px;height:24px;display:grid;place-items:center;border-radius:6px}.mini-switcher b:first-child,.mini-quantity-stepper span{background:#111;color:#fff}.mini-switcher i{width:18px;height:2px;border-radius:999px;background:#dcdcdc}.mini-quantity-stepper b{border:1px solid var(--line);background:#f8fafc}.mini-calendar,.mini-datagrid{width:208px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.mini-calendar i,.mini-datagrid i{height:13px;border-radius:3px;background:#e8e8e8}.mini-calendar i:nth-child(8),.mini-datagrid i:nth-child(2){background:#111}.mini-autocomplete{width:226px;display:grid;grid-template-columns:1fr;gap:3px;padding:7px;border:1px solid var(--line-strong);border-radius:8px}.mini-autocomplete strong,.mini-autocomplete em{min-height:16px;padding:0 7px;border-radius:5px;font-size:11px;font-style:normal;line-height:16px}.mini-autocomplete strong{background:var(--blue-soft);color:var(--blue)}.mini-autocomplete em{background:#f1f1f1}.mini-topnav,.mini-sidebar,.mini-bottomnav{width:226px;display:grid;gap:7px;padding:8px;border:1px solid var(--line);border-radius:8px}.mini-topnav{grid-template-columns:52px repeat(3,1fr);align-items:center}.mini-topnav b,.mini-topnav i,.mini-sidebar b,.mini-sidebar i,.mini-bottomnav b,.mini-bottomnav i{height:8px;border-radius:999px;background:#e0e0e0}.mini-topnav b,.mini-sidebar b,.mini-bottomnav b{background:#111}.mini-sidebar{grid-template-columns:58px 1fr}.mini-sidebar b{grid-row:span 3;height:44px}.mini-bottomnav{grid-template-columns:repeat(4,1fr);align-items:end}.mini-bottomnav b,.mini-bottomnav i{height:24px;border-radius:7px}.mini-breadcrumb,.mini-pagination,.mini-stepper,.mini-back{min-height:38px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.mini-breadcrumb i{width:5px;height:5px;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg)}.mini-pagination i,.mini-pagination b,.mini-stepper b{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff}.mini-pagination b,.mini-stepper b:first-child{background:#111;color:#fff}.mini-stepper i{width:34px;height:2px;background:#dcdcdc}.mini-back{color:#111}.mini-card,.mini-skeleton{width:230px;min-height:48px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:6px 10px}.mini-card i,.mini-skeleton i{width:48px;height:42px;border-radius:6px;background:#eee;grid-row:span 3}.mini-card b,.mini-skeleton b,.mini-generic b{height:7px;border-radius:999px;background:#e5e5e5}.mini-card b:nth-child(3),.mini-skeleton b:nth-child(3){width:76%}.mini-card b:nth-child(4),.mini-skeleton b:nth-child(4){width:48%}.mini-skeleton i,.mini-skeleton b{background:linear-gradient(90deg,#e8e8e8,#f4f4f4,#e8e8e8);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.mini-table{width:225px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.mini-table i{height:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-table i:nth-child(3n){border-right:0}.mini-badge{position:relative;min-width:80px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;font-size:13px}.mini-badge b{position:absolute;top:-9px;right:-9px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--red);color:#fff;font-size:12px}.mini-switch{position:relative;width:44px;height:26px;border-radius:999px;background:#d8d8d8}.mini-switch i{position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#fff}.mini-switch.active{background:#050505}.mini-switch.active i{left:22px}.mini-check,.mini-radio{width:20px;height:20px;display:inline-grid;place-items:center;border:1px solid #8d8d8d}.mini-check{border-radius:4px}.mini-check.checked{border-color:var(--blue);background:var(--blue);color:#fff}.mini-radio{border-radius:50%}.mini-radio.active{border:6px solid var(--blue)}.mini-line{width:120px;height:8px;border-radius:999px;background:#e7e7e7}.mini-progress{width:220px;height:9px;overflow:hidden;border-radius:999px;background:#e9e9e9}.mini-progress i{display:block;width:62%;height:100%;background:var(--blue)}.mini-tip{position:relative;padding:6px 9px;border-radius:5px;background:#050505;color:#fff;font-size:12px}.mini-accordion{width:220px;display:grid;gap:1px;border:1px solid var(--line)}.mini-accordion b{height:25px;padding:5px 9px;font-size:12px;font-weight:650}.mini-accordion i{height:18px;background:#f2f2f2}.mini-drawer,.mini-generic,.mini-empty{width:220px;min-height:48px;display:grid;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:6px}.mini-drawer{grid-template-columns:58px 1fr}.mini-drawer i{grid-row:span 3;align-self:stretch;background:#050505;border-radius:4px}.mini-drawer b{height:7px;border-radius:999px;background:#e6e6e6}.mini-list,.mini-filter,.mini-sort,.mini-cart{width:226px;display:grid;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.mini-list b{height:10px;border-radius:999px;background:#e4e4e4}.mini-list b:before{content:"";display:inline-block;width:9px;height:9px;margin-right:10px;border-radius:50%;background:#111;vertical-align:top}.mini-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#111;color:#fff;font-weight:900}.mini-tags{display:flex;flex-wrap:wrap;gap:8px}.mini-tags b{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#f1f1f1;font-size:12px}.mini-tags b:first-child{background:#111;color:#fff}.mini-popover{position:relative;display:inline-grid;gap:8px;justify-items:center}.mini-popover>b{min-height:30px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:7px;font-size:12px}.mini-popover em{padding:7px 10px;border-radius:7px;background:#111;color:#fff;font-size:11px;font-style:normal}.mini-carousel{width:226px;display:grid;grid-template-columns:repeat(3,72px);grid-template-rows:42px 8px;gap:8px;overflow:hidden}.mini-carousel i{border-radius:8px;background:linear-gradient(135deg,#111,var(--blue));animation:carouselSlide 3.2s ease-in-out infinite}.mini-carousel i:nth-child(2){background:linear-gradient(135deg,var(--green),#e8f9ef)}.mini-carousel i:nth-child(3){background:linear-gradient(135deg,var(--amber),#fff7ed)}.mini-carousel b{width:8px;height:8px;border-radius:50%;background:#ccc;justify-self:center}.mini-carousel b:nth-of-type(1){background:#111}.mini-timeline{width:226px;display:grid;grid-template-columns:14px 1fr;gap:5px 10px;align-items:center}.mini-timeline i{width:12px;height:12px;border-radius:50%;background:#111}.mini-timeline b{height:7px;border-radius:999px;background:#e3e3e3}.mini-status{width:226px;min-height:44px;display:grid;grid-template-columns:28px 1fr;gap:6px 9px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.mini-status i{grid-row:span 2;width:24px;height:24px;border-radius:50%;background:#111}.mini-status b{height:7px;border-radius:999px;background:#e3e3e3}.mini-status.alert,.mini-status.confirmation,.mini-status.error-state{background:var(--red-soft);border-color:#dc262640}.mini-status.alert i,.mini-status.confirmation i,.mini-status.error-state i{background:var(--red)}.mini-status.success-state i{background:var(--green)}.mini-status.notification i{background:var(--amber)}.mini-spinner{width:38px;height:38px;border:4px solid #e8e8e8;border-top-color:#111;border-radius:50%;animation:spin .9s linear infinite}.mini-form i{width:72px;height:24px;border-radius:6px;background:#111}.mini-filter b{height:16px;border-radius:4px;background:#f0f0f0}.mini-filter b:before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;border:1px solid var(--blue);border-radius:3px;background:var(--blue);vertical-align:top}.mini-filter i{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0 60%,#e5e5e5 60%)}.mini-sort{grid-template-columns:56px 1fr 1fr;align-items:center}.mini-sort b{font-size:12px}.mini-sort i{height:24px;border-radius:6px;background:#f0f0f0}.mini-sort i:first-of-type{background:#111}.mini-media{width:226px;height:48px;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:10px;color:#fff;padding:0 12px;border-radius:9px;background:#111}.mini-media b{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0 42%,#555 42%)}.mini-chat{width:226px;display:grid;gap:7px}.mini-chat b{width:fit-content;max-width:160px;min-height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:12px 12px 12px 4px;background:var(--blue-soft);color:#111;font-size:12px}.mini-chat b:last-child{justify-self:end;border-radius:12px 12px 4px;background:#111;color:#fff}.mini-comment{width:226px;min-height:42px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:0 8px;border:1px solid var(--line-strong);border-radius:999px}.mini-comment b{height:8px;border-radius:999px;background:#e4e4e4}.mini-comment i{padding:5px 9px;border-radius:999px;background:#111;color:#fff;font-size:11px;font-style:normal}.mini-rating b{margin-left:8px;color:#111}.mini-cart{grid-template-columns:28px 1fr auto;align-items:center}.mini-cart b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:12px}.mini-cart i{height:8px;border-radius:999px;background:#e4e4e4}.mini-cart strong{color:#111;font-size:12px}.mini-empty{justify-items:center;color:#777}.mini-empty b{width:110px;height:8px;border-radius:999px;background:#e5e5e5}.mini-generic{grid-template-columns:28px 1fr}.mini-generic svg{grid-row:span 2}.mini-taxonomy{width:226px;min-height:52px;display:grid;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.mini-taxonomy b,.mini-taxonomy i,.mini-taxonomy em,.mini-taxonomy strong,.mini-taxonomy span{display:block}.mini-taxonomy b,.mini-taxonomy i,.mini-taxonomy em{height:7px;border-radius:999px;background:#e5e5e5}.mini-taxonomy-text strong{font-size:13px;line-height:1}.mini-taxonomy-text b:first-of-type{width:76%}.mini-taxonomy-text b:nth-of-type(2){width:58%}.mini-taxonomy-icons{grid-template-columns:repeat(4,36px);justify-content:center;gap:10px}.mini-taxonomy-icons svg{width:34px;height:34px;padding:8px;border:1px solid var(--line);border-radius:8px;color:#111;background:#f8f8f8}.mini-taxonomy-divider{grid-template-columns:1fr 1px 1fr;gap:14px}.mini-taxonomy-divider i{width:1px;height:38px;border-radius:0}.mini-taxonomy-panel,.mini-taxonomy-code{grid-template-columns:54px 1fr}.mini-taxonomy-panel strong{grid-row:span 3;align-self:stretch;border-radius:7px;background:#f0f0f0}.mini-taxonomy-code{background:#111;border-color:#111}.mini-taxonomy-code b,.mini-taxonomy-code i{background:#525252}.mini-taxonomy-code b:first-child{background:#f7f7f7}.mini-taxonomy-keys{display:flex;justify-content:center;gap:8px}.mini-taxonomy-keys kbd{min-width:38px;padding:7px 9px;border:1px solid var(--line-strong);border-bottom-width:3px;border-radius:7px;background:#fafafa;color:#111;text-align:center;font-size:12px;font-weight:900}.mini-taxonomy-status{grid-template-columns:repeat(3,1fr)}.mini-taxonomy-status b{height:24px;border-radius:999px}.mini-taxonomy-status b:first-child{background:var(--green-soft)}.mini-taxonomy-status b:nth-child(2){background:var(--amber-soft)}.mini-taxonomy-status b:last-child{background:var(--red-soft)}.mini-taxonomy-chart{height:52px;display:flex;align-items:end;gap:10px;padding-top:6px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-taxonomy-chart i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#111,#777)}.mini-taxonomy-chart i:nth-child(1){height:30%}.mini-taxonomy-chart i:nth-child(2){height:68%}.mini-taxonomy-chart i:nth-child(3){height:44%}.mini-taxonomy-chart i:nth-child(4){height:88%}.mini-taxonomy-editor{grid-template-columns:repeat(4,1fr);grid-template-rows:12px 34px}.mini-taxonomy-editor em{grid-column:1 / -1;background:linear-gradient(90deg,#111 0,#111 34%,#e5e5e5 34%)}.mini-taxonomy-security,.mini-taxonomy-help{grid-template-columns:28px 1fr}.mini-taxonomy-security svg,.mini-taxonomy-help svg{grid-row:span 2;color:var(--green)}.mini-taxonomy-map{position:relative;min-height:52px;overflow:hidden;background:linear-gradient(90deg,transparent 48%,#e0e0e0 49%,transparent 51%),linear-gradient(0deg,transparent 48%,#e0e0e0 49%,transparent 51%),#f7f7f7}.mini-taxonomy-map i,.mini-taxonomy-map b{position:absolute;width:14px;height:14px;border-radius:50%;background:#111}.mini-taxonomy-map i:first-child{left:24%;top:24%}.mini-taxonomy-map i:nth-child(2){right:26%;top:56%}.mini-taxonomy-map b{left:52%;top:34%;background:var(--blue)}.mini-taxonomy-a11y{grid-template-columns:repeat(3,44px);justify-content:center}.mini-taxonomy-a11y span{width:42px;min-height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:#111;font-size:12px;font-weight:850}.mini-taxonomy-a11y span:nth-child(2){outline:3px solid #111;outline-offset:2px}.mini-taxonomy-i18n{grid-template-columns:auto 1fr auto}.mini-taxonomy-i18n b{height:auto;padding:6px 9px;border-radius:7px;background:#111;color:#fff;font-size:11px}.mini-a11y-kind,.mini-i18n-kind{min-height:54px}.mini-a11y-kind span,.mini-a11y-kind b,.mini-a11y-kind i,.mini-a11y-kind em,.mini-a11y-kind strong,.mini-i18n-kind span,.mini-i18n-kind b,.mini-i18n-kind i,.mini-i18n-kind code{min-width:0}.mini-a11y-name{grid-template-columns:44px 1fr}.mini-a11y-name span,.mini-a11y-form span{height:auto;color:#111;background:transparent;font-size:11px;font-weight:900}.mini-a11y-name b,.mini-a11y-form b{height:26px;border:1px solid var(--line);border-radius:7px;background:#fff}.mini-a11y-structure{grid-template-columns:42px 1fr}.mini-a11y-structure em{grid-row:span 2;align-self:stretch;border-radius:8px;background:#111}.mini-a11y-structure strong,.mini-a11y-structure b{height:12px;border-radius:999px;background:#d7d7d7}.mini-a11y-announcement{grid-template-columns:14px 1fr auto}.mini-a11y-announcement i{width:12px;height:12px;border-radius:50%;background:var(--green)}.mini-a11y-announcement span,.mini-a11y-motion span{height:auto;padding:5px 7px;border-radius:999px;background:#111;color:#fff;font-size:10px;font-weight:900}.mini-a11y-contrast{grid-template-columns:auto 1fr 22px;background:#111;border-color:#111}.mini-a11y-contrast strong,.mini-a11y-contrast b{color:#fff;background:transparent}.mini-a11y-contrast i{width:22px;height:22px;border-radius:50%;background:#fff}.mini-a11y-motion{grid-template-columns:1fr auto}.mini-a11y-motion b{height:10px;border-radius:999px;background:repeating-linear-gradient(90deg,#111 0,#111 16px,#e2e8f0 16px,#e2e8f0 26px)}.mini-a11y-target{display:flex;justify-content:center;gap:10px}.mini-a11y-target span{width:44px;min-height:44px;display:grid;place-items:center;border-radius:9px;background:#111;color:#fff;font-size:11px;font-weight:900}.mini-a11y-form{grid-template-columns:42px 1fr 14px}.mini-a11y-form i{width:12px;height:12px;border-radius:50%;background:var(--red)}.mini-a11y-alt{grid-template-columns:46px 1fr}.mini-a11y-alt i{grid-row:span 2;align-self:stretch;border-radius:8px;background:linear-gradient(135deg,#111 0,#111 46%,#e5e7eb 46%,#e5e7eb)}.mini-a11y-alt b{height:auto;color:#111;background:transparent;font-size:12px}.mini-a11y-testing{grid-template-columns:1fr;gap:6px}.mini-a11y-testing b{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--green) 0 18%,#d7d7d7 18% 100%)}.mini-i18n-locale,.mini-i18n-direction{grid-template-columns:auto 1fr auto}.mini-i18n-kind b,.mini-i18n-kind code{height:auto;padding:6px 8px;border-radius:7px;background:#111;color:#fff;font-size:11px;font-weight:900}.mini-i18n-translation{grid-template-columns:auto 1fr}.mini-i18n-translation code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.mini-i18n-plural{grid-template-columns:auto 1fr auto}.mini-i18n-plural span{height:8px;border-radius:999px;background:#d7d7d7}.mini-i18n-format{grid-template-columns:auto auto 1fr}.mini-i18n-format span{height:auto;color:#111;background:transparent;font-size:11px;font-weight:900}.mini-i18n-text{grid-template-columns:1fr;gap:6px}.mini-i18n-text b{height:8px;border-radius:999px;background:#d7d7d7}.mini-i18n-text b.long{width:92%;background:#111}.mini-i18n-search,.mini-i18n-compliance{grid-template-columns:28px 1fr}.mini-i18n-search svg,.mini-i18n-compliance svg{color:#111}.mini-taxonomy-react{grid-template-columns:auto 1fr auto}.mini-taxonomy-react b{height:auto;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#111;font-size:11px}.mini-taxonomy-mobile{width:118px;min-height:58px;justify-self:center;border-radius:14px;grid-template-rows:7px 1fr 16px}.mini-taxonomy-mobile strong{width:34px;height:5px;justify-self:center;border-radius:999px;background:#111}.mini-taxonomy-mobile i{min-height:16px;border:0;border-radius:999px 999px 11px 11px;background:#111}.mini-mobile-kind{width:118px;min-height:58px;justify-self:center;display:grid;gap:5px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff}.mini-mobile-kind b,.mini-mobile-kind i,.mini-mobile-kind span{display:block;border-radius:999px}.mini-mobile-navbar,.mini-mobile-product,.mini-mobile-tabbar{grid-template-columns:34px 1fr}.mini-mobile-navbar i,.mini-mobile-product i,.mini-mobile-tabbar i{grid-row:span 2;height:38px;border-radius:10px;background:#111827}.mini-mobile-navbar b,.mini-mobile-product b,.mini-mobile-tabbar b{height:8px;background:#cbd5e1}.mini-mobile-tabbar{grid-template-columns:repeat(4,1fr);align-content:end}.mini-mobile-tabbar i{grid-column:1 / -1;grid-row:auto;height:24px}.mini-mobile-search{grid-template-columns:24px 1fr;color:#111}.mini-mobile-search b,.mini-mobile-toast b,.mini-mobile-empty b{height:8px;background:#cbd5e1}.mini-mobile-otp{grid-template-columns:repeat(4,1fr)}.mini-mobile-otp b{height:28px;border:1px solid #111;background:#fff}.mini-mobile-sheet{align-content:end}.mini-mobile-sheet i{height:18px;background:#cbd5e1}.mini-mobile-sheet b{height:8px;background:#111827}.mini-mobile-gesture{grid-template-columns:1fr 28px}.mini-mobile-gesture i{grid-column:1 / -1;height:18px;background:#cbd5e1}.mini-mobile-gesture b{height:26px;background:#111827}.mini-mobile-toast{grid-template-columns:22px 1fr;color:#111}.mini-mobile-scanner{grid-template-columns:1fr 1fr;place-items:center}.mini-mobile-scanner b{width:18px;height:18px;border-radius:4px;border:2px solid #111;background:transparent}.mini-mobile-media{grid-template-columns:42px 1fr;color:#fff}.mini-mobile-media svg{width:42px;height:42px;padding:12px;border-radius:12px;background:#111827}.mini-mobile-media b{height:8px;background:#cbd5e1}.mini-mobile-picker{grid-template-columns:repeat(3,1fr)}.mini-mobile-picker b{aspect-ratio:1;border-radius:5px;background:#cbd5e1}.mini-mobile-picker b:nth-child(5){background:#111827}.mini-mobile-stepper{grid-template-columns:26px 1fr 26px;text-align:center;font-weight:900}.mini-mobile-stepper b,.mini-mobile-stepper span{min-height:24px;display:grid;place-items:center;border:1px solid #111;background:#fff}.mini-mobile-stepper span{border-left:0;border-right:0}.mini-mobile-empty{grid-template-columns:28px 1fr;color:#111}.mini-mobile-browser,.mini-mobile-input,.mini-mobile-banner,.mini-mobile-permission,.mini-mobile-loading,.mini-mobile-list,.mini-mobile-carousel,.mini-mobile-map{background:#f8fafc}.mini-mobile-browser i,.mini-mobile-banner i,.mini-mobile-list i,.mini-mobile-map i{height:22px;border-radius:7px;background:#111827}.mini-mobile-browser b,.mini-mobile-banner b,.mini-mobile-loading b,.mini-mobile-list b,.mini-mobile-permission b{height:8px;background:#cbd5e1}.mini-mobile-input{grid-template-columns:34px 1fr}.mini-mobile-input span{height:auto;color:#666;background:transparent;font-size:9px;font-weight:900}.mini-mobile-input b{height:10px;background:#cbd5e1}.mini-mobile-banner{grid-template-columns:24px 1fr}.mini-mobile-permission{place-items:center;text-align:center}.mini-mobile-permission strong{color:#111;font-size:11px}.mini-mobile-loading{align-content:center}.mini-mobile-list{grid-template-columns:24px 1fr}.mini-mobile-carousel{grid-template-columns:repeat(3,1fr)}.mini-mobile-carousel b{height:38px;border-radius:8px;background:#cbd5e1}.mini-mobile-carousel b:first-child{background:#111827}.mini-mobile-map{place-items:center}.mini-taxonomy-default{grid-template-columns:34px 1fr}.mini-taxonomy-default b{grid-row:span 2;width:28px;height:28px;border-radius:50%;background:#111}.mini-barcode{width:118px;min-height:58px;justify-self:center;display:grid;grid-template-columns:repeat(16,1fr);gap:3px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.mini-barcode i{display:block;border-radius:2px;background:#111}.mini-barcode i:nth-child(3n){opacity:.3}.mini-file-preview,.mini-file-action{width:118px;min-height:58px;justify-self:center;display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff}.mini-file-preview{grid-template-columns:34px 1fr}.mini-file-preview strong{grid-row:span 2;display:grid;place-items:center;border-radius:8px;background:#111827;color:#fff;font-size:10px}.mini-file-preview b,.mini-file-action i{height:8px;border-radius:999px;background:#cbd5e1}.mini-file-action b{color:#111;font-size:10px}.layout-preview,.style-preview,.motion-preview,.pattern-preview{width:228px;height:50px;display:grid;gap:5px}.mini-preview.large .layout-preview,.mini-preview.large .style-preview,.mini-preview.large .motion-preview,.mini-preview.large .pattern-preview{width:330px;height:108px}.layout-preview i,.style-preview i,.style-preview b,.motion-preview i{display:block;border-radius:5px;background:#e9e9e9}.pattern-preview{place-items:center}.pattern-mini-card{width:100%;height:100%;display:grid;gap:5px;padding:7px;border:1px solid var(--line);border-radius:8px;background:#fff}.pattern-mini-title,.pattern-mini-card strong{color:#111;font-size:10px;font-weight:850;line-height:1.1}.pattern-mini-input,.pattern-mini-query,.pattern-mini-drop,.pattern-mini-setting,.pattern-mini-dialog,.pattern-mini-welcome{min-width:0;border:1px solid var(--line);border-radius:6px;background:#fff}.pattern-mini-input{height:10px}.pattern-mini-input.short{width:72%}.pattern-mini-action,.pattern-mini-button{width:42px;height:13px;display:grid;place-items:center;border:0;border-radius:4px;background:#111;color:#fff;font-size:8px;font-weight:850;line-height:1}.pattern-mini-form.danger{border-color:#dc262652;background:var(--red-soft)}.pattern-mini-form.danger .pattern-mini-action,.pattern-mini-danger .pattern-mini-button{background:var(--red)}.pattern-mini-search{grid-template-rows:18px 13px 1fr}.pattern-mini-query{display:grid;grid-template-columns:15px 1fr;align-items:center;gap:4px;padding:0 6px;color:var(--blue)}.pattern-mini-query span{color:#555;font-size:9px;font-weight:750}.pattern-mini-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.pattern-mini-tabs span,.pattern-mini-results span,.pattern-mini-side span,.pattern-mini-products span,.pattern-mini-files span,.pattern-mini-order span,.pattern-mini-pay span,.pattern-mini-progress,.pattern-mini-steps span,.pattern-mini-welcome>span{display:block;min-width:0;border-radius:4px;background:#e7e7e7}.pattern-mini-tabs span:first-child{background:#111}.pattern-mini-results{display:grid;gap:4px}.pattern-mini-results span{height:10px}.pattern-mini-filter{grid-template-columns:58px 1fr}.pattern-mini-side{display:grid;gap:5px;align-content:start;padding-right:6px;border-right:1px solid var(--line)}.pattern-mini-side span{height:11px}.pattern-mini-products{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.pattern-mini-products span{min-height:20px;background:var(--blue-soft)}.pattern-mini-upload{grid-template-rows:1fr 10px;background:var(--blue-soft)}.pattern-mini-drop{display:grid;place-items:center;gap:2px;border-style:dashed;color:var(--blue)}.pattern-mini-drop span{font-size:9px;font-weight:850}.pattern-mini-progress{overflow:hidden}.pattern-mini-progress span{width:62%;height:100%;background:var(--blue)}.pattern-mini-checkout{grid-template-columns:1fr .74fr}.pattern-mini-order,.pattern-mini-pay,.pattern-mini-files{display:grid;gap:5px}.pattern-mini-order strong{font-size:11px}.pattern-mini-pay .pattern-mini-button{width:100%;color:transparent;background:var(--green)}.pattern-mini-danger{position:relative;overflow:hidden;background:#f8f8f8}.pattern-mini-operation{position:relative;overflow:hidden;background:#f8fafc}.pattern-mini-operation .pattern-mini-dialog{border-color:#2563eb38}.pattern-mini-operation .pattern-mini-button{background:var(--blue)}.pattern-mini-collaboration{grid-template-rows:24px 1fr;background:#f8fafc}.pattern-mini-avatars{display:flex}.pattern-mini-avatars i{width:22px;height:22px;margin-right:-5px;border:2px solid #fff;border-radius:50%;background:#111827}.pattern-mini-thread{display:grid;gap:5px}.pattern-mini-thread span,.pattern-mini-notice span{height:8px;border-radius:999px;background:#cbd5e1}.pattern-mini-feedback{gap:6px;background:#fff}.pattern-mini-notice{min-height:18px;display:grid;grid-template-columns:10px 1fr;align-items:center;gap:6px;padding:3px 5px;border:1px solid var(--line);border-radius:7px}.pattern-mini-notice i{width:8px;height:8px;border-radius:50%;background:var(--green)}.pattern-mini-notice.warn i{background:var(--amber)}.pattern-mini-notice.muted i{background:#94a3b8}.pattern-mini-ai{grid-template-rows:22px 1fr;background:#f8fafc}.pattern-mini-ai-prompt{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:5px;color:#111827}.pattern-mini-ai-prompt span,.pattern-mini-ai-result b,.pattern-mini-media-tools b{height:8px;border-radius:999px;background:#cbd5e1}.pattern-mini-ai-result{display:grid;gap:5px;padding:6px;border-radius:7px;background:#fff}.pattern-mini-ai-result b:first-child{width:74%;background:#111827}.pattern-mini-media{grid-template-columns:1fr 32px;background:#f8fafc}.pattern-mini-media-view{display:grid;place-items:center;border-radius:7px;background:#111827;color:#fff}.pattern-mini-media-tools{display:grid;gap:5px;align-content:center}.pattern-mini-mobile{place-items:center;background:#f8fafc}.pattern-mini-phone{width:42px;height:70px;display:grid;gap:5px;align-content:start;padding:8px 6px;border:2px solid #111827;border-radius:13px;background:#fff}.pattern-mini-phone i{height:20px;border-radius:6px;background:#111827}.pattern-mini-phone b{height:7px;border-radius:999px;background:#cbd5e1}.pattern-mini-files span{height:10px}.pattern-mini-dialog{position:absolute;left:18px;right:18px;bottom:7px;display:grid;gap:4px;padding:6px;box-shadow:0 8px 18px #0000001f}.pattern-mini-dialog>span{height:7px}.pattern-mini-onboarding{grid-template-rows:12px 1fr}.pattern-mini-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.pattern-mini-steps span:first-child{background:var(--blue)}.pattern-mini-welcome{display:grid;gap:5px;place-items:center;padding:7px;background:var(--blue-soft)}.pattern-mini-welcome .pattern-mini-button{background:var(--blue)}.pattern-mini-settings{align-content:center}.pattern-mini-setting{min-height:18px;display:grid;grid-template-columns:1fr 22px;align-items:center;gap:8px;padding:0 6px}.pattern-mini-setting span{color:#333;font-size:9px;font-weight:750}.pattern-mini-setting i{width:22px;height:12px;border-radius:999px;background:var(--green)}.layout-single{grid-template-columns:1fr}.layout-single i{height:9px}.layout-two{grid-template-columns:1.3fr .7fr}.layout-sidebar,.layout-master{grid-template-columns:.42fr 1fr}.layout-sidebar i:first-child,.layout-master i:first-child{grid-row:span 3;background:#050505}.layout-dashboard,.layout-grid{grid-template-columns:repeat(3,1fr)}.layout-feed,.layout-settings,.layout-checkout{grid-template-columns:1fr}.style-preview{grid-template-columns:56px 1fr;align-items:center}.style-preview i{grid-row:span 2;height:42px;border:1px solid var(--line);background:#fff}.style-radius i{border-radius:18px}.style-shadow i{box-shadow:0 8px 18px #0000002e}.style-color i{background:linear-gradient(135deg,var(--blue) 0 25%,var(--green) 25% 50%,var(--amber) 50% 75%,var(--red) 75% 100%)}.style-token i{background:linear-gradient(#111827,#111827) 10px 11px / 28px 5px no-repeat,linear-gradient(var(--blue),var(--blue)) 10px 22px / 34px 4px no-repeat,linear-gradient(var(--green),var(--green)) 10px 32px / 24px 4px no-repeat,#f8fafc}.style-platform i{background:linear-gradient(#111827,#111827) 9px 10px / 32px 5px no-repeat,linear-gradient(90deg,#cbd5e1 0 30%,transparent 30% 38%,#cbd5e1 38% 68%,transparent 68% 76%,#cbd5e1 76% 100%) 9px 23px / 38px 14px no-repeat,#fff}.style-type i{background:linear-gradient(#111,#111) 12px 12px / 30px 4px no-repeat,linear-gradient(#cbd5e1,#cbd5e1) 12px 24px / 22px 3px no-repeat,#fff}.style-spacing i{background:linear-gradient(#111,#111) center / 22px 22px no-repeat,#eef2ff}.style-density i{background:repeating-linear-gradient(180deg,#111 0 4px,transparent 4px 8px),#fff}.style-gradient i{border:0;background:linear-gradient(135deg,#111 0%,var(--blue) 50%,#dbeafe 100%)}.style-border i,.style-divider i{border:2px dashed #111}.style-transparency i{background:#2563eb1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.style-icons i{background:#050505}.style-emphasis i{border-left:6px solid var(--amber);background:#fffbeb}.style-theme i{background:linear-gradient(135deg,#111 0,#111 50%,#fff 50%,#fff)}.style-brand i{border-color:#111;background:linear-gradient(135deg,#111827 0,#111827 48%,#facc15 48%,#facc15)}.style-dark{background:#050505;border-radius:8px;padding:8px}.style-dark i,.style-dark b{background:#fff}.motion-preview{place-items:center}.motion-preview i{width:80px;height:34px;background:#050505}.motion-hover i,.motion-success i{animation:floatPreview 1.4s ease-in-out infinite}.motion-press i{animation:pressPreview 1s ease-in-out infinite}.motion-loading i{width:36px;height:36px;border-radius:50%;border:4px solid #e5e5e5;border-top-color:var(--blue);background:transparent;animation:spin .9s linear infinite}.motion-error i{background:var(--red);animation:shakePreview .9s ease-in-out infinite}.motion-success i{background:var(--green)}.motion-attention i{background:var(--amber)}.motion-drag i,.motion-slide i,.motion-page i{background:var(--blue)}.motion-expand i{animation:expandPreview 1.3s ease-in-out infinite}.semantic-layout-preview,.semantic-style-preview,.semantic-motion-preview{width:228px;height:50px;overflow:hidden;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff}.mini-preview.large .semantic-layout-preview,.mini-preview.large .semantic-style-preview,.mini-preview.large .semantic-motion-preview{width:330px;height:108px;padding:10px}.semantic-layout-preview :is(aside,nav,main,section,article,header,footer,div),.semantic-style-preview :is(main,section,article,footer,span,i,b,strong,button,code),.semantic-motion-preview :is(main,section,aside,nav,header,footer,i,b,span,strong,button,p){min-width:0}.semantic-layout-preview{display:grid;gap:5px}.semantic-layout-preview :is(aside,nav,main,section,article,header,footer){display:grid;gap:4px;border:1px solid #e5e7eb;border-radius:6px;background:#f8fafc}.semantic-layout-preview :is(b,i,span,strong){display:block;height:6px;border-radius:999px;background:#cbd5e1}.semantic-layout-preview .layout-mini-action{min-height:14px;padding:0 5px;border:0;border-radius:4px;background:#111827;color:#fff;font-size:8px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.layout-mini-dashboard{grid-template-columns:46px 1fr}.layout-mini-dashboard nav{padding:5px;background:#111827}.layout-mini-dashboard nav b{background:#ffffffb8}.layout-mini-dashboard main{grid-template-columns:repeat(3,1fr);padding:5px}.layout-mini-dashboard main strong{grid-column:1 / -1;background:#111827}.layout-mini-sidebar,.layout-mini-split,.layout-mini-three,.layout-mini-auth,.layout-mini-search{grid-template-columns:.42fr 1fr}.layout-mini-three{grid-template-columns:.45fr 1fr .45fr}.layout-mini-sidebar aside,.layout-mini-three aside,.layout-mini-auth aside{padding:5px;background:#111827}.layout-mini-sidebar aside b,.layout-mini-three aside b,.layout-mini-auth aside strong{background:#ffffffb8}.layout-mini-chat{grid-template-columns:54px 1fr}.layout-mini-chat main{padding:5px}.layout-mini-chat main i{width:72%;height:12px;border-radius:9px 9px 9px 2px;background:#dbeafe}.layout-mini-chat main i.out{justify-self:end;background:#dcfce7;border-radius:9px 9px 2px}.layout-mini-kanban{grid-template-columns:repeat(3,1fr)}.layout-mini-kanban section{padding:4px}.layout-mini-kanban section:nth-child(2) i:last-child{background:#2563eb}.layout-mini-calendar{grid-template-rows:10px 1fr}.layout-mini-calendar main{grid-template-columns:repeat(6,1fr);padding:4px}.layout-mini-calendar main i{height:auto;aspect-ratio:1;border-radius:3px}.layout-mini-calendar main i.active{background:#2563eb}.layout-mini-timeline article{grid-template-columns:12px 1fr;align-items:center;border:0;background:transparent}.layout-mini-timeline em{width:10px;height:10px;border-radius:50%;background:#2563eb}.layout-mini-map{grid-template-columns:1fr 52px}.layout-mini-map main{position:relative;background:linear-gradient(90deg,rgba(17,24,39,.12) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(rgba(17,24,39,.12) 1px,transparent 1px) 0 0 / 18px 18px,#eff6ff}.layout-mini-map .pin{position:absolute;width:9px;height:9px;left:34%;top:38%;border-radius:50%;background:#dc2626}.layout-mini-map .pin.alt{left:62%;top:56%;background:#2563eb}.layout-mini-footer{grid-template-rows:1fr 17px}.layout-mini-footer main{padding:5px}.layout-mini-footer footer{grid-template-columns:1fr 42px;align-items:center;padding:3px 5px;background:#111827}.layout-mini-footer footer span{height:auto;color:#fff;background:transparent;font-size:9px;font-weight:850}.layout-mini-footer footer .layout-mini-action{min-height:12px;background:#fff;color:#111827}.layout-mini-commerce{grid-template-columns:1fr 74px}.layout-mini-commerce main{padding:4px}.layout-mini-commerce main article{grid-template-columns:18px 1fr;align-items:center;border:0;background:transparent}.layout-mini-commerce main article i{height:16px;border-radius:4px;background:#fed7aa}.layout-mini-commerce aside{padding:5px;background:#ecfdf5}.layout-mini-commerce strong{height:auto;color:#047857;background:transparent;font-size:10px}.layout-mini-mobileNav{grid-template-rows:1fr 14px}.layout-mini-mobileNav footer{grid-template-columns:repeat(3,1fr);padding:3px}.layout-mini-mobileNav footer b.active{background:#111827}.layout-mini-overlay{position:relative}.layout-mini-overlay main{opacity:.42}.layout-mini-overlay section{position:absolute;top:14px;right:44px;bottom:7px;left:44px;padding:5px;background:#fff;box-shadow:0 8px 18px #0f172a29}.layout-mini-search{grid-template-columns:58px 1fr;grid-template-rows:14px 1fr}.layout-mini-search header{grid-column:1 / -1;grid-template-columns:13px 1fr;align-items:center;padding:2px 5px;color:#2563eb}.layout-mini-search main{gap:4px}.layout-mini-search main article{min-height:12px;border:0;background:#dbeafe}.layout-mini-grid{grid-template-columns:repeat(3,1fr)}.layout-mini-grid article{padding:3px}.layout-mini-grid article.tall{grid-row:span 2}.layout-mini-feed article{grid-template-columns:18px 1fr;align-items:center;padding:4px}.layout-mini-feed article i{height:18px;border-radius:50%;background:#111827}.layout-mini-article article{padding:6px}.layout-mini-article article strong{width:52%;background:#111827}.semantic-style-preview{display:grid;place-items:center;gap:6px}.semantic-style-preview :is(i,b,span,main,section,article){display:block;border-radius:6px;background:#e5e7eb}.style-mini-token{grid-template-columns:78px 1fr;align-content:center}.style-mini-token code{grid-row:span 3;padding:7px;border-radius:6px;background:#111827;color:#fff;font-size:9px;font-weight:850}.style-mini-token b{width:100%;height:6px}.style-mini-color,.style-mini-gradient,.style-mini-icons{grid-template-columns:repeat(4,1fr)}.style-mini-color .swatch{width:34px;height:34px}.style-mini-color .a{background:#2563eb}.style-mini-color .b{background:#16a34a}.style-mini-color .c{background:#f59e0b}.style-mini-color .d{background:#dc2626}.style-mini-gradient{grid-template-columns:74px 42px 28px}.style-mini-gradient .gradient-strip{height:34px;border-radius:9px;border:1px solid rgba(15,23,42,.08)}.style-mini-gradient .gradient-strip.main{background:linear-gradient(135deg,#111827,#2563eb 54%,#22c55e)}.style-mini-gradient .gradient-strip.warm{background:linear-gradient(135deg,#f97316,#facc15,#ec4899)}.style-mini-gradient .gradient-chip{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 18%,#38bdf8 19%,#38bdf8 52%,#1d4ed8 53%,#1d4ed8)}.style-mini-type{grid-template-columns:56px 1fr}.style-mini-type strong{grid-row:span 2;color:#111827;font-size:28px;line-height:1}.style-mini-type b{width:100%;height:8px}.style-mini-type b.short{width:66%}.style-mini-spacing{grid-template-columns:18px 34px 72px}.style-mini-spacing span{height:34px;background:#dbeafe}.style-mini-spacing span.wide{background:#bfdbfe}.style-mini-spacing i{width:6px;height:34px;background:#2563eb}.style-mini-radius,.style-mini-border,.style-mini-shadow{grid-template-columns:repeat(3,44px)}.style-mini-radius i,.style-mini-border i,.style-mini-shadow i{width:40px;height:34px;background:#fff;border:1px solid #d1d5db}.style-mini-radius .r0{border-radius:2px}.style-mini-radius .r1{border-radius:8px}.style-mini-radius .r2{border-radius:18px}.style-mini-border .dashed{border-style:dashed}.style-mini-border .focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.style-mini-shadow .low{box-shadow:0 3px 8px #0f172a24}.style-mini-shadow .mid{box-shadow:0 7px 16px #0f172a2e}.style-mini-shadow .high{box-shadow:0 12px 26px #0f172a38}.style-mini-transparency{position:relative}.style-mini-transparency main{width:92px;height:34px;background:repeating-linear-gradient(45deg,#e5e7eb 0,#e5e7eb 6px,#fff 6px,#fff 12px)}.style-mini-transparency section{position:absolute;width:78px;height:30px;background:#2563eb33;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.style-mini-icons svg{width:30px;height:30px;padding:6px;border:1px solid #d1d5db;border-radius:8px;color:#111827}.style-mini-density{grid-template-columns:1fr 1fr}.style-mini-density article{width:64px;height:34px;background:repeating-linear-gradient(180deg,#cbd5e1 0 5px,transparent 5px 10px),#fff;border:1px solid #e5e7eb}.style-mini-density article.dense{background:repeating-linear-gradient(180deg,#111827 0 3px,transparent 3px 7px),#fff}.style-mini-theme{grid-template-columns:1fr 1fr}.style-mini-theme main{width:58px;height:34px;border:1px solid #d1d5db;background:#fff}.style-mini-theme main.dark{background:#111827}.style-mini-brand{grid-template-columns:42px 1fr}.style-mini-brand strong{grid-row:span 2;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#111827;color:#facc15;font-size:12px}.style-mini-platform{grid-template-rows:1fr 8px}.style-mini-platform main{width:116px;height:34px;border:1px solid #d1d5db;background:linear-gradient(90deg,#111827 0,#111827 24%,#f8fafc 24%)}.style-mini-platform footer{width:80px;height:5px;border-radius:999px;background:#111827}.style-mini-state{grid-template-columns:repeat(3,auto)}.style-mini-state .style-mini-state-control{min-height:28px;padding:0 8px;border:1px solid #d1d5db;border-radius:7px;background:#fff;color:#111827;font-size:9px;font-weight:850;display:inline-flex;align-items:center;justify-content:center}.style-mini-state .style-mini-state-control.active{background:#111827;color:#fff}.style-mini-state .style-mini-state-control.disabled{color:#94a3b8;background:#f1f5f9}.style-mini-emphasis{grid-template-columns:1fr 1fr}.style-mini-emphasis article{width:62px;height:34px;border-left:4px solid #cbd5e1}.style-mini-emphasis article.strong{border-left-color:#f59e0b;background:#fffbeb}.semantic-motion-preview{position:relative;display:grid;place-items:center;gap:6px}.semantic-motion-preview :is(i,b,span,section,main,aside,nav,header,p){display:block;border-radius:6px}.semantic-motion-preview .motion-mini-action{min-height:28px;padding:0 12px;border:0;border-radius:7px;background:#111827;color:#fff;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.motion-mini-haptic{grid-template-columns:auto repeat(3,10px)}.motion-mini-haptic i{width:8px;height:28px;background:#2563eb;opacity:.22;animation:pulsePreview .9s ease-in-out infinite}.motion-mini-haptic i:nth-of-type(2){opacity:.48;animation-delay:80ms}.motion-mini-haptic i:nth-of-type(3){opacity:.82;animation-delay:.16s}.motion-mini-number{align-content:center;color:#111827}.motion-mini-number strong{font-size:22px;line-height:1;animation:numberPreview 1.3s ease-in-out infinite}.motion-mini-number span{padding:3px 8px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:10px;font-weight:900}.motion-mini-stagger{grid-template-columns:repeat(4,24px)}.motion-mini-stagger i{width:22px;height:32px;background:#dbeafe;animation:floatPreview 1.2s ease-in-out infinite;animation-delay:var(--delay, 0ms)}.motion-mini-spring{grid-template-columns:42px 42px auto}.motion-mini-spring b{width:32px;height:32px;border-radius:50%;background:#dbeafe}.motion-mini-spring b.target{background:#2563eb;animation:springMiniPreview 1s cubic-bezier(.2,1.4,.4,1) infinite}.motion-mini-spring span,.motion-mini-refresh span,.motion-mini-reduced span{color:#64748b;font-size:10px;font-weight:850}.motion-mini-overlay main,.motion-mini-menu nav,.motion-mini-tabs nav,.motion-mini-slide aside,.motion-mini-slide main,.motion-mini-drag main{border:1px solid #d1d5db;background:#f8fafc}.motion-mini-overlay main{width:122px;height:38px;opacity:.45}.motion-mini-overlay section{position:absolute;width:86px;min-height:36px;display:grid;place-items:center;gap:4px;padding:5px;background:#fff;box-shadow:0 8px 18px #0f172a29;animation:slidePreview 1.3s ease-in-out infinite}.motion-mini-overlay .motion-mini-action{min-height:14px;font-size:8px}.motion-mini-menu{grid-template-columns:auto 72px}.motion-mini-menu nav{display:grid;gap:4px;padding:5px;animation:fadePreview 1.2s ease-in-out infinite}.motion-mini-menu nav b,.motion-mini-tabs nav b,.motion-mini-expand p,.motion-mini-list i{height:6px;background:#cbd5e1}.motion-mini-tabs{grid-template-rows:18px 5px}.motion-mini-tabs nav{width:128px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px}.motion-mini-tabs nav b:first-child{background:#111827}.motion-mini-tabs>i{width:34px;height:4px;justify-self:start;margin-left:8px;background:#2563eb;animation:tabIndicatorPreview 1.4s ease-in-out infinite}.motion-mini-refresh{grid-template-rows:auto 16px auto}.motion-mini-refresh strong{color:#111827;font-size:11px}.motion-mini-refresh i{width:34px;height:16px;border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:spin .9s linear infinite}.motion-mini-chart{grid-template-columns:repeat(5,18px);align-items:end}.motion-mini-chart i{width:16px;background:#2563eb;animation:barPreview 1.2s ease-in-out infinite}.motion-mini-loading{grid-template-columns:32px 70px}.motion-mini-loading .spinner{grid-row:span 2;width:28px;height:28px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;background:transparent;animation:spin .9s linear infinite}.motion-mini-loading b{height:7px;background:#cbd5e1}.motion-mini-success strong,.motion-mini-error strong,.motion-mini-attention strong{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#16a34a;color:#fff;font-size:12px;animation:successPop 1.2s ease-in-out infinite}.motion-mini-error strong{background:#dc2626;animation:shakePreview .9s ease-in-out infinite}.motion-mini-attention strong{background:#f59e0b;animation:floatPreview 1.2s ease-in-out infinite}.motion-mini-success span,.motion-mini-error span,.motion-mini-attention span{color:#111827;font-size:10px;font-weight:900}.motion-mini-slide{grid-template-columns:52px 96px}.motion-mini-slide aside{height:34px}.motion-mini-slide main{height:34px;display:grid;gap:5px;padding:6px;animation:slidePreview 1.3s ease-in-out infinite}.motion-mini-slide main b,.motion-mini-slide main i{height:6px;background:#cbd5e1}.motion-mini-hover .motion-mini-action{background:#fff;color:#111827;box-shadow:0 0 0 3px #dbeafe;animation:pulsePreview 1.2s ease-in-out infinite}.motion-mini-hover i{position:absolute;width:96px;height:34px;border:1px dashed #2563eb;border-radius:10px;background:transparent}.motion-mini-scale .motion-mini-action{animation:scalePreview 1.2s ease-in-out infinite}.motion-mini-scale i,.motion-mini-press i{position:absolute;width:86px;height:86px;border:1px solid rgba(37,99,235,.34);border-radius:50%;background:transparent}.motion-mini-scale i{animation:scaleHaloPreview 1.2s ease-in-out infinite}.motion-mini-press .motion-mini-action{animation:pressPreview 1.15s ease-in-out infinite}.motion-mini-press i{animation:fadePreview 1.15s ease-in-out infinite}.motion-mini-expand{width:128px;align-content:start}.motion-mini-expand header{width:100%;height:14px;border-bottom:1px solid #d1d5db}.motion-mini-expand p{width:100%;height:7px}.motion-mini-expand p.open{width:68%;animation:expandPreview 1.3s ease-in-out infinite}.motion-mini-list{width:126px}.motion-mini-list i{width:100%;height:8px}.motion-mini-list i.active{background:#2563eb;animation:listPreview 1.2s ease-in-out infinite}.motion-mini-drag main{width:104px;height:34px;border-style:dashed}.motion-mini-drag b{position:absolute;width:34px;height:34px;background:#2563eb;box-shadow:0 8px 18px #2563eb3d;animation:dragPreview 1.4s ease-in-out infinite}.motion-mini-spatial{grid-template-columns:repeat(3,38px)}.motion-mini-spatial i,.motion-mini-spatial b{width:28px;height:28px;border-radius:50%;background:#dbeafe}.motion-mini-spatial b{width:36px;height:36px;background:#2563eb;animation:spatialPreview 1.4s ease-in-out infinite}.motion-mini-reduced strong{color:#111827;font-size:12px}.motion-mini-reduced span{width:96px;height:8px;border-radius:999px;background:repeating-linear-gradient(90deg,#94a3b8 0,#94a3b8 14px,#e2e8f0 14px,#e2e8f0 22px)}.motion-mini-fade section{position:absolute;width:94px;height:34px;border:1px solid #d1d5db;border-radius:7px;background:#fff}.motion-mini-fade section.next{transform:translate(24px,8px);border-color:#2563eb;background:#dbeafe;animation:fadePreview 1.3s ease-in-out infinite}.motion-scene-haptic{display:grid;grid-template-columns:auto repeat(3,16px);place-items:center;gap:12px;padding:24px}.motion-scene-haptic button{min-width:92px;min-height:42px;border:0;border-radius:10px;background:#111827;color:#fff;font-weight:900;animation:pressPreview 1.1s ease-in-out infinite}.motion-scene-haptic i{width:12px;height:48px;border-radius:999px;background:#2563eb;opacity:.25;animation:pulsePreview 1s ease-in-out infinite}.motion-scene-haptic i:nth-of-type(2){opacity:.5;animation-delay:90ms}.motion-scene-haptic i:nth-of-type(3){opacity:.85;animation-delay:.18s}.motion-scene-number{display:grid;place-items:center;gap:10px}.motion-scene-number strong{color:#111827;font-size:34px;line-height:1;animation:numberPreview 1.4s ease-in-out infinite}.motion-scene-number span{padding:5px 10px;border-radius:999px;background:#dcfce7;color:#15803d;font-weight:900}.motion-scene-stagger{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:10px;padding:24px}.motion-scene-stagger i{height:76px;border-radius:10px;background:#dbeafe;animation:floatPreview 1.2s ease-in-out infinite}.motion-scene-stagger i:nth-child(2){animation-delay:.1s}.motion-scene-stagger i:nth-child(3){animation-delay:.2s}.motion-scene-stagger i:nth-child(4){animation-delay:.3s}.motion-scene-spring{display:grid;grid-template-columns:54px 54px auto;place-items:center;gap:14px}.motion-scene-spring b{width:44px;height:44px;border-radius:50%;background:#dbeafe}.motion-scene-spring b:nth-child(2){background:#2563eb;animation:springMiniPreview 1.1s cubic-bezier(.2,1.4,.4,1) infinite}.motion-scene-spring span{color:#111827;font-weight:900}.motion-scene-overlay,.motion-scene-menu,.motion-scene-tabs,.motion-scene-refresh,.motion-scene-chart{display:grid;place-items:center;padding:20px}.motion-scene-overlay main{position:absolute;top:18px;right:28px;bottom:18px;left:28px;border:1px solid #d1d5db;border-radius:10px;background:#f8fafc;opacity:.5}.motion-scene-overlay section{z-index:1;width:148px;display:grid;gap:10px;padding:14px;border-radius:12px;background:#fff;box-shadow:0 14px 32px #0f172a2e;animation:slidePreview 1.4s ease-in-out infinite}.motion-scene-overlay button,.motion-scene-menu button{min-height:32px;border:0;border-radius:8px;background:#111827;color:#fff;font-weight:850}.motion-scene-menu{grid-template-columns:auto 118px;gap:12px}.motion-scene-menu nav{display:grid;gap:7px;padding:10px;border:1px solid #d1d5db;border-radius:10px;background:#fff;animation:fadePreview 1.2s ease-in-out infinite}.motion-scene-menu nav span{color:#111827;font-size:12px;font-weight:850}.motion-scene-tabs nav{width:190px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;border:1px solid #d1d5db;border-radius:10px}.motion-scene-tabs nav b{min-height:28px;display:grid;place-items:center;border-radius:7px;color:#475569}.motion-scene-tabs nav .active{background:#111827;color:#fff}.motion-scene-tabs>i{width:52px;height:4px;margin-top:8px;border-radius:999px;background:#2563eb;animation:tabIndicatorPreview 1.4s ease-in-out infinite}.motion-scene-refresh{gap:10px}.motion-scene-refresh b{color:#111827;font-weight:900}.motion-scene-refresh i{width:42px;height:42px;border:5px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:spin .9s linear infinite}.motion-scene-refresh span{color:#64748b;font-weight:850}.motion-scene-chart{grid-template-columns:repeat(5,1fr);align-items:end;gap:10px}.motion-scene-chart i{width:28px;border-radius:8px 8px 0 0;background:#2563eb;animation:barPreview 1.2s ease-in-out infinite}@keyframes pulsePreview{0%,to{transform:scaleY(.65);opacity:.28}50%{transform:scaleY(1);opacity:.9}}@keyframes numberPreview{0%,to{transform:translateY(3px);opacity:.72}50%{transform:translateY(0);opacity:1}}@keyframes springMiniPreview{0%,to{transform:translate(-8px) scale(.9)}45%{transform:translate(10px) scale(1.12)}70%{transform:translate(3px) scale(.98)}}@keyframes tabIndicatorPreview{0%,to{transform:translate(0)}50%{transform:translate(42px)}}@keyframes barPreview{0%,to{transform:scaleY(.72);transform-origin:bottom}50%{transform:scaleY(1);transform-origin:bottom}}.motion-reduced i{animation:none}.layout-sticky-header i:first-child{background:#111;box-shadow:0 5px 10px #0000002e}.layout-sticky-sidebar,.layout-split,.layout-search-results,.layout-detail{grid-template-columns:.42fr 1fr}.layout-sticky-sidebar i:first-child{grid-row:span 3;background:#111}.layout-split i:first-child{grid-row:span 3;background:linear-gradient(90deg,#eee 0,#eee 86%,#111 86%)}.layout-wizard i:first-child{grid-column:1 / -1;background:linear-gradient(90deg,var(--green) 0 33%,#d9fbe7 33% 66%,#e5e5e5 66%)}.layout-fullscreen-modal i:first-child{grid-column:1 / -1;height:42px;box-shadow:0 8px 18px #0000001f}.layout-landing{grid-template-columns:1fr .8fr}.layout-landing i:first-child{grid-column:1 / -1;background:#111}.layout-profile{grid-template-columns:.38fr 1fr}.layout-profile i:first-child{height:42px;border-radius:50%;background:#111}.style-spacing i{width:44%}.style-type b:first-of-type{height:14px;background:#111}.style-density{gap:3px}.style-density i,.style-density b{height:6px}.motion-spatial i{background:linear-gradient(135deg,#111,var(--blue));animation:spatialPreview 1.5s ease-in-out infinite}.motion-list i{width:72px;border-radius:10px;animation:listPreview 1.2s ease-in-out infinite}.motion-slide i,.motion-page i{animation:slidePreview 1.3s ease-in-out infinite}.motion-drag i{animation:dragPreview 1.5s ease-in-out infinite}.pattern-preview{grid-template-columns:1fr;align-content:center}.preview-alert .mini-generic,.preview-confirmation .mini-generic,.preview-error-state .mini-generic{border-color:#dc262647;background:var(--red-soft);color:var(--red)}.preview-alert .mini-generic b:first-of-type,.preview-confirmation .mini-generic b:first-of-type,.preview-error-state .mini-generic b:first-of-type{background:var(--red)}.preview-success-state .mini-generic{border-color:#16a34a47;background:var(--green-soft);color:var(--green)}.preview-success-state .mini-generic b:first-of-type{background:var(--green)}.preview-search .mini-generic,.preview-command-palette .mini-generic,.preview-file-upload .mini-generic,.preview-autocomplete .mini-generic,.preview-data-grid .mini-generic,.preview-sort-control .mini-generic,.preview-media-player .mini-generic{border-color:#2563eb3d;background:var(--blue-soft);color:var(--blue)}.preview-search .mini-generic b:first-of-type,.preview-command-palette .mini-generic b:first-of-type,.preview-file-upload .mini-generic b:first-of-type,.preview-autocomplete .mini-generic b:first-of-type,.preview-data-grid .mini-generic b:first-of-type,.preview-sort-control .mini-generic b:first-of-type,.preview-media-player .mini-generic b:first-of-type{background:var(--blue)}.preview-rating .mini-generic,.preview-notification .mini-generic{border-color:#d9770640;background:var(--amber-soft);color:var(--amber)}.preview-rating .mini-generic b:first-of-type,.preview-notification .mini-generic b:first-of-type{background:var(--amber)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes blink{50%{opacity:0}}@keyframes carouselSlide{50%{transform:translate(-28px)}}@keyframes slidePreview{50%{transform:translate(18px)}}@keyframes spatialPreview{50%{transform:translate(12px,-8px) scale(1.08);box-shadow:0 18px 28px #2563eb33}}@keyframes successPop{40%{transform:scale(1.12);box-shadow:0 0 0 10px #16a34a1f}}@keyframes fadePreview{50%{opacity:.36}}@keyframes listPreview{50%{transform:translateY(8px)}}@keyframes dragPreview{30%{transform:translate(18px) rotate(2deg)}70%{transform:translate(-10px) rotate(-2deg)}}@keyframes floatPreview{50%{transform:translateY(-5px)}}@keyframes pressPreview{50%{transform:scale(.94)}}@keyframes scalePreview{45%{transform:scale(1.12)}}@keyframes scaleHaloPreview{45%{opacity:.34;transform:scale(.72)}}@keyframes shakePreview{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes expandPreview{50%{width:132px}}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}@media(min-width:1400px){.home-body{max-width:1114px}}@media(max-width:1120px){.home-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-core-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-path-grid,.home-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-inline-workspace{grid-template-columns:1fr}.atlas-grid{grid-template-columns:1fr;gap:28px}.atlas-list-panel{max-height:none}.full-entry-list.scrollable{max-height:none;overflow:visible;padding-right:0}.detail-panel{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.component-detail-dialog{width:min(100%,820px)}.component-detail-dialog-lower{grid-template-columns:1fr}}@media(max-width:980px){.topbar{grid-template-columns:1fr;height:auto;gap:8px;padding-block:16px 0}.brand-zone,.brand,.top-actions{justify-content:center}.brand-zone{width:100%}.main-nav{order:3;width:min(100%,720px);height:auto;flex-wrap:wrap;justify-content:center;gap:4px 22px;overflow:visible;padding:0 10px 10px}.main-nav button{min-height:40px}.main-nav button:after{bottom:0}}@media(max-width:760px){.app-shell{padding:0}.topbar{border-left:0;border-right:0;border-radius:0;padding-inline:16px}.brand-zone{flex-direction:column;gap:10px}.brand{align-items:center;gap:8px;justify-content:center;width:100%}.brand span{font-size:26px}.brand small{width:100%;text-align:center}.top-actions{gap:12px;flex-wrap:wrap}.device-switch{width:min(100%,190px)}.header-tool{min-height:38px;font-size:15px}.main-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 6px;width:100%;padding:4px 0 10px}.main-nav button{width:100%;min-width:0;min-height:40px;padding:0 6px;font-size:15px}.home-canvas{border-left:0;border-right:0;border-radius:0;box-shadow:none}.home-hero{grid-template-columns:1fr;justify-items:stretch;gap:14px;padding:24px 16px 18px}.home-hero-copy{justify-items:start}.home-hero h1{max-width:8em;font-size:40px;line-height:1.08}.home-hero p{font-size:16px}.home-search{grid-template-columns:44px 1fr;min-height:56px}.home-tags{justify-content:flex-start;width:100%;grid-column:auto}.home-body{padding:14px 16px 22px}.home-entry-grid,.home-path-grid,.home-comparison-grid{grid-template-columns:1fr}.home-entry-card{min-height:82px;grid-template-columns:58px minmax(0,1fr) 28px}.home-entry-icon{width:52px;height:52px}.home-entry-icon-mark{width:38px;height:38px}.home-entry-icon-mark svg{width:34px;height:34px}.home-entry-icon-mark .i-icon,.home-entry-icon-mark .i-icon svg{width:36px;height:36px}.home-entry-card strong{font-size:22px}.home-core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-core-card{height:112px}.home-path-card{min-height:104px}.home-footer{padding-inline:16px}.home-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-footer-links button{font-size:16px}.composer-section{padding:32px 16px 26px}.composer{grid-template-columns:42px 1fr auto;min-height:66px;border-radius:20px;padding:8px 9px}.composer-orb{width:36px;height:36px}.composer input{font-size:16px}.ghost-icon{display:none}.quick-questions{justify-content:flex-start;text-align:left}.atlas-grid,.all-components-page,.comparisons-page,.explore-section{padding:0 16px}.all-components-page{padding-top:28px}.all-page-heading{gap:10px}.document-section-tabs-rail,.document-category-tabs-rail{margin-top:14px}.document-section-tabs button,.document-category-tabs button{min-width:auto;min-height:40px;padding-bottom:10px}.all-component-groups{gap:34px;padding-top:22px}.all-component-group-heading h2{font-size:22px}.component-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparisons-heading,.comparison-pair-card header,.comparison-side-grid{grid-template-columns:1fr}.comparisons-heading{align-items:start;gap:14px;padding-top:28px}.comparison-pair-card{padding:14px}.full-entry-list{max-height:none;overflow:visible;padding-right:0}.entry-row{grid-template-columns:34px minmax(0,1fr) 24px;gap:14px}.entry-row>svg{grid-column:3 / 4;grid-row:1 / 3}.entry-copy{grid-column:2 / 3;grid-row:1}.entry-row .mini-preview{grid-column:2 / 3;grid-row:2;width:100%}.entry-copy strong{font-size:18px}.answer-heading{grid-template-columns:42px minmax(0,1fr);gap:14px}.answer-heading h2{font-size:24px}.answer-heading h2 span{font-size:18px}.segmented-row{grid-template-columns:1fr;gap:8px}.preview-context{grid-template-columns:1fr}.component-detail-dialog-backdrop{align-items:stretch;padding:12px}.component-detail-dialog{max-height:calc(100vh - 24px);gap:18px;padding:18px}.component-detail-dialog-heading{grid-template-columns:minmax(0,1fr) 40px}.component-detail-dialog-heading button{width:40px;height:40px}.component-detail-dialog-heading h2{font-size:26px}.component-detail-dialog-heading h2 span{font-size:18px}.component-detail-dialog-stage{min-height:220px;padding:14px}.detailed-layout,.detailed-pattern{padding:10px}.layout-dashboard-scene,.layout-app-scene,.layout-settings-scene,.layout-checkout-scene,.layout-three-scene,.layout-detail-scene,.layout-profile-scene,.layout-landing-scene,.layout-search-scene,.pattern-filter-scene,.pattern-checkout-scene{grid-template-columns:1fr}.layout-dashboard-scene main{grid-template-columns:1fr}.layout-dashboard-scene section{grid-template-columns:repeat(4,1fr)}.layout-card-scene{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-search-scene article{grid-template-columns:1fr}.pattern-search-scene article em{justify-self:start}.info-grid,.section-board,.qa-strip{grid-template-columns:1fr}.info-grid>div,.info-grid>div:nth-child(2n){padding:20px 0;border-right:0;border-left:0}.comparison-row{grid-template-columns:1fr;gap:8px;padding:20px 0}.comparison-row .versus{justify-self:start}.section-heading{display:grid;align-items:start}.qa-strip div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}.site-footer{padding-inline:16px}}.layout-mobile-bottom-sheet-scene{width:min(100%,286px);justify-self:center;position:relative;min-height:260px;overflow:hidden;border:1px solid var(--line-strong);border-radius:22px;background:#f8fafc}.layout-mobile-bottom-sheet-scene main{display:grid;gap:10px;align-content:start;padding:16px}.layout-mobile-bottom-sheet-scene main i{min-height:112px;border-radius:14px;background:linear-gradient(135deg,#111827,#2563eb)}.layout-mobile-bottom-sheet-scene main b,.layout-sticky-action-bar-scene main p,.layout-sticky-header-scene main article{min-height:12px;border-radius:999px;background:#e5e7eb}.layout-mobile-bottom-sheet-scene section{position:absolute;right:0;bottom:0;left:0;display:grid;gap:8px;padding:12px 14px 16px;border-top:1px solid var(--line);border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -16px 32px #0f172a1f}.layout-mobile-bottom-sheet-scene section>b{justify-self:center;width:42px;min-height:4px;border-radius:999px;background:#cbd5e1}.layout-sticky-header-scene{grid-template-rows:auto 1fr}.layout-sticky-header-scene header,.layout-sticky-action-bar-scene footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);background:#fff;box-shadow:0 8px 18px #0f172a14}.layout-sticky-header-scene nav{display:flex;gap:6px}.layout-sticky-header-scene nav span{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:var(--muted);font-size:11px;font-weight:850}.layout-sticky-header-scene main,.layout-sticky-action-bar-scene main{display:grid;gap:9px;padding:12px;border:1px solid var(--line);background:#fff}.layout-sticky-action-bar-scene{grid-template-rows:1fr auto}.layout-sticky-action-bar-scene footer button,.layout-map-scene button{min-height:32px;border:0;border-radius:8px;padding:0 12px;background:#111827;color:#fff;font-weight:850}.layout-map-scene{grid-template-columns:118px minmax(0,1fr) 130px}.layout-map-scene aside,.layout-map-scene section{display:grid;gap:8px;align-content:start;padding:12px;border:1px solid var(--line);background:#fff}.layout-map-scene aside span,.layout-map-scene section span{min-height:26px;display:flex;align-items:center;padding:0 8px;border-radius:7px;background:#f1f5f9;color:var(--muted);font-size:12px;font-weight:800}.layout-map-scene main{position:relative;min-height:220px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(90deg,rgba(17,24,39,.12) 1px,transparent 1px) 0 0 / 36px 36px,linear-gradient(rgba(17,24,39,.12) 1px,transparent 1px) 0 0 / 36px 36px,#ecfeff}.layout-map-scene main i{position:absolute;top:28px;right:28px;bottom:28px;left:28px;border-radius:22px;background:linear-gradient(135deg,#2563eb2e,#16a34a29)}.layout-map-scene .pin{position:absolute;width:16px;min-height:16px;border:3px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 6px 14px #0f172a3d}.layout-map-scene .pin.primary{left:42%;top:38%;background:#dc2626}.layout-map-scene .pin:not(.primary):not(.secondary){left:64%;top:55%}.layout-map-scene .pin.secondary{left:30%;top:66%;background:#16a34a}.pattern-confirm-scene,.pattern-security-scene,.pattern-profile-form-scene,.pattern-product-detail-scene,.pattern-table-control-scene,.pattern-tracking-scene,.pattern-help-scene{display:grid;gap:12px}.pattern-confirm-scene{place-items:center;text-align:center}.pattern-confirm-scene main,.pattern-security-scene,.pattern-profile-form-scene aside,.pattern-profile-form-scene main,.pattern-product-detail-scene aside,.pattern-product-detail-scene main,.pattern-table-control-scene,.pattern-tracking-scene,.pattern-help-scene aside,.pattern-help-scene main{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.pattern-confirm-scene footer,.pattern-security-scene header,.pattern-table-control-scene header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pattern-security-scene section,.pattern-table-control-scene section{display:grid;gap:7px}.pattern-security-scene article,.pattern-table-control-scene label{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border-radius:8px;background:#f8fafc}.pattern-security-scene button.danger,.pattern-confirm-scene button:last-child{background:#111827;color:#fff}.pattern-profile-form-scene,.pattern-product-detail-scene,.pattern-help-scene{grid-template-columns:.72fr 1fr}.pattern-profile-form-scene aside{display:grid;place-items:center;align-content:center;gap:10px}.pattern-profile-form-scene aside b{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#111827;color:#fff}.pattern-profile-form-scene main,.pattern-profile-form-scene label,.pattern-product-detail-scene main,.pattern-help-scene aside,.pattern-help-scene main{display:grid;gap:8px}.pattern-profile-form-scene input{min-height:32px;border:1px solid var(--line);border-radius:7px;padding:0 8px}.pattern-product-detail-scene aside i{min-height:130px;border-radius:12px;background:linear-gradient(135deg,#111827,#2563eb 56%,#f59e0b)}.pattern-product-detail-scene nav{display:flex;gap:6px}.pattern-product-detail-scene nav b{flex:1;height:8px;border-radius:999px;background:#cbd5e1}.pattern-table-control-scene main{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.pattern-table-control-scene main>*{padding:7px;background:#fff;font-size:12px}.pattern-table-control-scene main b{background:#111827;color:#fff}.pattern-tracking-scene ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.pattern-tracking-scene li{min-height:34px;padding:8px 10px;border-radius:999px;background:#f1f5f9;color:var(--muted);font-weight:850}.pattern-tracking-scene li.done{background:var(--green-soft);color:var(--green)}.pattern-tracking-scene li.active{background:#111827;color:#fff}.pattern-help-scene aside button{text-align:left}.pattern-help-scene aside button.active{background:#111827;color:#fff}.generated-standard-mini,.mini-preview.generated-standard-mini,.mini-preview[data-preview-base],[data-preview-base]>.mini-preview{--generated-standard-line: var(--entry-line, #d4dbe8);--generated-standard-soft: var(--entry-soft, #f8fafc);--generated-standard-ink: var(--entry-ink, #111827);--generated-standard-accent: var(--entry-accent, #2563eb)}.generated-standard-mini{width:100%;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:3px;place-items:center;color:var(--generated-standard-ink)}.generated-standard-mini-label{max-width:100%;min-width:0;padding:0 6px;overflow:hidden;color:var(--generated-standard-ink);font-size:9px;font-weight:850;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.generated-standard-mini>.mini-preview,.mini-preview.generated-standard-mini,.mini-preview[data-preview-base],[data-preview-base]>.mini-preview{color:var(--generated-standard-ink);border-color:var(--generated-standard-line);background:#fff}.generated-standard-mini>.mini-preview>*,.mini-preview.generated-standard-mini>*,.mini-preview[data-preview-base]>*,[data-preview-base]>.mini-preview>*{max-width:100%}.generated-standard-mini :is(.mini-solid,.mini-visual-button.primary,.mini-visual-button.solid,.mini-visual-button[data-variant=primary],.mini-visual-button[data-variant=solid]),.mini-preview.generated-standard-mini :is(.mini-solid,.mini-visual-button.primary,.mini-visual-button.solid,.mini-visual-button[data-variant=primary],.mini-visual-button[data-variant=solid]),.mini-preview[data-preview-base] :is(.mini-solid,.mini-visual-button.primary,.mini-visual-button.solid,.mini-visual-button[data-variant=primary],.mini-visual-button[data-variant=solid]),[data-preview-base]>.mini-preview :is(.mini-solid,.mini-visual-button.primary,.mini-visual-button.solid,.mini-visual-button[data-variant=primary],.mini-visual-button[data-variant=solid]){border-color:var(--generated-standard-accent);background:var(--generated-standard-accent)}.component-tile-preview .generated-standard-mini,.component-tile-preview .mini-preview.generated-standard-mini,.component-tile-preview .mini-preview[data-preview-base]{width:100%;max-width:none;height:72px}.component-tile-preview .generated-standard-mini>.mini-preview{width:100%;max-width:none;height:54px}.entry-row .generated-standard-mini{width:100%;max-width:278px}.generated-standard-live,.preview-stage>[data-preview-base],.component-detail-dialog-stage>[data-preview-base],.variant-preview-shell>[data-preview-base]{--generated-standard-line: var(--entry-line, #d4dbe8);--generated-standard-soft: var(--entry-soft, #f8fafc);--generated-standard-ink: var(--entry-ink, #111827);width:min(100%,560px);min-width:0;display:grid;justify-items:stretch;gap:10px;color:var(--generated-standard-ink)}.component-detail-dialog-stage>.generated-standard-live,.component-detail-dialog-stage>[data-preview-base]{width:min(100%,720px)}.generated-standard-live>:is(.variant-preview-shell,.mobile-live-frame,[class^=live-],[class*=" live-"]),.preview-stage>[data-preview-base]>:is(.variant-preview-shell,.mobile-live-frame,[class^=live-],[class*=" live-"]),.component-detail-dialog-stage>[data-preview-base]>:is(.variant-preview-shell,.mobile-live-frame,[class^=live-],[class*=" live-"]),.variant-preview-shell>[data-preview-base]>:is(.mobile-live-frame,[class^=live-],[class*=" live-"]){width:100%;max-width:none;justify-self:stretch}.generated-standard-live :is(.variant-preview-shell,[class^=live-],[class*=" live-"]),.preview-stage>[data-preview-base] :is(.variant-preview-shell,[class^=live-],[class*=" live-"]),.component-detail-dialog-stage>[data-preview-base] :is(.variant-preview-shell,[class^=live-],[class*=" live-"]){border-color:var(--generated-standard-line)}.generated-standard-live:is(.variant-preview-shell,[class^=live-],[class*=" live-"]),.preview-stage>[data-preview-base]:is(.variant-preview-shell,[class^=live-],[class*=" live-"]),.component-detail-dialog-stage>[data-preview-base]:is(.variant-preview-shell,[class^=live-],[class*=" live-"]){border-color:var(--generated-standard-line)}.mobile-live-screen .generated-standard-live,.mobile-live-screen [data-preview-base]{width:100%;max-width:none}.generated-standard-mini,.generated-standard-mini *,.generated-standard-mini *:before,.generated-standard-mini *:after,.generated-standard-live,.generated-standard-live *,.generated-standard-live *:before,.generated-standard-live *:after,[data-preview-base],[data-preview-base] *,[data-preview-base] *:before,[data-preview-base] *:after{background-image:none!important}@media(max-width:720px){.entry-row .generated-standard-mini{grid-column:2 / 3;grid-row:2;max-width:none}.generated-standard-live,.preview-stage>[data-preview-base],.component-detail-dialog-stage>[data-preview-base],.variant-preview-shell>[data-preview-base]{width:100%}}