#view-ui-architecture{width:min(100%,1800px)}
#view-ui-architecture.active{display:flex;flex-direction:column;gap:12px;height:calc(100dvh - 150px);min-height:620px;overflow:hidden}
#view-ui-architecture button:focus-visible{outline:2px solid #8c84f4;outline-offset:2px}
.uia-shell-head{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(210px,.55fr);align-items:center;gap:20px;padding:14px 16px}
.uia-shell-copy h2{margin:0;font-size:22px;line-height:1.2}.uia-shell-copy p{margin-top:4px;font-size:11px}.uia-view-tabs,.uia-theme-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:#f3f5f9}
.uia-view-tabs button,.uia-theme-switch button{border:0;border-radius:7px;background:transparent;color:#6c778d;font-size:11px;font-weight:700;white-space:nowrap}
.uia-view-tabs button{padding:8px 12px}.uia-theme-switch button{padding:6px 9px}.uia-view-tabs button.active,.uia-theme-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px #29334a12}
.uia-build{min-width:0;padding-left:14px;border-left:1px solid var(--line)}.uia-build span,.uia-build small{display:block;color:var(--muted);font-size:9px}.uia-build span{color:#5a50d4;font-weight:700}.uia-build code{display:block;margin:2px 0;overflow:hidden;color:#44506a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.uia-loading{padding:15px;color:var(--muted);font-size:12px;text-align:center}.uia-loading[hidden],.uia-view[hidden]{display:none!important}
.uia-view{flex:1;min-height:0}.uia-view[data-uia-panel=overview]{display:flex;flex-direction:column;gap:12px}
.uia-overview-grid{display:grid;grid-template-columns:minmax(680px,1fr) minmax(280px,350px);gap:12px;min-height:0;flex:1}
.uia-map-panel,.uia-layer-inspector{min-width:0;min-height:0;padding:12px;overflow:auto;overscroll-behavior:contain}
.uia-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}.uia-panel-head h3{font-size:15px}.uia-panel-head p{margin-top:3px;font-size:10px}
.uia-map-legend{display:flex;gap:12px;color:#6e798f;font-size:9px;white-space:nowrap}.uia-map-legend span{display:flex;align-items:center;gap:5px}.uia-map-legend i{width:24px;height:2px;background:#7067e9}.uia-map-legend i.state{height:0;border-top:2px dashed #3ba67e;background:transparent}
.uia-architecture-map{display:grid;grid-template-columns:minmax(420px,1fr) minmax(150px,180px);gap:10px;margin-top:14px;align-items:start}
.uia-render-flow,.uia-state-flow{position:relative;border:1px solid #e3e6ee;border-radius:12px;background:#fbfcfe}.uia-render-flow{display:flex;flex-direction:column;align-items:center;padding:30px 10px 7px}.uia-state-flow{padding:30px 8px 8px}
.uia-axis-label{position:absolute;top:8px;left:10px;color:#616d83;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.uia-render-flow>i,.uia-state-flow i,.uia-assembly-flow>i{display:block;color:#8a94a7;font-size:8px;font-style:normal;line-height:1.1;text-align:center}.uia-render-flow>i{padding:1px 0}.uia-render-flow>i:after{content:'↓';display:block;color:#9da6b7;font-size:10px;line-height:1}
.uia-map-node{position:relative;width:min(100%,360px);min-height:50px;padding:7px 42px 7px 10px;border:1px solid #dde2ec;border-radius:10px;background:#fff;color:var(--ink);text-align:left;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.uia-map-node:hover{border-color:#a8a2ef}.uia-map-node.active{border-color:#756ce9;background:#f5f4ff;box-shadow:0 0 0 2px #756ce915}.uia-map-node span,.uia-map-node small{display:block}.uia-map-node span{font-size:10px;font-weight:800}.uia-map-node small{margin-top:2px;color:#788399;font-size:8px;line-height:1.3}.uia-map-node>b{position:absolute;top:8px;right:10px;color:#5f56d2;font-size:14px}.uia-map-node.virtual{border-style:dashed}
.uia-sibling-layers{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:7px;width:100%}.uia-sibling-layers .uia-map-node{height:100%}
.uia-base-chain{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(86px,.8fr) auto minmax(92px,.9fr);align-items:stretch;gap:4px;width:100%}.uia-base-chain .uia-map-node{width:100%;height:100%;padding-right:34px}.uia-base-chain>i{align-self:center;color:#8a94a7;font-size:8px;font-style:normal;white-space:nowrap}
.uia-state-flow>div{display:flex;flex-direction:column;align-items:stretch;gap:7px}.uia-state-flow>div>i:after{content:''}.uia-state-flow .uia-map-node{width:100%}
.uia-inspector-head span,.uia-screen-head span{color:#665ddb;font-size:9px;font-weight:800}.uia-inspector-head h3,.uia-screen-head h3{margin:4px 0 1px;font-size:20px}.uia-inspector-head>b{color:#6f7a90;font-size:10px}.uia-layer-inspector>p{margin-top:10px;font-size:11px;line-height:1.6}.uia-layer-inspector h4,.uia-component-detail h4,.uia-screen-detail h4,.uia-detail h4{margin:16px 0 7px;font-size:11px}
.uia-boundary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.uia-boundary>div{padding:10px;border:1px solid var(--line);border-radius:9px}.uia-boundary span{color:#6b7590;font-size:9px;font-weight:800}.uia-boundary p{margin-top:4px;color:#333e54;font-size:10px;line-height:1.5}
.uia-mini-previews,.uia-screen-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.uia-mini-previews button,.uia-screen-previews button{min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff;color:inherit;text-align:left}.uia-mini-previews img,.uia-screen-previews img{display:block;width:100%;height:72px;object-fit:contain;background:#f7f8fa}.uia-mini-previews span,.uia-screen-previews span{display:block;padding:6px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.uia-token-swatches{display:grid;grid-template-columns:1fr 1fr;gap:5px}.uia-token-swatches span{display:flex;align-items:center;gap:6px;overflow:hidden;color:#667187;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.uia-token-swatches i{flex:0 0 auto;width:18px;height:18px;border:1px solid #e2e5ec;border-radius:5px}
.uia-overview-summary,.uia-governance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.uia-overview-summary article,.uia-governance-summary article{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:#fff}.uia-overview-summary span,.uia-overview-summary small,.uia-governance-summary span,.uia-governance-summary small{color:var(--muted);font-size:8px}.uia-overview-summary b,.uia-governance-summary b{grid-column:2;grid-row:1/3;align-self:center;font-size:18px}
.uia-view[data-uia-panel=components],.uia-view[data-uia-panel=screens],.uia-view[data-uia-panel=governance]{display:flex;flex-direction:column;gap:10px}
.uia-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 180px 170px auto;align-items:center;gap:8px;padding:9px 10px}.uia-governance-toolbar{grid-template-columns:minmax(250px,1fr) 150px 140px auto auto}.uia-toolbar input,.uia-toolbar select{width:100%;min-width:0;min-height:36px}.uia-toolbar label{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;color:#667187;font-size:10px;white-space:nowrap}.uia-toolbar label input{width:auto;min-height:auto;margin:0}
.uia-component-status{display:flex;align-items:center;gap:18px;padding:9px 12px;color:#69758b;font-size:10px}.uia-component-status span{white-space:nowrap}.uia-component-status b{color:var(--ink);font-size:14px}.uia-component-status .warn b{color:#a96c0b}.uia-component-status .ok b{color:#168764}.uia-component-status small{margin-left:auto;color:#8a94a7}
.uia-component-workspace{display:grid;grid-template-columns:minmax(580px,1fr) minmax(340px,430px);gap:12px;min-height:0;flex:1}.uia-component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:10px;min-width:0;padding-right:4px;overflow:auto;overscroll-behavior:contain}.uia-component-detail{min-width:0;padding:14px;overflow:auto;overscroll-behavior:contain}
.uia-component-card{display:flex;min-width:0;min-height:218px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;text-align:left;flex-direction:column;transition:border-color .16s ease,box-shadow .16s ease}.uia-component-card:hover{border-color:#aaa4ed}.uia-component-card.active{border-color:#746be8;box-shadow:0 0 0 2px #746be814}.uia-component-visual{display:grid;place-items:center;height:142px;padding:8px;background:#f7f8fa;border-bottom:1px solid var(--line)}.uia-component-visual.dark,.uia-detail-preview.dark{background:#13161d}.uia-component-visual img{display:block;width:100%;height:100%;object-fit:contain}.uia-component-copy{display:block;min-width:0;padding:10px 11px}.uia-component-copy>span{color:#6b62dc;font-size:8px;font-weight:800;text-transform:uppercase}.uia-component-copy>b,.uia-component-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uia-component-copy>b{margin:2px 0;font-size:12px}.uia-component-copy>small{color:#7b869a;font-size:9px}
.uia-preview-missing{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7d8799;text-align:center}.uia-preview-missing:before{content:'PREVIEW';margin-bottom:6px;padding:2px 6px;border:1px solid #cbd1dc;border-radius:5px;font:8px var(--mono)}.uia-preview-missing b{font-size:10px}.uia-preview-missing small{margin-top:3px;font-size:8px}.uia-detail-preview{display:grid;place-items:center;min-height:210px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f7f8fa}.uia-detail-preview img{display:block;width:100%;max-height:300px;object-fit:contain}
.uia-foundation-board{grid-column:1/-1;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.uia-foundation-board h3{margin:0 0 10px;font-size:13px}.uia-foundation-board h3:not(:first-child){margin-top:22px}.uia-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px}.uia-color-grid article{padding:8px;border:1px solid var(--line);border-radius:9px}.uia-color-grid article>span{display:flex;height:34px;overflow:hidden;border-radius:6px}.uia-color-grid i{flex:1}.uia-color-grid b,.uia-color-grid small{display:block;margin-top:4px}.uia-color-grid b{font-size:9px}.uia-color-grid small{color:var(--muted);font:8px var(--mono)}.uia-type-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.uia-type-list article{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.uia-type-list code{color:#7b8699;font-size:8px}.uia-measure-list{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}.uia-measure-list span{display:flex;align-items:center;gap:5px;color:#6e788d;font-size:8px}.uia-measure-list i{height:7px;border-radius:3px;background:#756ce9}
.uia-screen-toolbar{grid-template-columns:minmax(220px,1fr) 170px minmax(320px,380px) auto}.uia-screen-toolbar span{color:var(--muted);font-size:10px}.uia-screen-preview-mode-host{min-width:0}.uia-screen-preview-mode-host .uia-live-mode{min-width:0;width:100%}.uia-screen-workspace{display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr);gap:12px;min-height:0;flex:1}.uia-screen-list,.uia-screen-detail{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.uia-screen-list{padding:0}.uia-screen-detail{container-name:screen-detail;container-type:inline-size;padding:16px;scrollbar-gutter:stable}.uia-screen-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;border:0;border-bottom:1px solid #edf0f5;background:transparent;color:inherit;text-align:left}.uia-screen-row:hover{background:#f7f6ff}.uia-screen-row.active{background:#f1efff;box-shadow:inset 0 0 0 1px #d9d5ff}.uia-screen-row>span:first-child{min-width:0}.uia-screen-row b,.uia-screen-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uia-screen-row b{font-size:11px}.uia-screen-row small{margin-top:2px;color:#7d8799;font-size:8px}.uia-screen-badges{display:flex;flex:0 0 auto;align-items:flex-end;gap:4px;flex-direction:column}.uia-screen-row em,.uia-figma-head>span{padding:3px 6px;border-radius:6px;background:#eef1f5;color:#6c778c;font-size:8px;font-style:normal;white-space:nowrap}
.uia-screen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.uia-screen-head>div:first-child{min-width:0}.uia-screen-head code{display:block;overflow-wrap:anywhere;color:#758096;font-size:9px}.uia-screen-evidence{display:grid;grid-template-columns:minmax(190px,280px) 1fr;gap:12px;margin-top:14px}.uia-screen-evidence.no-shot{grid-template-columns:170px 1fr}.uia-screen-evidence>img,.uia-no-screen{width:100%;height:260px;border:1px solid var(--line);border-radius:10px;object-fit:contain;background:#f6f7fa}.uia-screen-evidence.no-shot .uia-no-screen{height:116px}.uia-no-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#748095;text-align:center}.uia-no-screen b{font-size:10px}.uia-no-screen small{margin-top:4px;padding:0 8px;font-size:8px}.uia-screen-evidence .uia-facts{align-self:start;margin:0}.uia-assembly-head{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.uia-assembly-head h4{margin:0}.uia-assembly-head span{color:var(--muted);font-size:9px}.uia-assembly-axis{margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}.uia-assembly-axis.state{border-style:dashed;background:#f7fbf9}.uia-assembly-axis h5{margin:0;color:#68748a;font-size:8px}.uia-assembly-flow{display:flex;align-items:stretch;gap:6px;margin-top:7px;overflow:auto;padding-bottom:2px}.uia-assembly-flow>section{flex:1 0 150px;max-width:220px;border:1px solid var(--line);border-radius:8px;background:#fff}.uia-assembly-flow header{display:flex;justify-content:space-between;padding:7px;border-bottom:1px solid var(--line);color:#5d6780;font-size:8px}.uia-assembly-flow section>div{display:flex;flex-wrap:wrap;gap:4px;padding:6px}.uia-assembly-flow button{max-width:100%;padding:3px 5px;overflow:hidden;border:1px solid #e1e4ec;border-radius:5px;background:#fff;color:#455066;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.uia-screen-previews{grid-template-columns:repeat(4,minmax(0,1fr))}.uia-screen-previews img{height:100px}
.uia-screen-row em.ready{background:#e6f6ef;color:#16785b}.uia-screen-row em.gap{background:#fff0dd;color:#9a620c}
.uia-screen-compare{display:grid;grid-template-columns:minmax(430px,1.15fr) minmax(300px,.85fr);gap:12px;align-items:start;margin-top:14px}.uia-screen-preview-studio{min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#f7f8fc,#eef2f8)}
.uia-phone-stage{display:grid;place-items:center;min-height:520px;padding:14px;border-radius:12px;background:radial-gradient(circle at 50% 10%,#fff 0,#e8ecf3 70%)}.uia-phone-stage.dark{background:radial-gradient(circle at 50% 10%,#313640 0,#171a21 72%)}
.uia-phone-frame{display:block;width:min(100%,248px);padding:7px;overflow:hidden;border:2px solid #191b21;border-radius:32px;background:#191b21;box-shadow:0 18px 42px #1820332e;transition:transform .18s ease,box-shadow .18s ease}.uia-phone-frame:hover{transform:translateY(-2px);box-shadow:0 22px 48px #18203338}.uia-phone-frame img{display:block;width:100%;height:auto;border-radius:25px;background:#fff}
.uia-phone-stage .uia-no-screen{height:420px;background:#fff}
.uia-screen-preview-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.uia-screen-preview-title h4,.uia-screen-preview-title b{display:block}.uia-screen-preview-title h4{margin:0;font-size:11px}.uia-screen-preview-title b{margin-top:3px;font-size:15px}.uia-screen-preview-controls{display:flex;align-items:center;gap:8px}.uia-screen-preview-title em{padding:4px 7px;border-radius:999px;font-size:8px;font-style:normal;white-space:nowrap}.uia-screen-preview-title em.ready{background:#e1f5ed;color:#147454}.uia-screen-preview-title em.gap{background:#fff0db;color:#98600b}.uia-screen-preview-source{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid #dce1ea}.uia-screen-preview-source>p{max-width:340px;margin:0;color:#68748a;font-size:9px;line-height:1.55}.uia-image-preview-settings{display:flex;align-items:center;gap:8px;white-space:nowrap}.uia-image-preview-settings>span{color:#68748a;font-size:9px;font-weight:800}.uia-screen-preview-body{display:grid;grid-template-columns:minmax(210px,260px) minmax(160px,1fr);gap:12px;margin-top:12px}.uia-screen-preview-meta{align-self:start;padding:2px}.uia-screen-theme{width:max-content}.uia-screen-preview-meta>p{margin:0;color:#657187;font-size:10px;line-height:1.65}.uia-preview-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0 0}.uia-preview-facts div{min-width:0;padding:9px;border:1px solid #dfe4ed;border-radius:9px;background:#ffffffb8}.uia-preview-facts dt{color:#7d879a;font-size:8px}.uia-preview-facts dd{margin:3px 0 0;overflow:hidden;color:#283348;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.uia-preview-error{padding:9px;border-radius:8px;background:#fff1e1!important;color:#9a6111!important;overflow-wrap:anywhere}.uia-screen-preview-meta>.uia-facts{margin-top:14px}
.uia-readiness{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.uia-readiness>div{padding:7px 8px;border:1px solid #e0e4ec;border-radius:8px;background:#fff}.uia-readiness span,.uia-readiness b{display:block}.uia-readiness span{color:#7b8699;font-size:7px}.uia-readiness b{margin-top:2px;font-size:8px}.uia-readiness .ok b{color:#16785b}.uia-readiness .review b{color:#97600d}.uia-readiness .blocked b{color:#a13c3c}.uia-readiness-detail{margin-top:8px;padding:7px 8px;border-radius:8px;background:#fff5e7;color:#825a1d;font-size:8px}.uia-readiness-detail summary{cursor:pointer;font-weight:800}.uia-readiness-detail p{margin-top:6px;overflow-wrap:anywhere;line-height:1.5}.uia-readiness-detail p b{display:block;margin-bottom:2px}
.uia-figma-config{min-width:0;padding:14px;border:1px solid #dfe3ec;border-radius:12px;background:#fbfcfe}.uia-figma-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.uia-figma-head h4{margin:0}.uia-figma-head p{max-width:680px;margin-top:4px;font-size:9px;line-height:1.55}.uia-figma-head .figma-mapped,.uia-screen-row .figma-mapped{background:#e6f6ef;color:#16785b}.uia-figma-head .figma-notAvailable,.uia-screen-row .figma-notAvailable{background:#eef1f5;color:#657087}.uia-figma-head .figma-unmapped,.uia-screen-row .figma-unmapped{background:#fff0dd;color:#9a620c}.uia-figma-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.uia-figma-links a{padding:5px 8px;border:1px solid #d8d4ff;border-radius:7px;background:#f7f6ff;color:#5f56cc;font-size:9px;font-weight:700;text-decoration:none}.uia-figma-links a:hover{text-decoration:underline;text-underline-offset:2px}.uia-figma-fields{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.uia-figma-fields label{min-width:0;margin:0}.uia-figma-fields label>span{font-size:9px}.uia-figma-fields select,.uia-figma-fields textarea{width:100%;min-height:38px}.uia-figma-fields textarea{min-height:112px;resize:vertical;font:9px/1.5 var(--mono)}.uia-figma-url-field>small{display:block;margin-top:6px;color:#8993a7;font-size:8px;line-height:1.5}.uia-figma-fields label.disabled{opacity:.62}.uia-figma-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}.uia-figma-actions p{font-size:8px;line-height:1.5}.uia-figma-actions code{font:8px var(--mono)}.uia-figma-actions .primary{flex:0 0 auto;padding:8px 12px;box-shadow:none}.uia-figma-actions .primary:disabled{cursor:wait;opacity:.58}.uia-figma-feedback{margin-top:9px;padding:7px 9px;border-radius:7px;font-size:9px}.uia-figma-feedback.success{background:#e9f7f1;color:#147454}.uia-figma-feedback.warning{background:#fff3e2;color:#8e5c12}.uia-figma-feedback.error{background:#ffeded;color:#a23e3e}.uia-figma-feedback.progress{background:#eeecff;color:#564bc8}
.uia-governance-summary{flex:0 0 auto}.uia-workspace{display:grid;grid-template-columns:190px minmax(290px,.85fr) minmax(360px,1.15fr);gap:12px;min-height:0;flex:1}.uia-layers,.uia-catalog,.uia-detail{min-width:0;min-height:0;height:100%}.uia-layers,.uia-catalog{display:flex;flex-direction:column;padding:0;overflow:hidden}.uia-detail{padding:14px 15px 24px;overflow:auto;overscroll-behavior:contain}.uia-section-title{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:10px 12px;border-bottom:1px solid var(--line)}.uia-section-title b{font-size:11px}.uia-section-title span{color:var(--muted);font-size:9px}#uia-layer-list,#uia-entry-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.uia-layer,.uia-entry{width:100%;border:0;border-left:3px solid transparent;background:transparent;color:inherit;text-align:left}.uia-layer{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:9px 9px 9px 10px}.uia-layer:hover,.uia-layer.active,.uia-entry:hover,.uia-entry.active{background:#f4f3ff}.uia-layer.active,.uia-entry.active{border-left-color:var(--accent)}.uia-layer span,.uia-entry-main{min-width:0}.uia-layer b,.uia-layer small{display:block}.uia-layer b{font-size:10px}.uia-layer small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.35}.uia-layer em{min-width:27px;padding:2px 6px;border-radius:999px;background:#eef0f5;color:#69758a;font-size:8px;font-style:normal;text-align:center}
.uia-entry{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 9px 10px 10px;border-top:1px solid #eef0f4}.uia-entry-main b,.uia-entry-main small,.uia-entry-main i{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uia-entry-main b{font-size:11px}.uia-entry-main small,.uia-entry-main i{font:8px/1.4 var(--mono)}.uia-entry-main small{margin:2px 0;color:#68758d}.uia-entry-main i{color:#929bad;font-style:normal}.uia-entry-meta{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:3px}.uia-entry-meta em,.uia-detail-head>em{padding:2px 6px;border-radius:999px;background:#eef0f5;color:var(--muted);font-size:8px;font-style:normal;white-space:nowrap}.uia-entry-meta .ok,.uia-detail-head>.ok{background:#e7f7f1;color:#168764}.uia-entry-meta .gap,.uia-detail-head>.gap{background:#fff2df;color:#a96c0b}
.uia-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.uia-detail-head>div{min-width:0}.uia-detail-head span{color:var(--muted);font-size:8px}.uia-detail-head h3{margin:3px 0;overflow-wrap:anywhere;font-size:17px}.uia-detail-head code{display:block;overflow-wrap:anywhere;color:#69758a;font-size:8px}.uia-description{margin-top:11px;padding:9px 10px;border-radius:8px;background:#f6f7fa;font-size:9px;line-height:1.55;overflow-wrap:anywhere}.uia-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:11px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.uia-facts div{min-width:0;padding:8px 9px;background:var(--panel)}.uia-facts dt{color:var(--muted);font-size:8px}.uia-facts dd{margin:2px 0 0;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.uia-table{overflow:auto;border:1px solid var(--line);border-radius:8px}.uia-table table{width:100%;border-collapse:collapse;font-size:8px}.uia-table th,.uia-table td{padding:7px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.uia-table tr:last-child td{border-bottom:0}.uia-table th{color:var(--muted);font-weight:700}.uia-chips{display:flex;flex-wrap:wrap;gap:4px}.uia-chips span{padding:3px 6px;border-radius:5px;background:#f0f2f6;color:#566177;font-size:8px}.uia-issues{margin:0;padding:0;list-style:none}.uia-issues li{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:8px}.uia-issues b{color:#a96c0b}.uia-muted,.uia-empty{margin:0;padding:24px 10px;color:var(--muted);font-size:10px;text-align:center}
.uia-screen-head p{margin:1px 0 3px;color:#6f7a90;font-size:9px}.uia-phone-frame{position:relative;overflow:visible}.uia-phone-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;width:min(100%,248px);margin-top:10px;color:#69758a;font-size:8px}.uia-phone-actions a{color:#574ec5;font-weight:700;text-decoration-thickness:1px;text-underline-offset:2px}
@media(max-width:1320px){.uia-shell-head{grid-template-columns:minmax(220px,1fr) auto}.uia-build{display:none}.uia-overview-grid{grid-template-columns:minmax(620px,1fr) 300px}.uia-component-workspace{grid-template-columns:minmax(480px,1fr) 360px}}
@container screen-detail (max-width:719px){.uia-screen-compare{grid-template-columns:1fr}.uia-screen-preview-body{grid-template-columns:minmax(220px,280px) minmax(180px,1fr)}.uia-screen-preview-source{align-items:flex-start;flex-direction:column}.uia-image-preview-settings{align-self:stretch;justify-content:space-between}}
@media(max-width:1080px){.uia-shell-copy p{display:none}.uia-view-tabs button{padding:7px 9px}.uia-screen-toolbar{grid-template-columns:minmax(220px,1fr) 170px minmax(300px,360px)}#uia-screen-count{display:none}.uia-overview-grid,.uia-component-workspace,.uia-screen-workspace{grid-template-columns:1fr}.uia-architecture-map{grid-template-columns:1fr}.uia-state-flow>div{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center}.uia-layer-inspector,.uia-component-detail{max-height:none}.uia-workspace{grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr)}.uia-layers{display:none}.uia-screen-list{max-height:260px}.uia-screen-detail{min-height:500px}.uia-screen-compare{grid-template-columns:minmax(420px,1.1fr) minmax(280px,.9fr)}.uia-screen-preview-body{grid-template-columns:minmax(210px,250px) minmax(160px,1fr)}}
@media(max-width:820px){#view-ui-architecture.active{display:block;height:auto;min-height:0;overflow:visible}#view-ui-architecture.active>*+*{margin-top:10px}.uia-shell-head{display:block}.uia-view-tabs{margin-top:12px;overflow:auto}.uia-view-tabs button{flex:1}.uia-overview-grid{display:block}.uia-layer-inspector{margin-top:10px}.uia-architecture-map{display:block}.uia-state-flow{margin-top:10px}.uia-sibling-layers,.uia-base-chain{grid-template-columns:1fr}.uia-base-chain>i{padding:2px;text-align:center}.uia-state-flow>div{display:flex}.uia-overview-summary,.uia-governance-summary{grid-template-columns:1fr 1fr}.uia-toolbar{grid-template-columns:1fr 1fr}.uia-toolbar input{grid-column:1/-1}.uia-component-workspace,.uia-screen-workspace,.uia-workspace{display:block}.uia-component-grid{max-height:none;overflow:visible}.uia-component-detail,.uia-screen-detail,.uia-catalog,.uia-detail{margin-top:10px}.uia-catalog{height:480px}.uia-screen-evidence,.uia-screen-compare,.uia-screen-preview-body{grid-template-columns:1fr}.uia-phone-stage{min-height:500px}.uia-type-list{grid-template-columns:1fr}}
@media(max-width:560px){.uia-overview-summary,.uia-governance-summary,.uia-toolbar{grid-template-columns:1fr}.uia-toolbar input{grid-column:auto}.uia-boundary,.uia-color-grid,.uia-preview-facts{grid-template-columns:1fr}.uia-mini-previews,.uia-screen-previews{grid-template-columns:1fr 1fr}.uia-component-status{align-items:flex-start;flex-direction:column;gap:4px}.uia-component-status small{margin-left:0}.uia-screen-preview-studio{padding:10px}.uia-screen-preview-title,.uia-screen-preview-controls,.uia-figma-actions{align-items:flex-start;flex-direction:column}.uia-screen-preview-source{align-items:stretch;flex-direction:column}.uia-image-preview-settings{align-items:flex-start;flex-direction:column}.uia-phone-stage{min-height:440px;padding:8px}.uia-phone-frame{width:min(100%,220px)}.uia-figma-actions .primary{width:100%}}