:root{font-family:system-ui,sans-serif;color:#18202a;background:#f5f6f8}body{margin:0}main{max-width:960px;margin:32px auto;padding:0 24px 48px}form{max-width:520px}label{display:block;margin:16px 0}input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px;border:1px solid #bbc2cc;border-radius:4px;font:inherit}button{cursor:pointer;padding:8px 14px;font:inherit}button:disabled{cursor:default;opacity:.6}li{margin:12px 0}article{background:#fff;padding:16px;border:1px solid #d7dce3;border-radius:4px;margin:12px 0}article p{margin:8px 0}.error{color:#ac1626}.hash,code,small{overflow-wrap:anywhere}progress{width:100%}a{color:#125ac5}select{width:100%;padding:8px;margin-top:6px;border:1px solid #bbc2cc;border-radius:4px;font:inherit;background:#fff}.project-tabs,.screen-actions,.screens-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.project-tabs button[aria-pressed=true]{background:#18202a;color:#fff;border:1px solid #18202a}.screens-toolbar label{margin:0;min-width:200px;flex:1}.family-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.family-header h4{margin:0;flex:1;font-size:1.1rem}.screen-status{padding:4px 8px;border-radius:4px;background:#edf0f6;font-size:.85rem}.status-approved{color:#176231;background:#e4f4e9}.status-ignored,.status-draft{color:#555;background:#ececec}.screen-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.screen-column{min-width:0;padding:12px;border:1px solid #d7dce3;border-radius:4px}.screen-column h5{font-size:1rem;margin:0 0 10px}.screen-preview,.screen-missing{height:320px;background:#f5f6f8;border-radius:4px}.screen-preview{overflow-y:auto}.screen-preview a{display:block;width:100%}.screen-preview img{display:block;width:100%;height:auto}.screen-missing{display:flex;align-items:center;justify-content:center}.screen-missing{border:1px dashed #bbc2cc;color:#5b6471}.screen-column select{font-size:.85rem}.screen-column button{width:100%;font-size:.85rem}.screen-warning{color:#775000}.screen-conflicts{padding:12px 12px 12px 30px;background:#fff6dc;border-radius:4px;font-size:.9rem}.inline-check{display:flex;align-items:flex-start;gap:8px;font-size:.85rem}.inline-check input{width:auto;margin:3px 0;flex-shrink:0}.screen-family details{margin-top:14px}summary{cursor:pointer}@media(max-width:720px){.screen-columns{grid-template-columns:1fr}.screens-toolbar label{min-width:0;flex-basis:100%}}main:has(.sections-workspace){max-width:1440px}.section-preview-viewport{height:540px;overflow-y:auto;background:#f5f6f8;border:1px solid #d7dce3;overscroll-behavior:contain}.section-canvas{display:block;width:100%;height:auto}.section-canvas g[role=button]{cursor:pointer}.section-canvas g[role=button]:focus{outline:none}.section-canvas g[role=button]:focus rect:first-of-type{stroke:#cc5700}.section-resize-handle{cursor:nwse-resize;touch-action:none}.section-review-layout{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,2fr);gap:20px;margin-top:24px}.section-region-list{max-height:700px;overflow-y:auto}.section-region-list button{display:block;text-align:left;width:100%;background:#fff;border:1px solid #d7dce3;margin:6px 0;border-radius:4px}.section-region-list button small{display:block;margin-top:5px}.section-region-list button[aria-pressed=true]{border-color:#125ac5;background:#e8f0ff}.section-editor{margin-top:0}.section-editor details{margin-top:16px}.section-editor .section-edit-form{max-width:none}.section-edit-form{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.section-edit-form label{flex:1 1 240px;margin:12px 0 0}.section-bounds-form{display:flex;gap:10px;flex-wrap:wrap;align-items:end;max-width:none}.section-bounds-form label{width:110px;margin:12px 0 0}.section-node-ids{max-height:180px;overflow:auto;font-size:.85rem}.section-editor li{font-size:.9rem}.section-history{margin-top:20px}@media(max-width:720px){.section-review-layout{grid-template-columns:1fr}.section-region-list{max-height:300px}.section-preview-viewport{height:400px}}main:has(.components-workspace){max-width:1440px}.component-family-grid,.component-instance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.component-family-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:8px;padding:16px;background:#fff;color:#17263a;border:1px solid #c9d4df;border-radius:10px}.component-family-card[aria-pressed=true]{border:2px solid #2563eb;padding:15px}.component-family-card img{width:100%;height:110px;object-fit:contain;background:#f3f6fa;border-radius:6px}.component-detail{scroll-margin-top:20px;border:2px solid #94b8ee;padding:20px;margin-top:24px}.component-instance-card{display:flex;flex-direction:column;gap:8px;padding:14px;margin:0;overflow:hidden}.component-instance-card small,.component-family-card strong,.component-family-card small{overflow-wrap:anywhere}.component-crop{height:170px;display:grid;place-items:center;background:#f3f6fa;border:1px solid #dee6ef;border-radius:6px}.component-crop a{display:grid;place-items:center;width:100%;height:100%}.component-crop img{max-height:160px;max-width:100%;object-fit:contain}.components-workspace pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}.component-diffs{overflow-x:auto;margin:16px 0}.component-diffs table{width:100%;table-layout:fixed;border-collapse:collapse}.component-diffs th,.component-diffs td{border:1px solid #d2dce7;padding:10px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.component-diffs th:first-child{width:23%}.component-evidence{display:flex;gap:8px;flex-wrap:wrap}.component-evidence span{border-radius:6px;background:#eaf1fb;padding:6px 10px}@media(max-width:850px){.component-family-grid,.component-instance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.component-family-grid,.component-instance-grid{grid-template-columns:1fr}.component-detail{padding:12px}}