.inspector-panel{flex:1;min-width:0;max-width:760px;position:sticky;top:88px;max-height:min(1000px,calc(100dvh - 104px));overflow:auto;padding:25px;border:1px solid #d9e8ee;border-radius:18px;background:#fbfdff;color:#35576a;font-size:12px;line-height:1.7;scrollbar-width:thin;scrollbar-color:#afc8d6 transparent}.inspector-heading{display:flex;gap:14px;align-items:start;justify-content:space-between}.inspector-heading h2{font-size:20px;margin:5px 0 12px}.inspector-heading .eyebrow{font-size:9px;margin:0}.inspector-badge{flex-shrink:0;font-size:10px;background:#e7f2f8;color:#4884a2;border-radius:20px;padding:5px 10px}.inspector-intro{font-size:12px;line-height:1.9;margin:0 0 12px;color:#668597}.inspector-context{border:1px solid #d8e9f2;background:#eef7fc;padding:9px 12px;border-radius:10px;margin-bottom:12px;font-size:11px}.inspector-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;margin:8px 0 15px}.inspector-legend span:before{content:"";display:inline-block;width:10px;height:10px;border:1px solid currentColor;margin-right:4px;vertical-align:-1px}.legend-margin{color:#bc7840}.legend-margin:before{background:#f6c39277}.legend-padding{color:#3e916e}.legend-padding:before{background:#8fd8b366}.legend-content{color:#438db9}.legend-content:before{background:#83b9e95e}.inspector-tabs{display:flex;gap:5px;padding:4px;background:#eaf3f8;border-radius:10px;margin:16px 0}.inspector-tabs button{flex:1;min-width:0;border:0;border-radius:7px;background:none;padding:8px 4px;font-size:11px;min-height:36px;color:#618395}.inspector-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #1d527b0f;color:#214e6e;font-weight:650}.inspector-panel label{display:block;font-size:11px;color:#648496;margin:14px 0 6px}.inspector-select-row{display:flex;gap:7px}.inspector-panel select,.inspector-panel input[type=search]{width:100%;min-width:0;padding:10px;border:1px solid #cddfe9;border-radius:9px;background:#fff;color:#315b73;font-size:12px}.inspector-select-row select{flex:1}.inspector-select-row button,.inspector-actions button{border:1px solid #cddfe9;background:white;color:#426e86;border-radius:8px;font-size:11px;min-height:38px;padding:8px 11px;flex-shrink:0}.inspector-selected-title{font-size:14px;margin:18px 0 5px;color:#1c4b6a;overflow-wrap:anywhere}.inspector-selector{display:block;font-size:10px;line-height:1.9;color:#6a91a7;overflow-wrap:anywhere;margin:0 0 15px;background:#eef5f9;padding:7px 9px;border-radius:7px}.inspector-section{padding-top:16px;margin-top:16px;border-top:1px solid #e1edf3}.inspector-section h3{font-size:12px;margin:0 0 10px;color:#345e75}.inspect-kv{display:grid;grid-template-columns:140px minmax(0,1fr);gap:7px 12px;margin:0;font-size:11px}.inspect-kv dt{color:#7995a5}.inspect-kv dd{margin:0;overflow-wrap:anywhere;color:#355d74}.inspect-kv code{font-size:10px;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.box-model{position:relative;background:#f9dcc0;padding:24px 28px 27px;margin:14px 0;border:1px solid #ddb996;color:#815834;font:10px/1.5 ui-monospace,monospace;min-width:200px;border-radius:4px}.box-model .box-margin-label{position:absolute;top:3px;left:5px}.box-border{background:#ffefd9;border:1px solid #cdbb98;padding:1px}.box-padding{background:#cae8d6;position:relative;padding:24px 27px;color:#35694d;border:1px dashed #80b895}.box-padding-label{position:absolute;top:3px;left:5px}.box-content{padding:12px 6px;text-align:center;background:#d6eaf7;color:#3f7294;border:1px solid #8eb3cf;min-height:42px;font-size:11px}.box-t,.box-r,.box-b,.box-l{position:absolute;white-space:nowrap}.box-t{top:4px;left:50%;transform:translateX(-50%)}.box-b{bottom:4px;left:50%;transform:translateX(-50%)}.box-l{left:5px;top:50%;transform:translateY(-50%)}.box-r{right:5px;top:50%;transform:translateY(-50%)}.color-sample{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.color-swatch{display:inline-block;width:15px;height:15px;border:1px solid #a9c2d0;border-radius:4px;background:repeating-conic-gradient(#dbe6ed 0% 25%,#fff 0% 50%) 0/6px 6px;overflow:hidden;vertical-align:middle}.color-swatch i{display:block;width:100%;height:100%}.inspector-hint{font-size:10px;line-height:1.9;color:#7c98a8;margin:10px 0}.inspect-layer{border:1px solid #dce9ef;border-radius:11px;margin:12px 0;padding:13px;background:#fff}.inspect-layer h4{font-size:11px;margin:0 0 9px;overflow-wrap:anywhere}.inspect-layer .inspect-kv{grid-template-columns:112px minmax(0,1fr);font-size:10px}.inspect-stops{display:grid;gap:5px;margin:8px 0}.inspect-gradient-swatch{height:22px;border:1px solid #d5e5ee;border-radius:7px;margin:7px 0}.inspect-raw{padding:9px 10px;background:#eef5f8;border:1px solid #d8e7ef;border-radius:8px;font:10px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;margin:7px 0}.inspector-table-scroll{overflow:auto;max-height:580px;border:1px solid #d8e7ef;border-radius:9px}.inspector-table{border-collapse:collapse;min-width:1030px;width:100%;font-size:10px;line-height:1.7}.inspector-table th{position:sticky;top:0;background:#e9f3f9;font-weight:600;color:#53768a;z-index:1;white-space:nowrap}.inspector-table th,.inspector-table td{padding:9px 10px;border-bottom:1px solid #e0ecf2;text-align:start;vertical-align:top}.inspector-table td:first-child{max-width:180px;min-width:145px;overflow-wrap:anywhere}.inspector-table tr[data-inspect-row]{cursor:pointer;background:#fff}.inspector-table tr[data-inspect-row]:hover{background:#edf7fd}.inspector-table tr[data-selected=true]{background:#e7f2ff}.inspector-table td small{display:block;color:#8aa2b0;font-size:9px}.inspector-actions{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 12px;padding-top:16px;border-top:1px solid #dfebf1}.inspector-help{border-top:1px solid #e0ecf2;padding:12px 0;font-size:10px;color:#7591a1;line-height:1.9}.inspector-help summary{cursor:pointer;color:#50758c}.inspector-help p{margin:9px 0}.inspector-overlay{position:fixed;z-index:18;pointer-events:none;overflow:hidden;contain:layout style}.inspector-overlay>div{position:absolute;pointer-events:none}.inspector-overlay .inspect-margin-box{background:#efac5c24;border:1px dashed #cf975f}.inspector-overlay .inspect-border-box{border:1.5px solid #b059ba;background:#65bc9430}.inspector-overlay .inspect-content-box{background:#69a9df38;border:1px dashed #468ec5}.inspector-overlay .inspect-outline-label{background:#734c90;color:#fff;font:10px/1.7 system-ui;padding:3px 7px;border-radius:5px;max-width:calc(100% - 8px);white-space:normal}.inspector-hover{outline:1px dashed #bf64a5!important;outline-offset:-1px}.annotations .app-screen *{animation-play-state:paused!important;transition:none!important}.annotations .app-screen{cursor:crosshair}.annotations .app-screen *{cursor:crosshair!important}.inspect-rule{margin:8px 0}.inspect-rule summary{font:10px/1.9 ui-monospace,monospace;cursor:pointer;overflow-wrap:anywhere;color:#497d9a}.inspect-rule small{font-size:9px;color:#8ea4af}.inspector-panel .inspect-inline-error{font-size:11px;color:#aa4b63}.inspector-count-caption{font-size:10px;color:#839dac}@media(max-width:1100px){.inspector-panel{padding:20px;top:120px;max-width:600px}}@media(max-width:800px){.inspector-panel{position:static;width:100%;max-height:none;max-width:650px;flex-basis:100%}.inspect-kv{grid-template-columns:125px minmax(0,1fr)}}@media(max-width:480px){.inspector-panel{margin:0 14px;width:calc(100% - 28px);flex-basis:calc(100% - 28px);padding:17px}.inspector-heading h2{font-size:18px}.inspect-kv{grid-template-columns:104px minmax(0,1fr);gap:7px 8px;font-size:10px}.inspect-layer .inspect-kv{grid-template-columns:93px minmax(0,1fr)}.inspector-table-scroll{max-height:460px}.inspector-overlay{z-index:18}.inspector-panel select{font-size:11px}.box-model{padding-left:23px;padding-right:23px}}

.inspector-mobile-status{display:none}@media(max-width:800px){.inspector-mobile-status:not([hidden]){position:fixed;z-index:35;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:14px;right:14px;padding:10px 12px;border-radius:11px;background:#244e66ed;color:#fff;display:flex;gap:12px;align-items:center;box-shadow:0 5px 25px #173b592c;font-size:10px;line-height:1.7}.inspector-mobile-status span{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inspector-mobile-status button{min-height:38px;flex-shrink:0;border:1px solid #b6deec6b;border-radius:8px;background:#fff1;color:white;padding:7px 10px;font-size:11px}.annotations .inspector-panel{padding-bottom:90px}}

.inspector-quick-values{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.inspector-quick-values span{background:#eaf5fb;border:1px solid #d2e7f2;color:#668699;border-radius:7px;padding:6px 8px;font-size:10px}.inspector-quick-values b{color:#2f6481;font-weight:600}.inspector-overlay .inspect-outline-label{white-space:pre-line;font-size:9px;line-height:1.7}