@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@200;300&family=IBM+Plex+Sans:wght@200;300&family=IBM+Plex+Sans+Arabic:wght@200;300&family=IBM+Plex+Sans+Condensed:wght@200;300&family=IBM+Plex+Sans+Devanagari:wght@200;300&family=IBM+Plex+Sans+Hebrew:wght@200;300&family=IBM+Plex+Sans+JP:wght@200;300&family=IBM+Plex+Sans+KR:wght@200;300&family=IBM+Plex+Sans+SC:wght@200;300&family=IBM+Plex+Sans+TC:wght@200;300&family=IBM+Plex+Sans+Thai:wght@200;300&family=IBM+Plex+Sans+Thai+Looped:wght@200;300&family=IBM+Plex+Serif:wght@200;300&display=swap";:root{color-scheme:dark;--bg: #141414;--panel: #1b1b1b;--panel-soft: #222222;--panel-raised: #262626;--line: #303030;--line-soft: #282828;--text: #d8d5ce;--muted: #918d85;--faint: #706c65;--accent: #8a3ffc;--accent-soft: #8a3ffc;--violet: var(--accent);--green: #24a148;--amber: #f1c21b;--blue: #0f62fe;--red: #da1e28;--muted-tone: #8d8d8d;--ui-font: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ui-weight: 300;font-family:var(--ui-font);font-weight:var(--ui-weight)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:14px;font-weight:var(--ui-weight)}button,input,select{font:inherit}button,a{color:inherit}button{border:0;background:transparent;font-weight:var(--ui-weight)}strong,b{font-weight:300}.app{display:grid;grid-template-columns:var(--sidebar-w, 220px) 6px minmax(400px,1fr) 6px var(--inspector-w, 280px);grid-template-rows:44px 1fr;min-height:100vh;background:var(--bg);font-family:var(--ui-font);font-weight:var(--ui-weight)}.app button,.app input,.app select,.app textarea{font-family:var(--ui-font);font-weight:var(--ui-weight)}.app.theme-light{color-scheme:light;--bg: #ffffff;--panel: #f4f4f4;--panel-soft: #fafafa;--panel-raised: #ebebeb;--line: #d1d1d1;--line-soft: #e0e0e0;--text: #161616;--muted: #525252;--faint: #6f6f6f}.app.theme-light .topbar,.app.theme-light .project-nav,.app.theme-light .workspace,.app.theme-light .workspace-header,.app.theme-light .source-strip,.app.theme-light .inspector,.app.theme-light .sidebar{background:var(--bg)}.app.theme-light .search,.app.theme-light .avatar,.app.theme-light .icon-button,.app.theme-light .accent-button,.app.theme-light .share-button,.app.theme-light .workspace-actions button,.app.theme-light .inspector-title button,.app.theme-light .top-popover,.app.theme-light .filter-popover,.app.theme-light .filter-tags button,.app.theme-light .filter-popover>button,.app.theme-light .sitemap-node,.app.theme-light .context-menu,.app.theme-light .tag-editor,.app.theme-light .tag-add,.app.theme-light .comment-composer textarea,.app.theme-light .reply-row input,.app.theme-light .annotation,.app.theme-light .file-row,.app.theme-light .admin-panel,.app.theme-light .preview-wrap,.app.theme-light .review-stage{background:var(--panel);color:var(--text)}.app.theme-light .sitemap-node,.app.theme-light .annotation,.app.theme-light .tag-editor,.app.theme-light .search,.app.theme-light .icon-button,.app.theme-light .share-button,.app.theme-light .avatar{border-color:var(--line)}.app.theme-light .workspace,.app.theme-light .sitemap-canvas,.app.theme-light .preview-wrap{background:#f0f0f0}.app.theme-light .tree-row.active,.app.theme-light .site-row.active{background:#e8e8e8;color:#161616}.app.theme-light .tree-row.active .tree-label,.app.theme-light .tree-row.active .tree-label span,.app.theme-light .tree-row.active .branch-toggle,.app.theme-light .site-row.active{color:#161616}.app.theme-light .tree-row.active .tree-label small{color:#525252}.app.theme-light .tree-row.active:before{background:var(--accent)}.app.theme-light .tree-row.active>small,.app.theme-light .site-row.active small{color:#393939}.app.theme-light .sitemap-lines path{stroke:#aaa397}.app.theme-light .scan-button{background:var(--accent);color:var(--accent-on, #f4f2ee)}.app.theme-light .count,.app.theme-light .annotation-id,.app.theme-light .icon-button span{color:#f4f2ee}.app.theme-light .brand,.app.theme-light .nav-item,.app.theme-light .tree-label,.app.theme-light .site-row,.app.theme-light .details dd,.app.theme-light .status-list label,.app.theme-light .target-row strong,.app.theme-light .site-summary strong{color:var(--text)}.app.theme-light .section-heading,.app.theme-light .source-strip,.app.theme-light .details dt,.app.theme-light .inspector h2,.app.theme-light .target-row span,.app.theme-light .target-row small,.app.theme-light .nav-item:not(.active){color:var(--muted)}.app.theme-light .search,.app.theme-light .map-controls button,.app.theme-light .depth-stepper,.app.theme-light .field-toggles button,.app.theme-light .report-export,.app.theme-light .reports-head button,.app.theme-light .reports-head label,.app.theme-light .admin-tabs button,.app.theme-light .admin-form button,.app.theme-light .admin-inline-action,.app.theme-light .admin-form input,.app.theme-light .admin-form select,.app.theme-light .report-filters label,.app.theme-light .viewport-toggle button.active,.app.theme-light .comment-composer button,.app.theme-light .reply-row button,.app.theme-light .attach-mini{border-color:var(--line);background:#e8e8e8;color:#393939}.app.theme-light .field-toggles button.active,.app.theme-light .sitemap-node.selected{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.app.theme-light .sitemap-node,.app.theme-light .report-metrics article,.app.theme-light .report-panel,.app.theme-light .admin-panel,.app.theme-light .widget-capture,.app.theme-light .file-row,.app.theme-light .annotation,.app.theme-light .attachment-list a,.app.theme-light .tag-tools,.app.theme-light .target-chip{border-color:var(--line-soft);background:#fff;color:var(--text)}.app.theme-light .sitemap-node:hover{background:#f4f4f4}.app.theme-light .sitemap-node strong,.app.theme-light .report-metrics strong,.app.theme-light .report-panel dd,.app.theme-light .admin-panel dd,.app.theme-light .report-filters select,.app.theme-light .design-detection p,.app.theme-light .widget-capture span,.app.theme-light .file-row strong,.app.theme-light .annotation strong,.app.theme-light .target-chip strong{color:var(--text)}.app.theme-light .sitemap-node small,.app.theme-light .node-count,.app.theme-light .node-meta b,.app.theme-light .node-meta i,.app.theme-light .report-metrics span,.app.theme-light .report-metrics small,.app.theme-light .report-filters span,.app.theme-light .report-filters small,.app.theme-light .design-detection span,.app.theme-light .colour-list small,.app.theme-light .report-panel dt,.app.theme-light .admin-panel dt,.app.theme-light .admin-form span,.app.theme-light .admin-notice,.app.theme-light .widget-capture small,.app.theme-light .file-row small,.app.theme-light .annotation p,.app.theme-light .annotation small,.app.theme-light .attachment-list a,.app.theme-light .attachment-list small{color:var(--muted)}.app.theme-light .tag-chip{border-color:color-mix(in srgb,var(--chip-color) 20%,var(--line-soft));background:color-mix(in srgb,var(--chip-color) 8%,#ffffff);color:color-mix(in srgb,var(--chip-color) 55%,#161616)}.app.theme-light .context-tag-list button{background:color-mix(in srgb,var(--chip-color) 10%,#ffffff);color:color-mix(in srgb,var(--chip-color) 55%,#161616)}.app.theme-light .context-toggle-list button{border-color:var(--line);background:#e3ddd2;color:var(--muted)}.app.theme-light .context-toggle-list button.active{border-color:var(--accent);color:var(--text)}.app.theme-light .tag-tools input:not(.tag-color){border-color:var(--line-soft);background:#f4f4f4;color:var(--text)}.app.theme-light .tag-add-row select,.app.theme-light .tag-add-row input{border-color:var(--line-soft);background:#fff;color:var(--muted)}.app.theme-light .meter{background:#d1d1d1}.app.theme-focus .topbar,.app.theme-focus .sidebar,.app.theme-focus .inspector,.app.theme-focus .workspace-header,.app.theme-focus .project-nav,.app.theme-focus .source-strip,.app.theme-focus .review-toolbar,.app.theme-focus .workspace-actions,.app.theme-focus .map-controls,.app.theme-focus .sitemap-lines,.app.theme-focus .sitemap-levels{opacity:.7}.app.theme-focus .preview-frame,.app.theme-focus .preview-frame iframe,.app.theme-focus .dom-target-layer{opacity:1}.app.panels-hidden{--sidebar-w: 0px;--inspector-w: 0px}.app.panels-hidden .sidebar,.app.panels-hidden .inspector{overflow:hidden;border:0;visibility:hidden}.app.no-inspector{grid-template-columns:var(--sidebar-w, 220px) 6px 1fr}.panel-resize{grid-row:2;position:relative;display:flex;align-items:stretch;cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:10}.panel-resize-left{grid-column:2}.panel-resize-right{grid-column:4}.panel-resize:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--line);transition:background .15s,width .15s,left .15s;pointer-events:none}.panel-resize:hover:after,.panel-resize:active:after{left:1px;width:4px;background:var(--accent);border-radius:2px}.topbar{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;gap:12px;padding:0 12px;background:#1d1d1d;border-bottom:1px solid var(--line)}.brand,.nav-item{display:inline-flex;align-items:center;gap:8px;min-height:43px;text-decoration:none}.brand{position:relative;overflow:hidden;color:#d7d2ca;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:300;letter-spacing:.08em;transform-origin:left center;transition:color .16s ease,transform .18s ease}.brand:after{position:absolute;inset:6px -18px;background:linear-gradient(105deg,transparent 18%,color-mix(in srgb,currentColor 16%,transparent) 48%,transparent 78%);content:"";opacity:0;pointer-events:none;transform:translate(-70%)}.brand:hover,.brand:focus-visible{color:#f0ece4;transform:scale(1.035)}.brand:hover:after,.brand:focus-visible:after{animation:brand-ripple .72s ease-out}.brand,.brand *{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.brand-mark{width:16px;height:16px;fill:currentColor;opacity:.92;transition:opacity .18s ease}.brand:hover .brand-mark,.brand:focus-visible .brand-mark{opacity:1}@keyframes brand-ripple{0%{opacity:0;transform:translate(-75%)}28%{opacity:.72}to{opacity:0;transform:translate(75%)}}.primary-nav{display:flex;align-items:center;gap:4px;height:100%}.project-nav{grid-column:1 / -1;height:38px;padding:0 16px;border-bottom:1px solid var(--line-soft);background:#171717;min-width:0;overflow-x:auto}.project-nav .nav-item{min-height:38px}.project-nav .nav-item.active:after{bottom:-1px}.nav-item{position:relative;padding:0 8px;color:#bebebe;font-size:13px;font-weight:300}.nav-item.active{color:var(--text)}.nav-item.active:after{position:absolute;right:8px;bottom:-1px;left:8px;height:2px;background:var(--accent);content:""}.count{display:inline-grid;min-width:16px;height:16px;place-items:center;border-radius:999px;background:var(--accent);color:var(--accent-on, white);font-size:10px;font-weight:300}.top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.search{display:flex;align-items:center;gap:6px;width:200px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#252525;color:var(--faint)}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.scan-button,.share-button,.avatar,.workspace-actions button,.inspector-title button{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#252525;color:#eee;font-size:12px;font-weight:300}.scan-button{border-color:transparent;background:var(--accent);color:var(--accent-on, #ffffff)}.share-button{color:#bdb6ad}.avatar{display:inline-grid;width:26px;height:26px;padding:0;border-color:transparent;border-radius:999px;place-items:center;background:#282828;color:var(--muted);font-size:11px}.icon-button{position:relative;display:inline-grid;width:26px;height:26px;place-items:center;border:1px solid var(--line);border-radius:999px;background:#252525;color:var(--muted)}.icon-button span{position:absolute;top:-5px;right:-5px;display:grid;min-width:14px;height:14px;place-items:center;border-radius:999px;background:var(--accent);color:var(--accent-on, #f4f2ee);font-size:9px;font-weight:300}.accent-button{display:inline-grid;width:26px;height:26px;place-items:center;border:1px solid var(--line);border-radius:999px;background:#252525}.accent-button>span{display:block;width:13px;height:13px;border-radius:999px;background:var(--accent-choice)}.accent-popover{right:112px;width:192px}.accent-popover>strong{margin:2px 2px 6px}.accent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.accent-grid button:nth-child(13){margin-top:4px}.accent-grid button{display:grid;min-height:30px;place-items:center;border:1px solid transparent;border-radius:6px;transition:background .12s}.accent-grid button:hover{background:#2a2a2a}.accent-grid button.active{border-color:var(--accent-choice);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-choice) 30%,transparent)}.accent-grid span{display:block;width:14px;height:14px;border-radius:999px;background:var(--accent-choice)}.font-control{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 6px 0 8px;border:1px solid var(--line);border-radius:999px;background:#252525;color:var(--muted)}.font-control span{color:var(--faint);font-size:10px;letter-spacing:.02em}.font-control select{max-width:134px;height:22px;border:0;outline:0;background:transparent;color:#bdb6ad;font-size:11px}.font-control select:last-child{width:44px;color:var(--faint)}.top-popover{position:fixed;top:38px;right:12px;z-index:30;display:grid;gap:4px;width:260px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#232323;box-shadow:0 12px 32px #00000057}.notifications-popover{right:46px}.top-popover article,.account-person,.top-popover button{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center;min-height:32px;color:var(--text);text-align:left}.top-popover strong{display:block;color:var(--text);font-size:12px}.top-popover span{display:block;color:var(--faint);font-size:11px}.share-popover{right:74px;gap:8px}.account-modal-backdrop{position:fixed;inset:0;z-index:200;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.account-modal{display:flex;flex-direction:column;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 24px 64px #00000080;overflow:hidden}.account-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.account-modal-header strong{font-size:13px;color:#c1bbb2}.account-modal-header button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;color:var(--faint)}.account-modal-header button:hover{background:var(--panel-raised);color:var(--text)}.account-modal-body{flex:1;overflow-y:auto}.account-section{padding:14px 16px;border-bottom:1px solid var(--line-soft)}.account-section h3{margin:0 0 10px;color:#746f68;font-size:9px;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.account-person-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#c1bbb2}.account-person-row>div{display:flex;flex-direction:column;gap:1px}.account-person-row strong{font-size:13px}.account-person-row span{color:var(--faint);font-size:11px}.account-person-row em{font-style:normal;font-size:10px;color:var(--accent)}.account-field-grid{display:grid;gap:8px}.account-field-grid label{display:grid;gap:4px}.account-field-grid label>span{color:#746f68;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.account-field-grid input{width:100%;height:30px;padding:0 9px;border:1px solid var(--line);border-radius:5px;outline:0;background:#1a1a1a;color:#c1bbb2;font-size:12px}.account-field-grid input:focus{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.account-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0}.account-row>span{color:#9e9891;font-size:12px}.account-row-controls{display:flex;align-items:center;gap:6px}.appearance-theme-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#1e1e1e;color:#bdb6ad;font-size:12px;cursor:pointer}.appearance-theme-btn:hover{border-color:#484440;color:#fff}.account-save-row{display:flex;align-items:center;gap:8px;margin-top:10px}.account-save-row button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#252525;color:#bdb6ad;font-size:12px;cursor:pointer}.account-save-row button.primary{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 12%,#252525);color:#fff}.account-notice{margin:0;color:#82cfff;font-size:11px}.account-modal-footer{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--line-soft);flex-shrink:0}.account-modal-footer button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--faint);font-size:12px;cursor:pointer}.account-modal-footer button:hover{color:var(--text);border-color:#484440}.account-modal-footer button.danger:hover{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--line))}.app.theme-light .account-modal{background:#fff}.app.theme-light .account-field-grid input,.app.theme-light .appearance-theme-btn{background:#f4f4f4;color:var(--text)}.app.theme-light .account-save-row button{background:#e8e8e8;color:var(--text)}.account-popover{gap:8px;width:280px}.share-popover input,.share-popover select,.account-popover input{width:100%;height:28px;border:1px solid var(--line);border-radius:5px;outline:0;background:#1f1f1f;color:#c1bbb2;font-size:12px}.share-popover input,.account-popover input{padding:0 8px}.account-popover label{display:grid;gap:4px}.account-popover label>span{color:#746f68;font-size:10px}.account-check{grid-template-columns:16px 1fr;align-items:center}.account-check input{width:14px;height:14px;padding:0;accent-color:var(--accent)}.account-check span{color:#bdb6ad;font-size:12px}.share-title strong{color:#c1bbb2}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-grid label{display:grid;gap:4px}.share-popover>button{min-height:28px;border-top:1px solid var(--line-soft)}.share-popover p,.account-popover p{margin:0;color:#aaa39a;font-size:11px}.team-list{display:grid;gap:4px;padding-top:4px;border-top:1px solid var(--line-soft)}.sidebar,.inspector{background:var(--panel)}.sidebar{grid-column:1;grid-row:2;border-right:0;min-width:0;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 10px;color:var(--faint);font-size:10px;font-weight:300;letter-spacing:.08em;text-transform:uppercase}.section-heading button{display:grid;width:24px;height:24px;place-items:center;color:#d0d0d0}.section-heading.nested{height:26px;margin-top:8px;color:var(--faint)}.site-row,.tree-row{display:grid;width:100%;align-items:center;color:#b9b5ad;text-align:left}.site-row{grid-template-columns:12px minmax(0,1fr);height:28px;padding:0 9px;font-size:12px}.site-row.active,.tree-row.active{background:var(--panel-raised);color:var(--text);font-weight:300}.site-row.subdued{color:var(--faint)}.tree-row{position:relative;grid-template-columns:16px minmax(0,1fr) auto auto;min-height:24px;padding:0 8px;column-gap:6px;font-size:12px;animation:tree-row-enter .16s cubic-bezier(.2,.8,.2,1) both}.branch-toggle,.tree-label{min-width:0;color:inherit}.branch-toggle{display:grid;width:16px;height:20px;place-items:center;color:var(--faint)}.branch-toggle svg{width:10px;height:10px}.branch-toggle svg{transform-origin:50% 50%;transition:transform .22s cubic-bezier(.2,1.35,.35,1),opacity .14s ease}.branch-toggle:hover svg{opacity:.9;transform:translate(1px) scale(1.08)}.branch-toggle[aria-expanded=true] svg{transform:rotate(90deg) scale(1.08)}.branch-toggle[aria-expanded=true]:hover svg{transform:rotate(90deg) translate(1px) scale(1.1)}.branch-toggle.empty{pointer-events:none}.tree-label{display:grid;gap:1px;overflow:hidden;padding:0;color:#aaa59d;text-align:left}.tree-label span,.tree-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-label small{color:#6f6961;font-size:10px}.tree-row.active .tree-label{color:#d3cec5}.tree-row.active:before{position:absolute;top:5px;bottom:5px;left:0;width:2px;background:var(--accent);content:""}@keyframes tree-row-enter{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tree-row{animation:none}.branch-toggle svg{transition:none}}.child-count{min-width:12px;color:#6b665f;font-size:9px;text-align:right}.page-icon{width:7px;height:7px;border:1px solid #a1a1a1}.dot{width:6px;height:6px;border-radius:999px}.green{--tone: var(--green)}.amber{--tone: var(--amber)}.blue{--tone: var(--blue)}.red{--tone: var(--red)}.muted{--tone: var(--muted-tone)}.dot.green,.dot.amber,.dot.blue,.dot.red,.dot.muted{background:var(--tone)}.workspace{display:flex;flex-direction:column;grid-column:3;grid-row:2;min-width:0;min-height:0;overflow:hidden;background:#171717}.workspace-header{display:flex;align-items:center;min-height:52px;gap:18px;padding:0 24px 0 16px;border-bottom:1px solid var(--line-soft)}.site-summary{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-filters{display:flex;align-items:center;gap:6px;flex-shrink:0}.header-filter{height:26px;padding:0 8px;border:1px solid var(--line);border-radius:5px;outline:0;background:#1e1e1e;color:var(--muted);font-size:12px;font-weight:300;cursor:pointer;transition:border-color .15s,color .15s}.header-filter:hover{border-color:#484440;color:#c1bbb2}.header-filter.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:#c1bbb2;background:color-mix(in srgb,var(--accent) 8%,#1e1e1e)}.header-filter-clear{height:26px;padding:0 8px;border:1px solid var(--line);border-radius:5px;color:var(--faint);font-size:11px;cursor:pointer;transition:color .15s}.header-filter-clear:hover{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--line))}.app.theme-light .header-filter{background:#fff;border-color:var(--line);color:var(--muted)}.app.theme-light .header-filter.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--text);background:color-mix(in srgb,var(--accent) 6%,#fff)}.project-logo{display:block;width:auto;max-width:88px;height:18px;flex:0 0 auto;filter:brightness(0) invert(86%) sepia(9%) saturate(254%) hue-rotate(352deg);opacity:.78}.app.theme-light .project-logo{filter:none;opacity:.82}.app.theme-focus .project-logo{opacity:.68}.site-summary span:not(.status-pill){color:var(--faint);font-size:12px}.review-meter small{color:#746f68}.status-pill,.tag{display:inline-flex;align-items:center;gap:4px;min-height:18px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--tone) 42%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tone) 15%,transparent);color:color-mix(in srgb,var(--tone) 82%,white);font-size:11px;font-weight:300}.meter{width:160px;height:3px;background:#343434}.meter span{display:block;width:72%;height:100%;background:var(--accent)}.workspace-actions{position:relative;display:flex;gap:8px;margin-left:auto}.filter-popover{position:absolute;top:32px;right:0;z-index:20;display:grid;gap:8px;width:220px;padding:9px;border:1px solid var(--line);border-radius:7px;background:#232323;box-shadow:0 12px 32px #00000057}.filter-popover h2{margin:0;color:#746f68;font-size:9px;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.filter-tags{display:flex;flex-wrap:wrap;gap:5px}.filter-tags button,.filter-popover>button{min-height:24px;padding:0 7px;border:1px solid color-mix(in srgb,var(--chip-color, var(--line)) 36%,var(--line));border-radius:5px;background:color-mix(in srgb,var(--chip-color, #252525) 10%,#252525);color:color-mix(in srgb,var(--chip-color, #aaa39a) 62%,#aaa39a);font-size:11px}.filter-tags button.active{border-color:color-mix(in srgb,var(--chip-color, var(--accent)) 62%,transparent);color:#d8d5ce}.source-strip{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 24px;border-bottom:1px solid var(--line-soft);color:var(--faint);font-size:12px}.map-controls{display:inline-flex;align-items:center;gap:6px;color:var(--faint)}.map-controls label,.depth-stepper{display:inline-flex;align-items:center;gap:5px}.map-controls button{height:22px;border:1px solid var(--line);border-radius:5px;background:#222;color:#bdb6ad;font-size:11px}.map-controls button{display:inline-grid;width:22px;padding:0;place-items:center}.map-controls button:disabled{opacity:.38}.field-toggles{display:inline-flex;align-items:center;gap:3px;padding-left:4px}.field-toggles button{width:26px;min-width:0;padding:0;color:#746f68;display:flex;align-items:center;justify-content:center}.field-toggles button.active{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));color:var(--accent)}.depth-stepper span{min-width:54px;color:#aaa39a;font-size:11px;text-align:center}.sitemap-canvas{position:relative;flex:1;min-height:0;overflow:auto;padding:0;overscroll-behavior:contain}.sitemap-viewport{position:relative;min-width:100%;min-height:100%}.sitemap-board{position:relative;transform-origin:top left}.sitemap-lines,.sitemap-levels{position:absolute;inset:0}.sitemap-lines{overflow:visible;pointer-events:none}.sitemap-lines path{fill:none;stroke:#414141;stroke-linecap:round;stroke-width:1.15;transition:stroke .12s ease,stroke-width .12s ease,opacity .12s ease}.sitemap-lines path.active{opacity:.95;stroke:color-mix(in srgb,var(--accent) 52%,#555555);stroke-width:1.45}.sitemap-node,.sitemap-circle{position:absolute;border:0;color:inherit}.sitemap-node{display:grid;width:190px;min-height:58px;align-content:center;gap:4px;padding:9px 12px;border:1px solid var(--line-soft);border-radius:8px;background:#242424;text-align:left;transform-origin:center;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease,background .12s ease}.sitemap-node:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:#282828;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);transform:scale(1.025);z-index:2}.sitemap-node.compact{width:158px;min-height:44px;gap:2px;padding:7px 10px}.sitemap-node.selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent);z-index:3}.sitemap-node strong,.sitemap-node small,.sitemap-node em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sitemap-node strong{color:#eee;font-size:12px;font-weight:300}.sitemap-node small{color:var(--faint);font-size:11px}.sitemap-node em{color:color-mix(in srgb,var(--tone) 82%,white);font-size:10px;font-style:normal;font-weight:300}.sitemap-node.compact small,.sitemap-node.compact em,.sitemap-node.compact .node-meta{display:none}.sitemap-node.compact.selected small,.sitemap-node.compact.selected em,.sitemap-node.compact.selected .node-meta{display:flex}.node-meta{display:flex;flex-wrap:wrap;gap:4px;min-height:0;padding-right:48px}.node-meta:empty{display:none}.node-meta b,.node-meta i{overflow:hidden;max-width:78px;color:#8f887f;font-size:9px;font-style:normal;font-weight:300;text-overflow:ellipsis;white-space:nowrap}.node-meta b{color:color-mix(in srgb,var(--chip-color) 68%,#aaa39a)}.sitemap-circle{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:transparent}.sitemap-circle span{width:8px;height:8px;border-radius:999px;background:var(--tone)}.sitemap-circle.unloaded span{width:10px;height:10px;border:1px solid color-mix(in srgb,var(--tone) 64%,transparent);background:transparent}.sitemap-circle em{position:absolute;top:-5px;right:-7px;display:grid;min-width:14px;height:14px;place-items:center;border-radius:999px;background:#252525;color:#aaa39a;font-size:9px;font-style:normal;font-weight:300}.sitemap-circle.selected{outline:1px solid var(--accent);outline-offset:3px}.reports-view,.files-view,.widget-view,.admin-view{flex:1;min-height:0;overflow:auto;padding:22px 24px 40px;background:#171717}.reports-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.reports-head h1{margin:0 0 5px;color:#d8d5ce;font-size:18px;font-weight:300}.reports-head p{margin:0;color:var(--faint);font-size:12px}.report-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-6px 0 14px}.report-filters label{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 8px;border:1px solid var(--line-soft);border-radius:6px;background:#202020}.report-filters span{color:#746f68;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.report-filters select{min-width:110px;border:0;outline:0;background:transparent;color:#bdb6ad;font-size:12px}.report-filters small{color:#746f68;font-size:11px}.report-export,.reports-head button,.reports-head label{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:#252525;color:#bdb6ad;font-size:12px}.report-export input,.reports-head label input,.section-action input,.attach-mini input{display:none}.file-list{display:grid;gap:7px}.file-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:46px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:7px;background:#202020}.file-kind{display:grid;width:22px;height:22px;place-items:center;color:#8f887f}.file-row strong,.file-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row strong{color:#c1bbb2;font-size:12px;font-weight:300}.file-row small{margin-top:2px;color:#746f68;font-size:11px}.file-row a{color:#aaa39a;font-size:12px}.section-action{display:inline-flex;align-items:center;gap:5px;min-height:24px;margin:-2px 0 8px;color:#8f887f;font-size:11px}.widget-grid{display:grid;grid-template-columns:minmax(260px,1.2fr) repeat(2,minmax(200px,1fr));gap:8px}.widget-capture{display:grid;gap:8px;padding:11px;border:1px solid var(--line-soft);border-radius:7px;background:#202020}.widget-capture h2{margin:0;color:#746f68;font-size:9px;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.widget-capture label{display:grid;grid-template-columns:16px 1fr;gap:2px 8px;align-items:center;min-height:38px;padding-bottom:7px;border-bottom:1px solid var(--line-soft)}.widget-capture label:last-child{border-bottom:0}.widget-capture input{accent-color:var(--accent)}.widget-capture span{color:#c1bbb2;font-size:12px}.widget-capture small{grid-column:2;color:#746f68;font-size:11px;line-height:1.35}.report-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px}.report-metrics article,.report-panel{border:1px solid var(--line-soft);border-radius:7px;background:#202020}.report-metrics article{display:grid;gap:5px;min-height:82px;padding:11px}.report-metrics span,.report-metrics small{color:#746f68;font-size:11px}.report-metrics strong{color:#d8d5ce;font-size:22px;font-weight:300}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px}.report-panel{padding:11px}.report-panel h2{margin:0 0 8px;color:#746f68;font-size:9px;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.report-panel dl{margin:0}.report-panel div{display:grid;grid-template-columns:1fr auto;gap:12px;min-height:26px;align-items:center;border-bottom:1px solid var(--line-soft)}.report-panel div:last-child{border-bottom:0}.report-panel dt{color:#8f887f;font-size:12px}.report-panel dd{margin:0;color:#c1bbb2;font-size:12px}.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}.admin-tabs button{height:28px;padding:0 10px;border:1px solid var(--line-soft);border-radius:6px;background:#202020;color:#8f887f;font:inherit;font-size:12px}.admin-tabs button.active{border-color:var(--accent);color:#d8d5ce}.admin-notice{margin:-4px 0 12px;color:#aaa39a;font-size:12px}.admin-form{display:grid;max-width:420px;gap:10px}.admin-form label{display:grid;gap:5px}.admin-form span{color:#746f68;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.admin-form input,.admin-form select{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;outline:0;background:#202020;color:#d8d5ce;font:inherit}.admin-button-row{display:flex;flex-wrap:wrap;gap:6px}.admin-form button,.admin-inline-action{justify-self:start;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#252525;color:#bdb6ad;font:inherit}.admin-inline-action{margin-top:12px}.admin-project-form{max-width:none;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;align-items:end;margin-top:12px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px}.admin-panel{padding:11px;border:1px solid var(--line-soft);border-radius:7px;background:#202020}.admin-panel h2{margin:0 0 8px;color:#746f68;font-size:9px;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.admin-panel dl{margin:0}.admin-panel div{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,auto);gap:12px;min-height:28px;align-items:center;border-bottom:1px solid var(--line-soft)}.admin-panel div:last-child{border-bottom:0}.admin-panel dt,.admin-panel dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.admin-panel dt{color:#8f887f}.admin-panel dd{margin:0;color:#c1bbb2;text-align:right}.node-count{position:absolute;right:9px;bottom:8px;color:#77716a;font-size:10px}.context-menu{position:fixed;z-index:20;display:grid;gap:5px;min-width:190px;padding:7px;border:1px solid var(--line);border-radius:8px;background:#252525;box-shadow:0 12px 32px #0000005c}.project-menu{min-width:270px}.context-menu>strong{overflow:hidden;padding:3px 4px 5px;border-bottom:1px solid var(--line-soft);color:#c1bbb2;font-size:12px;font-weight:300;text-overflow:ellipsis;white-space:nowrap}.context-menu button{min-height:28px;padding:0 8px;border-radius:5px;color:#e8e8e8;font-size:12px;text-align:left}.context-menu button:hover{background:#303030}.context-menu button:disabled{opacity:.38}.context-menu p{margin:0;padding:2px 4px;color:#8f887f;font-size:11px}.context-group{display:grid;gap:2px;padding-top:4px;border-top:1px solid var(--line-soft)}.context-group span{padding:2px 4px;color:#746f68;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.context-tag-list,.context-toggle-list{display:flex;flex-wrap:wrap;gap:5px;padding:2px 0}.context-tag-list button,.context-toggle-list button{width:auto;min-height:22px;padding:0 7px;border-radius:5px;font-size:11px}.context-tag-list button{border:1px solid color-mix(in srgb,var(--chip-color) 32%,var(--line));background:color-mix(in srgb,var(--chip-color) 12%,#252525);color:color-mix(in srgb,var(--chip-color) 72%,#d8d5ce)}.context-tag-list button:before{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:999px;background:var(--chip-color);content:"";vertical-align:1px}.context-tag-list p{padding:2px 4px}.context-toggle-list button{border:1px solid var(--line);background:#202020;color:#8f887f;text-transform:capitalize}.context-toggle-list button.active{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));color:#c1bbb2}.context-inline{display:grid;grid-template-columns:1fr auto;gap:5px}.context-inline input,.context-inline select{min-width:0;height:28px;padding:0 7px;border:1px solid var(--line);border-radius:5px;outline:0;background:#1f1f1f;color:#c1bbb2;font-size:12px;font-weight:300}.context-inline button{min-height:28px;border:1px solid var(--line)}.team-menu-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;min-height:32px;padding:3px 4px;border-bottom:1px solid var(--line-soft)}.team-menu-row div{min-width:0}.team-menu-row strong,.team-menu-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-menu-row small{color:#746f68;font-size:10px}.team-add-row{grid-template-columns:1fr 86px auto}.danger-action{color:#c6908d}.review-stage{display:flex;flex-direction:column;flex:1;min-height:0;background:#171717}.review-toolbar{display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--line-soft)}.review-toolbar strong{font-size:13px;font-weight:300}.review-toolbar span{color:var(--faint);font-size:12px}.review-toolbar>button{display:inline-flex;align-items:center;justify-content:center;color:#dedede;font-size:12px;font-weight:300}.review-toolbar>button.icon-only{width:26px;height:24px;padding:0;border-radius:5px}.review-toolbar>button.active{color:#d8d5ce;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}.viewport-toggle{display:inline-flex;gap:3px;margin-left:auto}.viewport-toggle button{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:5px;color:var(--faint);font-size:12px}.viewport-toggle button.active{background:#282828;color:var(--text)}.preview-wrap{flex:1;min-height:0;overflow:auto;padding:16px;background:#101010}.preview-frame{position:relative;overflow:hidden;transform-origin:top left;border-radius:3px;background:#f7f6f2;box-shadow:0 0 0 1px #2b2b2b}.preview-frame.mobile{border-radius:18px}.preview-frame iframe{border:0;background:#f7f6f2;transform-origin:top left}.dom-target-layer{position:absolute;top:0;left:0;pointer-events:auto;transform-origin:top left}.navigation-guard-layer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:top left}.navigation-guard{position:absolute;display:block;padding:0;border:0;background:transparent;pointer-events:auto;cursor:not-allowed}.dom-target{position:absolute;display:block;border:1px solid transparent;border-radius:3px;background:transparent}.dom-target:hover,.dom-target.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent)}.dom-target span{position:absolute;top:-22px;left:-1px;display:none;max-width:220px;overflow:hidden;padding:3px 6px;border-radius:4px;background:#252525;color:#d8d5ce;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dom-target:hover span,.dom-target.active span{display:block}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:14px;padding:20px 24px}.page-card{display:block;padding:0;min-height:196px;overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel-soft);color:inherit;text-align:left}.page-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.preview{position:relative;height:120px;overflow:hidden;border-bottom:1px solid #202020;background:#303030}.preview:before,.preview:after{position:absolute;content:""}.preview.hero{background:linear-gradient(180deg,#1e1a4d,#232a42)}.preview.hero:before{inset:84px 0 0;background:linear-gradient(90deg,transparent 30%,#1b1b25 30% 31%,transparent 31% 64%,#1b1b25 64% 65%,transparent 65%),#22283f}.preview.hero span:not(.marker){position:absolute;inset:45px 0 auto;color:#85809f;font-size:11px;text-align:center}.preview.magenta{background:linear-gradient(90deg,transparent 33%,#202038 33% 34%,transparent 34% 66%,#202038 66% 67%,transparent 67%),linear-gradient(135deg,#3c254c,#7e2f76 45%,#29324d)}.preview.magenta:before,.preview.blue:before,.preview.neutral:before{top:46px;left:8px;width:58%;height:4px;background:color-mix(in srgb,var(--accent) 58%,transparent)}.preview.blue{background:linear-gradient(135deg,#202756,#23314e)}.preview.sale{background:linear-gradient(180deg,transparent 36px,rgba(20,20,20,.2) 36px 40px,transparent 40px 70px,rgba(20,20,20,.22) 70px 74px,transparent 74px),linear-gradient(135deg,#763b1c,#532b1c)}.preview.sale strong{position:absolute;top:22px;width:100%;color:#f08c4d;text-align:center;letter-spacing:.04em}.preview.neutral{background:linear-gradient(180deg,#363636,#303030)}.preview.neutral:after{top:22px;right:12px;left:12px;height:58px;background:linear-gradient(#454545 0 4px,transparent 4px 12px,#3e3e3e 12px 54px)}.preview.cart{background:linear-gradient(135deg,#173c58,#244868)}.preview.cart:before{top:94px;right:8px;width:58%;height:20px;background:#5750a4}.marker,.alert{position:absolute;display:grid;width:16px;height:16px;place-items:center;border-radius:999px;color:#fff;font-size:10px;font-weight:300}.marker{background:var(--accent);box-shadow:0 0 0 1px #b4a8ff inset}.marker-1{top:10px;left:10px}.marker-2{top:56px;right:26px;background:var(--amber)}.marker-3{top:10px;right:10px;background:var(--red)}.alert{right:10px;bottom:10px;background:var(--red)}.card-body{padding:10px 12px}.card-body strong{display:block;margin-bottom:6px;font-size:13px;font-weight:300}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.card-body p{margin:0;color:var(--faint);font-size:12px}.inspector{position:relative;grid-column:5;grid-row:2;padding-bottom:28px;border-left:0;min-width:0;overflow:hidden;color:#a7a198;font-size:12px}.inspector-title{display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 12px;border-bottom:1px solid var(--line-soft)}.inspector-title strong{overflow:hidden;color:#c1bbb2;font-size:12px;font-weight:300;text-overflow:ellipsis;white-space:nowrap}.inspector-title button{color:#a7a198;font-size:12px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);height:34px;border-bottom:1px solid var(--line-soft)}.tabs button{position:relative;color:#7b756d;font-size:11px}.tabs button.active{color:#beb8af;font-weight:300}.tabs button.active:after{position:absolute;right:12px;bottom:-1px;left:12px;height:1px;background:var(--accent-soft);content:""}.inspector section{padding:11px 12px}.inspector h2{margin:0;color:#746f68;font-size:9px;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.section-toggle{display:flex;align-items:center;gap:5px;width:100%;margin:0 0 7px;padding:0;color:#746f68;cursor:pointer;text-align:left}.section-toggle:hover{color:#9e9891}.section-toggle svg{flex-shrink:0;opacity:.7}.layers-root.section-toggle{gap:6px;margin:0 0 5px}.details{margin:0}.details div{display:grid;grid-template-columns:1fr auto;min-height:24px;align-items:center;border-bottom:1px solid var(--line-soft)}.details dt{color:#746f68;font-size:12px}.details dd{margin:0;color:#bdb6ad;font-size:12px;font-weight:300}.tag-editor{display:flex;flex-wrap:wrap;gap:6px;min-height:34px;align-items:center;padding:0;border:0;border-radius:6px;background:transparent}.design-detection{display:grid;gap:9px}.design-detection span{display:block;margin-bottom:4px;color:#746f68;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.design-detection p{margin:0;color:#bdb6ad;font-size:12px;line-height:1.35}.colour-list{display:grid;gap:5px}.colour-list i{display:grid;grid-template-columns:14px 1fr;gap:7px;align-items:center;color:#8f887f;font-size:11px;font-style:normal}.colour-list b{display:block;width:14px;height:14px;border:1px solid var(--line);border-radius:999px;background:var(--swatch)}.colour-list small{color:#8f887f;font-size:11px}.tag-chip{--chip-color: var(--muted);position:relative;display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:20px;padding:2px 7px 2px 6px;border:1px solid color-mix(in srgb,var(--chip-color) 18%,var(--line-soft));border-radius:999px;background:color-mix(in srgb,var(--chip-color) 8%,#1c1c1c);color:color-mix(in srgb,var(--chip-color) 54%,#bdb6ad);font-size:11px}.tag-chip svg{color:color-mix(in srgb,var(--chip-color) 70%,#8f887f)}.tag-swatch{width:16px;height:5px;flex:0 0 auto;border-radius:999px;background:var(--chip-color)}.tag-label{overflow:hidden;max-width:104px;text-overflow:ellipsis;white-space:nowrap}.tag-tools{position:absolute;z-index:4;top:calc(100% + 4px);left:0;display:none;align-items:center;gap:4px;min-width:142px;padding:4px;border:1px solid var(--line);border-radius:6px;background:#252525;box-shadow:0 10px 24px #00000047}.tag-chip:hover .tag-tools,.tag-chip:focus .tag-tools,.tag-chip:focus-within .tag-tools{display:inline-flex}.tag-chip:focus{outline:1px solid color-mix(in srgb,var(--chip-color) 48%,transparent);outline-offset:2px}.tag-color{width:16px;height:16px;flex:0 0 auto;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--chip-color) 50%,transparent);border-radius:999px;background:var(--chip-color)}.tag-color::-webkit-color-swatch-wrapper{padding:0}.tag-color::-webkit-color-swatch{border:0;border-radius:999px}.tag-tools input:not(.tag-color),.tag-add{width:74px;min-width:0;border:0;outline:0;background:transparent;color:inherit;font-size:11px;font-weight:300}.tag-add-row{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:5px;width:100%}.tag-add-row select,.tag-add-row input{height:24px;min-width:0;border:1px solid var(--line-soft);border-radius:5px;outline:0;background:#202020;color:#8f887f;font-size:11px}.tag-add-row select,.tag-add-row input{padding:0 6px}.tag-tools input:not(.tag-color){height:20px;padding:0 4px;border:1px solid var(--line-soft);border-radius:4px;background:#202020}.tag-chip button{display:grid;width:18px;height:18px;flex:0 0 auto;padding:0;place-items:center;border:0;color:#8c867e;font-size:12px}.tag-add{color:#746f68}.comment-composer textarea,.reply-row input{width:100%;border:1px solid var(--line);border-radius:5px;outline:0;background:#222;color:#c1bbb2;font-size:12px;font-weight:300}.comment-composer textarea{min-height:72px;margin:8px 0;padding:8px;resize:vertical}.comment-composer button,.reply-row button{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 7px;border:1px solid var(--line);border-radius:5px;background:#252525;color:#bdb6ad;font-size:11px}.comment-composer button:disabled{opacity:.45}.composer-actions{display:flex;align-items:center;gap:6px}.composer-attach{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--line);border-radius:5px;background:#252525;color:#7b756d;cursor:pointer;transition:color .15s,border-color .15s}.composer-attach:hover{color:#c1bbb2;border-color:#484440}.composer-attach input[type=file]{display:none}.composer-submit{flex:1}.comment-files{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px}.comment-file-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 5px;border:1px solid var(--line);border-radius:4px;background:#1e1e1e;color:#9e9891;font-size:10px}.comment-file-name{overflow:hidden;max-width:140px;text-overflow:ellipsis;white-space:nowrap}.comment-file-chip button{display:flex;align-items:center;justify-content:center;width:14px;height:14px;min-height:0;padding:0;border:none;border-radius:2px;background:transparent;color:#6b6560;cursor:pointer}.comment-file-chip button:hover{color:#c1bbb2;background:#333}.target-chip{display:grid;gap:3px;padding:7px;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:5px;background:color-mix(in srgb,var(--accent) 8%,#222222)}.target-chip span{color:#7b756d;font-size:10px;text-transform:uppercase}.target-chip strong{overflow:hidden;color:#c1bbb2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.status-list{display:grid;gap:5px;margin:0;padding:0;border:0}.status-list label{display:flex;align-items:center;gap:7px;color:#bdb6ad;font-size:12px}.status-list input{accent-color:var(--accent)}.inspector .status-pill{color:#bdb6ad;font-size:11px;font-weight:300}.approval-chip{display:inline-flex;align-items:center;min-height:18px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--approval-tone) 42%,transparent);border-radius:999px;background:color-mix(in srgb,var(--approval-tone) 12%,transparent);color:color-mix(in srgb,var(--approval-tone) 82%,white);font-size:11px}.approval-chip.approved{--approval-tone: var(--green)}.approval-chip.not-approved{--approval-tone: var(--red)}button.approval-chip{gap:5px;cursor:pointer;transition:opacity .15s}button.approval-chip:hover{opacity:.85}.approval-toggle{position:relative;display:inline-block}.approval-menu{position:absolute;z-index:120;top:calc(100% + 4px);left:0;min-width:130px;margin:0;padding:4px;border:1px solid var(--line);border-radius:6px;background:#202020;box-shadow:0 6px 18px #00000073;list-style:none}.approval-menu li{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:4px;color:#bdb6ad;font-size:12px;cursor:pointer}.approval-menu li:hover{background:#2a2a2a}.approval-menu li[aria-selected=true]{color:#fff}.approval-menu .hidden{visibility:hidden}.annotation-list{display:grid;gap:8px}.annotation{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:10px 8px;border:1px solid var(--line);border-radius:6px;background:#222;transition:background .12s ease,border-color .12s ease}.annotation:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:#272727}.annotation-id{display:grid;width:16px;height:16px;place-items:center;border-radius:999px;background:var(--accent);color:var(--accent-on, #e4e0d8);font-size:10px;font-weight:300}.annotation strong{display:block;margin-bottom:4px;color:#c1bbb2;font-size:12px;font-weight:300}.annotation p,.annotation small{margin:0;color:#aaa39a;font-size:12px;line-height:1.35}.annotation small{color:#746f68}.annotation .resolved{margin-left:6px;color:var(--green);font-weight:300}.thread.done{opacity:.62}.thread.done .annotation-id{background:var(--green)}.thread-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.thread-head strong{min-width:0;flex:1}.thread-actions{display:flex;align-items:center;gap:3px;flex-shrink:0}.thread-done-btn,.thread-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid transparent;border-radius:4px;color:#5a5550;cursor:pointer;transition:color .12s,background .12s,border-color .12s}.thread-done-btn:hover{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green)}.thread-done-btn.is-done{border-color:color-mix(in srgb,var(--green) 35%,transparent);background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}.thread-delete-btn:hover{border-color:color-mix(in srgb,var(--red) 40%,transparent);background:color-mix(in srgb,var(--red) 10%,transparent);color:var(--red)}.app.theme-light .thread-done-btn,.app.theme-light .thread-delete-btn{color:#6f6f6f;background:transparent;border-color:transparent}.reply{margin-top:7px;padding-top:7px;border-top:1px solid var(--line-soft)}.reply strong{display:inline;margin:0 4px 0 0;color:#bdb6ad}.reply-row{display:grid;grid-template-columns:1fr auto auto;gap:6px;margin-top:8px;position:relative}.reply-row input{height:26px;padding:0 7px}.mention-list{display:grid;gap:3px;margin:-2px 0 7px;padding:5px;border:1px solid var(--line);border-radius:5px;background:#202020}.reply-row .mention-list{grid-column:1 / -1;margin:0}.mention-list button{display:grid;grid-template-columns:1fr auto;gap:8px;min-height:24px;padding:0 5px;border-radius:4px;color:#bdb6ad;text-align:left}.mention-list button:hover{background:#282828}.mention-list small{color:#746f68;font-size:10px}.attach-mini{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--line);border-radius:5px;background:#252525;color:#8f887f}.attachment-list{display:grid;gap:5px;margin-top:8px}.attachment-list.standalone{margin-top:0}.attachment-list a{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:6px;align-items:center;min-height:24px;padding:0 6px;border:1px solid var(--line-soft);border-radius:5px;background:#242424;color:#aaa39a;font-size:11px}.attachment-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-list small{color:#746f68;font-size:10px}.empty-state{margin:0;color:var(--faint);font-size:12px}.history-list{display:grid;gap:8px;margin:0;padding-left:18px;color:#aaa39a;font-size:12px;line-height:1.35}.history-list li::marker{color:var(--faint)}.target-list{display:grid;gap:6px}.target-row{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:12px}.target-row span{color:#746f68;font-size:10px;letter-spacing:.04em}.target-row strong{overflow:hidden;color:#bdb6ad;display:block;font-weight:300;text-overflow:ellipsis;white-space:nowrap}.target-row small{display:block;overflow:hidden;margin-top:2px;color:#746f68;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.layers-list{display:grid;gap:2px}.layers-root,.layer-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:28px}.layers-root{color:#bdb6ad;font-size:12px}.layers-root span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-root small{color:#746f68;font-size:10px}.layer-row{width:100%;padding:0 5px 0 15px;border-radius:5px;color:#aaa39a;text-align:left}.layer-row:hover,.layer-row.active{background:#242424;color:#cfc8bf}.layer-row>span{color:#746f68;font-size:13px;text-align:center}.layer-row strong,.layer-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row strong{font-size:12px;font-weight:300}.layer-row small{margin-top:1px;color:#746f68;font-size:10px}.layer-menu{min-width:250px}.build-number{position:absolute;right:12px;bottom:10px;color:var(--faint);font-size:10px}@media(max-width:1180px){.app{grid-template-columns:200px minmax(500px,1fr) 260px}.app.panels-hidden{grid-template-columns:0 minmax(500px,1fr) 0}.card-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}.sitemap-canvas{min-height:480px}.primary-nav{gap:0}.nav-item{padding:0 6px}}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.app.panels-hidden{grid-template-columns:1fr}.app.panels-hidden .sidebar,.app.panels-hidden .inspector{display:none}.topbar{position:sticky;top:0;z-index:10;flex-wrap:wrap;gap:10px;padding:8px 12px}.brand,.nav-item{min-height:32px}.primary-nav{order:3;width:100%;overflow-x:auto}.top-actions{margin-left:auto}.search{width:min(42vw,220px)}.sidebar,.workspace,.inspector{grid-row:auto;border-right:0;border-left:0}.sidebar{border-bottom:1px solid var(--line)}.page-tree,.site-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-header{flex-wrap:wrap;gap:10px;padding:12px}.source-strip{align-items:flex-start;flex-direction:column;gap:4px;padding:10px 12px}.workspace-actions{margin-left:0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 12px}.sitemap-canvas{height:520px}.reports-view,.files-view,.widget-view,.admin-view{padding:16px 12px 28px}.report-metrics,.report-grid,.widget-grid,.admin-grid{grid-template-columns:1fr}.inspector{border-top:1px solid var(--line)}}@media(max-width:560px){.top-actions{width:100%;margin-left:0}.search{flex:1;width:auto}.site-summary,.review-meter{width:100%}.meter{flex:1}.card-grid,.page-tree,.site-list{grid-template-columns:1fr}}@media print{.topbar,.sidebar,.inspector,.workspace-header,.project-nav,.source-strip,.reports-head button,.report-export{display:none!important}.app{display:block;min-height:auto;background:#f3f1ec;color:#222}.workspace,.reports-view,.files-view,.widget-view,.admin-view{height:auto;min-height:auto;overflow:visible;padding:0;background:#f3f1ec}.reports-head,.report-metrics,.report-grid,.admin-grid{break-inside:avoid}.reports-head h1,.report-metrics strong,.report-panel dd{color:#222}.report-metrics article,.report-panel{border-color:#d4d0c7;background:#f3f1ec}}.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0d0f;padding:24px;overflow:hidden}.auth-starfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.auth-build{position:absolute;bottom:14px;right:18px;font-size:10px;color:#fff3;font-family:var(--ui-font, "IBM Plex Mono", monospace);letter-spacing:.04em}.auth-credit{position:absolute;bottom:14px;left:18px;font-size:10px;color:#fff3;font-family:var(--ui-font, "IBM Plex Mono", monospace);letter-spacing:.04em}.auth-tagline{font-size:12px;color:var(--text-2, #8d8d8d);margin:2px 0 20px}.auth-card{position:relative;z-index:1;width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:40px 36px 32px;display:flex;flex-direction:column;gap:4px}.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:20px;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--text)}.auth-mark{width:26px;height:26px;fill:var(--accent);flex-shrink:0}.auth-card h1{font-size:22px;font-weight:300;margin:0 0 4px;color:var(--text)}.auth-sub{margin:0 0 24px;color:var(--muted);font-size:13px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:5px}.auth-form label>span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.auth-form input{background:var(--panel-raised);border:1px solid var(--line);color:var(--text);padding:8px 10px;font-size:14px;border-radius:2px;outline:none;transition:border-color .15s}.auth-form input:focus{border-color:var(--accent)}.auth-notice{font-size:12px;color:var(--muted);margin:0;padding:8px 10px;background:var(--panel-soft);border-radius:2px;border-left:2px solid var(--accent)}.auth-notice.error{border-left-color:var(--red);color:#ff8389}.auth-submit{display:flex;align-items:center;gap:8px;justify-content:center;background:var(--accent);color:var(--accent-on, #fff);border:none;padding:10px 20px;font-size:14px;font-weight:400;border-radius:2px;cursor:pointer;margin-top:4px;transition:opacity .15s}.auth-submit:hover{opacity:.88}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-links{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:20px;flex-wrap:wrap}.auth-links button{background:none;border:none;cursor:pointer;font-size:13px;color:var(--accent);padding:0;text-decoration:underline;text-underline-offset:2px}.auth-links button:hover{opacity:.75}.auth-links span{color:var(--faint);font-size:12px}.inspector-page-context{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.inspector-page-context strong{font-size:12px;font-weight:400;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-page-context small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-count{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-on, #fff);font-size:9px;font-weight:600;border-radius:8px;min-width:14px;height:14px;padding:0 3px;margin-left:4px;vertical-align:middle}.comments-context{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 4px;border-bottom:1px solid var(--line-soft);margin-bottom:4px}.comments-context-page{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;color:var(--muted);font-size:11px}.comments-context-page span{font-weight:400;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.comments-context-page small{color:var(--faint);font-size:10px;white-space:nowrap}.comments-empty{padding:16px 12px;color:var(--muted);font-size:12px;line-height:1.5}.comments-empty strong{color:var(--text);font-weight:400}.login-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0b0e;z-index:9999;overflow:hidden}.login-starfield{position:absolute;inset:0;width:100%;height:100%;display:block}.login-card{position:relative;z-index:1;width:360px;background:#12141a;border:1px solid #252830;border-radius:12px;padding:32px;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0a inset}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.login-mark{width:28px;height:28px;fill:var(--accent, #8a3ffc)}.login-brand span{font-size:15px;font-weight:600;letter-spacing:.12em;color:#e8e8f0}.login-tagline{font-size:11px;color:var(--muted, #777);margin:0 0 24px}.login-form{display:flex;flex-direction:column;gap:12px}.login-form label{display:flex;flex-direction:column;gap:4px}.login-form label span{font-size:11px;color:var(--muted, #777);font-weight:400}.login-form input[type=text],.login-form input[type=email],.login-form input[type=password]{height:36px;padding:0 10px;border:1px solid #282c38;border-radius:6px;background:#0e0f14;color:#d8d5ce;font-size:13px;font-family:inherit;font-weight:300;transition:border-color .15s}.login-form input:focus{outline:none;border-color:var(--accent, #8a3ffc)}.login-terms-row{flex-direction:row!important;align-items:center;gap:8px!important;font-size:12px;color:var(--muted, #777)}.login-terms-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);flex-shrink:0}.login-terms-link{background:none;border:none;padding:0;color:var(--accent, #8a3ffc);font-size:inherit;font-family:inherit;cursor:pointer;text-decoration:underline}.login-notice{font-size:11px;color:#da1e28;margin:0}.login-submit{height:38px;margin-top:4px;background:var(--accent, #8a3ffc);color:var(--accent-on, #fff);border:none;border-radius:6px;font-size:13px;font-family:inherit;font-weight:400;cursor:pointer;transition:opacity .15s}.login-submit:hover{opacity:.88}.login-submit:active{opacity:.76}.login-forgot{background:none;border:none;padding:0;color:var(--muted, #777);font-size:11px;font-family:inherit;cursor:pointer;text-align:center;text-decoration:underline}.login-mode-toggle{margin-top:16px;text-align:center;font-size:12px;color:var(--muted, #777)}.login-mode-toggle button{background:none;border:none;padding:0;color:var(--accent, #8a3ffc);font-size:inherit;font-family:inherit;cursor:pointer}.login-build{position:fixed;bottom:14px;left:18px;font-size:10px;color:#ffffff2e;font-family:IBM Plex Mono,monospace;z-index:2}.login-credit{position:fixed;bottom:14px;right:18px;font-size:10px;color:#ffffff2e;letter-spacing:.06em;z-index:2}.terms-backdrop{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:10000}.terms-modal{width:480px;max-width:92vw;max-height:80vh;background:#12141a;border:1px solid #252830;border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:16px}.terms-modal h2{font-size:15px;font-weight:500;color:#e8e8f0;margin:0}.terms-body{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.terms-body p{font-size:12px;line-height:1.7;color:var(--muted, #777);margin:0}.terms-version{font-size:10px!important;color:#ffffff40!important}.terms-footer{display:flex;gap:10px;justify-content:flex-end}.terms-accept{height:32px;padding:0 14px;background:var(--accent, #8a3ffc);color:var(--accent-on, #fff);border:none;border-radius:6px;font-size:12px;font-family:inherit;cursor:pointer}.terms-close{height:32px;padding:0 14px;background:#1e2028;color:var(--muted, #777);border:1px solid #282c38;border-radius:6px;font-size:12px;font-family:inherit;cursor:pointer}.tree-search-wrap{position:relative;display:flex;align-items:center;margin:6px 8px 2px}.tree-search-icon{position:absolute;left:8px;color:var(--faint);pointer-events:none}.tree-search{width:100%;height:26px;padding:0 26px;border:1px solid var(--line-soft);border-radius:5px;background:var(--panel-soft);color:var(--text);font-size:11px;font-family:inherit;font-weight:300}.tree-search::placeholder{color:var(--faint)}.tree-search:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.tree-search-clear{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:3px}.tree-search-clear:hover{background:var(--line);color:var(--text)}.tree-search-count{margin:2px 10px 4px;font-size:10px;color:var(--faint)}.tree-match{background:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--text);border-radius:2px;padding:0 1px}.tree-url{font-size:10px!important;color:var(--faint)!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-strip{display:flex;align-items:center;gap:-4px;margin-right:4px}.presence-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--presence-color, #697077);color:#fff;font-size:9px;font-weight:600;letter-spacing:.02em;border:2px solid var(--bg);margin-left:-6px;cursor:default;transition:transform .12s}.presence-strip .presence-avatar:first-child{margin-left:0}.presence-avatar:hover{transform:translateY(-2px);z-index:1}.presence-overflow{background:var(--panel-raised);color:var(--muted);font-size:8px;font-weight:500}.my-actions{margin-bottom:28px}.my-actions h2{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px}.actions-table{width:100%;border-collapse:collapse;font-size:12px}.actions-table th{text-align:left;padding:6px 10px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);border-bottom:1px solid var(--line)}.actions-table td{padding:8px 10px;border-bottom:1px solid var(--line-soft);vertical-align:middle;color:var(--text)}.actions-table tr.action-done td{opacity:.5;text-decoration:line-through}.actions-table tr:hover td{background:var(--panel-soft)}.action-page{font-weight:400;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.action-body{color:var(--muted);max-width:260px}.action-age{color:var(--faint);white-space:nowrap;font-size:11px}.action-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:500}.action-chip.open{background:color-mix(in srgb,var(--amber) 15%,transparent);color:var(--amber)}.action-chip.done{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.action-open{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--faint);border-radius:4px;cursor:pointer}.action-open:hover{background:var(--line);color:var(--accent)}.ds-view{flex:1;min-height:0;overflow-y:auto;padding:24px}.ds-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.ds-head h1{font-size:18px;font-weight:400;margin:0 0 4px}.ds-head p{font-size:12px;color:var(--muted);margin:0}.ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.ds-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.ds-panel h2{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 14px}.ds-logo-wrap{display:flex;gap:16px;align-items:center}.ds-logo{max-height:56px;max-width:200px;object-fit:contain}.ds-logo-dark{background:#141414;padding:10px;border-radius:6px;border:1px solid var(--line)}.ds-logo-light{background:#f4f4f4;padding:10px;border-radius:6px;border:1px solid var(--line)}.ds-colour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.ds-swatch{display:flex;flex-direction:column;gap:4px;cursor:pointer}.ds-swatch-chip{height:40px;border-radius:5px;background:var(--swatch-bg);border:1px solid rgba(255,255,255,.06)}.ds-swatch small{font-size:9px;color:var(--faint);text-align:center;font-family:IBM Plex Mono,monospace}.ds-swatch-hex{display:none}.ds-font-list{display:flex;flex-direction:column;gap:20px}.ds-font-item{display:flex;flex-direction:column;gap:6px}.ds-font-name{font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.ds-font-sample{margin:0;line-height:1.4;display:flex;flex-direction:column;gap:2px}.ds-sample-label{font-size:9px;color:var(--faint);display:block;font-family:IBM Plex Mono,monospace;font-style:normal;text-transform:uppercase}.ds-panel-source{grid-column:1 / -1}.ds-source-dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:14px}.ds-source-dl div{display:flex;gap:8px;align-items:baseline}.ds-source-dl dt{font-size:10px;color:var(--faint);min-width:80px}.ds-source-dl dd{font-size:12px;color:var(--text);margin:0}.ds-source-note{font-size:11px;color:var(--faint);line-height:1.6;margin:0;padding-top:12px;border-top:1px solid var(--line-soft)}@keyframes spin{to{transform:rotate(360deg)}}