.asset-dialog{width:min(880px,calc(100vw - 28px))}.catalog-span-2{grid-column:1/-1}.asset-tag-options{display:flex;flex-wrap:wrap;gap:8px}.asset-tag-options label{padding:7px 10px;border:1px solid #d5e2ed;border-radius:999px;background:#f8fbfd;font-size:12px}.asset-summary{display:grid;gap:10px}.asset-summary div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e6edf4}.asset-icon-panel-heading,.asset-icon-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.asset-icon-panel-heading h2,.asset-icon-picker-heading h2,.asset-upload-icon-panel h2{margin:4px 0 8px}.asset-icon-picker-heading p,.asset-upload-icon-panel p{margin:0;color:var(--muted);line-height:1.5}.asset-icon-preview{display:grid;min-height:180px;place-items:center;margin:14px 0;border:1px dashed #b7cadb;border-radius:12px;background:#f8fbfd;overflow:hidden}.asset-icon-preview>img{max-width:150px;max-height:150px}.asset-icon-preview>.drawio-icon-preview{width:150px;height:150px}.asset-current-icon-copy{display:grid;gap:3px}.asset-current-icon-copy strong{color:var(--ink);font-size:14px}.asset-current-icon-copy span{color:var(--muted);font-size:12px}.asset-upload-icon-panel input[type=file]{display:block;width:100%;margin:18px 0 10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.asset-icon-picker{display:grid;gap:18px}.asset-icon-count{flex:none;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:800}.asset-icon-recommended{display:grid;gap:12px;padding:14px;border:1px solid #b9d7ed;border-radius:13px;background:#f3f9fd}.asset-icon-recommended>div:first-child{display:grid;gap:3px}.asset-icon-recommended>div:first-child strong{color:#123e61;font-size:13px}.asset-icon-recommended>div:first-child span{color:#647f95;font-size:11px}.asset-icon-toolbar{display:grid;grid-template-columns:minmax(240px,2fr) repeat(2,minmax(170px,1fr));gap:10px}.asset-icon-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.asset-icon-toolbar input,.asset-icon-toolbar select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface);font:600 13px var(--font-ui);letter-spacing:0;text-transform:none}.asset-icon-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.asset-icon-options.recommended{grid-template-columns:repeat(auto-fit,minmax(190px,240px))}.asset-icon-option{display:grid;grid-template-columns:62px minmax(0,1fr);gap:11px;align-items:center;min-height:84px;padding:10px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer}.asset-icon-option:hover{border-color:#75add4;box-shadow:0 5px 14px rgba(31,70,105,.09);transform:translateY(-1px)}.asset-icon-option[aria-pressed=true]{border-color:#0875b9;background:#edf8ff;box-shadow:0 0 0 2px rgba(8,117,185,.14)}.asset-icon-option:disabled{cursor:default;opacity:.8}.asset-icon-option-visual{display:grid;width:60px;height:60px;place-items:center;overflow:hidden;border:1px solid #e0eaf2;border-radius:10px;background:#f8fbfd}.asset-icon-option-visual img{width:48px;height:48px;object-fit:contain}.asset-icon-option-visual .drawio-icon-preview{width:56px;height:56px}.asset-icon-option-copy{min-width:0}.asset-icon-option-copy strong,.asset-icon-option-copy span,.asset-icon-option-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.asset-icon-option-copy strong{font-size:12px;line-height:1.25;white-space:normal}.asset-icon-option-copy span{margin-top:4px;color:var(--muted);font-size:10px;white-space:nowrap}.asset-icon-option-copy small{margin-top:3px;color:#8498a9;font-size:9px;white-space:nowrap}.asset-icon-empty{margin:0;padding:22px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}.asset-icon-more{display:flex;justify-content:center}.asset-icon-selection{position:sticky;z-index:3;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid #75add4;border-radius:13px;background:#f7fcff;box-shadow:0 10px 28px rgba(14,56,88,.16)}.asset-icon-selection[hidden]{display:none}.asset-icon-selection>div{display:grid;gap:2px}.asset-icon-selection span{color:#0875b9;font-size:9px;font-weight:900;letter-spacing:.08em}.asset-icon-selection strong{color:#123e61;font-size:13px}.asset-icon-selection small{color:#647f95}.asset-icon-advanced{border-top:1px solid var(--line);padding-top:14px}.asset-icon-advanced summary{color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}.asset-icon-advanced>div{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;align-items:end;margin-top:12px}.asset-icon-advanced .catalog-field{margin:0}.drawio-icon-preview{display:block;overflow:hidden;background:transparent}.drawio-icon-preview>div{max-width:100%;max-height:100%}.asset-type-layout{align-items:start}.asset-panel{position:fixed;z-index:30;top:106px;left:0;bottom:0;width:300px;box-sizing:border-box;display:flex;flex-direction:column;padding:14px;border-right:1px solid #cbd9e6;background:#fff;box-shadow:6px 0 20px rgba(19,58,91,.12)}.asset-panel.hidden{display:none}.asset-panel header{display:flex;align-items:center;justify-content:space-between}.asset-panel-search{margin:10px 0}.asset-panel-results{display:grid;gap:8px;overflow:auto}.asset-panel-item{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:9px;border:1px solid #d7e3ed;border-radius:10px;background:#f9fbfd;cursor:grab}.asset-panel-item strong,.asset-panel-item small{display:block}.asset-panel-item small{color:#708397;font-size:10px}.asset-panel-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;color:#1d659d;background:#e9f4fd}.asset-drop-overlay{position:fixed;z-index:45;inset:106px 0 0 300px;display:grid;place-items:center;border:3px dashed #2c84c6;background:rgba(28,111,174,.12);color:#174d7d;font-weight:800}.asset-drop-overlay.hidden{display:none}.diagram-editor-page.assets-panel-open .editor-panel{left:300px}.diagram-editor-page.assets-panel-open .editor-subnav{padding-left:310px}@media(max-width:760px){.asset-icon-panel-heading,.asset-icon-picker-heading{align-items:stretch;flex-direction:column}.asset-icon-toolbar,.asset-icon-advanced>div{grid-template-columns:1fr}.asset-icon-selection{align-items:stretch;flex-direction:column}.asset-icon-selection .catalog-button{width:100%}.asset-panel{top:100px;width:min(320px,92vw)}.asset-drop-overlay{inset:100px 0 0 0}.diagram-editor-page.assets-panel-open .editor-panel{left:0}.diagram-editor-page.assets-panel-open .editor-subnav{padding-left:10px}}
:root[data-theme="dark"] .asset-tag-options label,:root[data-theme="dark"] .asset-panel-item,:root[data-theme="dark"] .asset-icon-preview,:root[data-theme="dark"] .asset-icon-option-visual{border-color:#2f526d;background:#112d44}:root[data-theme="dark"] .asset-icon-recommended{border-color:#315d7b;background:#102d43}:root[data-theme="dark"] .asset-icon-recommended>div:first-child strong,:root[data-theme="dark"] .asset-icon-selection strong{color:#e8f4fc}:root[data-theme="dark"] .asset-icon-option[aria-pressed=true]{border-color:#4da8df;background:#123b57}:root[data-theme="dark"] .asset-icon-selection{border-color:#315d7b;background:#102d43}:root[data-theme="dark"] .asset-panel{border-color:#294b66;background:#0d263b;color:#e8f4fc}
.asset-current-icon-panel{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:20px;align-content:start}.asset-current-icon-panel .asset-icon-panel-heading{grid-column:1/-1}.asset-current-icon-panel .asset-icon-preview{width:100%;min-height:150px;margin:14px 0 0}.asset-current-icon-panel .asset-icon-preview>img{max-width:140px;max-height:130px}.asset-current-icon-canvas{overflow:hidden}.asset-current-icon-panel .asset-current-icon-copy{align-content:center;margin-top:14px}@media(max-width:760px){.asset-current-icon-panel{grid-template-columns:1fr}.asset-current-icon-panel .asset-icon-panel-heading{grid-column:auto}}
.drawio-icon-preview{pointer-events:none}
.asset-panel{width:268px;padding:12px;box-shadow:4px 0 16px rgba(8,34,54,.14)}
.asset-panel header{min-height:34px}
.asset-panel header h2{margin:2px 0 0;font-size:16px;line-height:1.1}
.asset-panel header .eyebrow{font-size:8px;letter-spacing:.1em}
.asset-panel header button{display:grid;width:30px;height:30px;min-height:0;place-items:center;padding:0;border:1px solid #446985;border-radius:8px;color:inherit;background:transparent;font:700 15px/1 var(--font-ui);cursor:pointer}
.asset-panel .catalog-field{display:grid;gap:4px;margin:0 0 8px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.035em}
.asset-panel .catalog-field :is(input,select){box-sizing:border-box;width:100%;height:32px;min-height:0;margin:0;padding:5px 8px;border:1px solid #45657d;border-radius:7px;color:var(--ink);background:transparent;font:650 10px/1.2 var(--font-ui)}
.asset-panel-search{margin-top:10px!important}
.asset-panel-results{gap:5px}
#editorAssetResults{max-height:min(34vh,280px);flex:0 1 auto}
.asset-panel-item{grid-template-columns:30px minmax(0,1fr) 26px;gap:7px;padding:6px 7px;border-radius:8px}
.asset-panel-item.used{grid-template-columns:30px minmax(0,1fr)}
.asset-panel-item>div{min-width:0}
.asset-panel-item strong{overflow:hidden;color:inherit;font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.asset-panel-item small{overflow:hidden;margin-top:2px;font-size:8px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.asset-panel-icon{width:30px;height:30px;border-radius:7px;font-size:12px}
.asset-panel-item>button{display:grid;width:26px;height:26px;min-height:0;place-items:center;padding:0;border:1px solid #7da9c7;border-radius:7px;color:#146ca8;background:transparent;font:750 14px/1 var(--font-ui);cursor:pointer}
.asset-panel-item>button:hover{color:#fff;background:#146ca8}
.asset-panel hr{width:100%;margin:11px 0;border:0;border-top:1px solid #35566f}
.asset-panel h3{margin:0 0 7px;font-size:11px;line-height:1.25}
.asset-drop-overlay{left:268px}
.diagram-editor-page.assets-panel-open .editor-panel{left:268px}
.diagram-editor-page.assets-panel-open .editor-subnav{padding-left:278px}
@media(max-width:760px){.asset-panel{width:min(284px,92vw)}.asset-drop-overlay{left:0}.diagram-editor-page.assets-panel-open .editor-panel{left:0}.diagram-editor-page.assets-panel-open .editor-subnav{padding-left:10px}}
:root[data-theme="dark"] .asset-panel{--ink:#edf8ff;--muted:#a8c4d6;color:#edf8ff;background:#0d263b}
:root[data-theme="dark"] .asset-panel :is(h2,h3,strong){color:#edf8ff!important}
:root[data-theme="dark"] .asset-panel .catalog-field,:root[data-theme="dark"] .asset-panel small,:root[data-theme="dark"] .asset-panel p{color:#a8c4d6!important}
:root[data-theme="dark"] .asset-panel .catalog-field :is(input,select){border-color:#426985;color:#edf8ff!important;background:#091d2e!important}
:root[data-theme="dark"] .asset-panel .catalog-field :is(input,textarea)::placeholder{color:#91afc2!important;opacity:1}
:root[data-theme="dark"] .asset-panel-item{border-color:#315773;color:#edf8ff;background:#112f47}
:root[data-theme="dark"] .asset-panel-item>button{border-color:#4d7b99;color:#9bdfff;background:#0d263b}

/* Asset drawer calibration: readable without moving the diagram title bar. */
.asset-panel{width:292px;padding:13px}
.asset-panel .catalog-field{margin-bottom:9px;font-size:9px}
.asset-panel .catalog-field :is(input,select){height:35px;padding:6px 9px;border-radius:8px;font-size:11px}
.asset-panel-results{gap:7px}
.asset-panel-item{grid-template-columns:40px minmax(0,1fr) 30px;gap:8px;padding:8px;border-radius:9px}
.asset-panel-item.used{grid-template-columns:40px minmax(0,1fr)}
.asset-panel-item strong{display:-webkit-box;overflow:hidden;color:inherit;font-size:12px;line-height:1.3;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal}
.asset-panel-item small{overflow:hidden;margin-top:3px;font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.asset-panel-icon{display:grid;width:40px;height:40px;box-sizing:border-box;place-items:center;overflow:hidden;border:1px solid #d3e0e9;border-radius:8px;color:#1d659d;background:#f7fafc;font-size:14px}
.asset-panel-icon-canvas{display:grid;width:34px;height:34px;place-items:center;overflow:hidden;background:transparent}
.asset-panel-icon-canvas>img{width:30px;height:30px;object-fit:contain}
.asset-panel-icon-canvas.drawio-icon-preview{width:34px;height:34px}
.asset-panel-icon-canvas.drawio-icon-preview>div{width:100%!important;height:100%!important}
.asset-panel-item>button{width:30px;height:30px;border-radius:8px;font-size:15px}
.asset-panel h3{margin-bottom:8px;font-size:12px}
.asset-panel-error{padding:9px;border:1px solid #d9a7ad;border-radius:8px;color:#9c3039;background:#fff5f5;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.asset-drop-overlay{left:292px}
.diagram-editor-page.assets-panel-open .editor-panel{left:292px}
.diagram-editor-page.assets-panel-open .editor-subnav{padding-left:12px!important}
:root[data-theme="dark"] .asset-panel-error{border-color:#8f4c57;color:#ffd6d9;background:#391f29}
:root[data-theme="dark"] :is(.asset-icon-preview,.asset-icon-option-visual,.asset-panel-icon){border-color:#cbd9e2!important;color:#1d659d!important}
:is(.asset-icon-preview,.asset-icon-option-visual,.asset-panel-icon)[data-icon-tone="dark"]{background:#f7fafc!important}
:is(.asset-icon-preview,.asset-icon-option-visual,.asset-panel-icon)[data-icon-tone="light"]{background:#16384f!important}
:is(.asset-icon-preview,.asset-icon-option-visual,.asset-panel-icon)[data-icon-tone="mixed"]{background:#f7fafc!important}
@media(max-width:760px){.asset-panel{width:min(304px,92vw)}.asset-drop-overlay{left:0}.diagram-editor-page.assets-panel-open .editor-panel{left:0}.diagram-editor-page.assets-panel-open .editor-subnav{padding-left:10px!important}}

/* Align the asset drawer with the editor plane instead of a fixed header height. */
.diagram-editor-page #editorWorkspace{position:relative}
.diagram-editor-page #assetEditorPanel{position:absolute;inset:0 auto 0 0}
.diagram-editor-page #assetDropOverlay{position:absolute;inset:0 0 0 292px}
@media(max-width:760px){.diagram-editor-page #assetDropOverlay{inset:0}}

.asset-selection-create{display:grid;gap:9px;margin:11px 0 10px;padding:11px;border:1px solid #b9d5e8;border-radius:10px;background:#f2f9fd}
.asset-selection-create>div{display:grid;min-width:0;gap:4px}.asset-selection-create strong{color:#153f60;font-size:12px;line-height:1.25;letter-spacing:.01em}.asset-selection-create small{color:#56748a;font-size:10px!important;line-height:1.45;white-space:normal!important}.asset-selection-create>button{width:100%;min-height:34px;padding:7px 10px;border:1px solid #1974ad;border-radius:8px;color:#fff;background:#1974ad;font:800 10.5px/1.2 var(--font-ui);letter-spacing:.01em;cursor:pointer}.asset-selection-create>button:hover,.asset-selection-create>button:focus-visible{border-color:#0f5f94;background:#0f6da8}.asset-selection-create>button:focus-visible{outline:2px solid #75bfe8;outline-offset:2px}.asset-selection-create>button:disabled{opacity:.55;cursor:wait}.asset-selection-state{min-height:0;margin:0;color:#57738a;font-size:9px;line-height:1.35}.asset-selection-state:not(:empty){margin:0 0 8px;padding:7px;border-radius:7px;background:#edf6fc}.asset-selection-state.error{color:#9c3039;background:#fff0f1}
.asset-selection-dialog{width:min(660px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto;padding:0;border:1px solid #c5d8e7;border-radius:14px;color:#153a57;background:#fff;box-shadow:0 28px 76px rgba(7,31,50,.35)}.asset-selection-dialog::backdrop{background:rgba(3,17,29,.62)}.asset-selection-dialog form{display:grid}.asset-selection-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #dce7ef;background:#f7fbfe}.asset-selection-dialog header h2{margin:3px 0 4px;font-size:19px}.asset-selection-dialog header p{margin:0;color:#678096;font-size:11px}.asset-selection-dialog header>button{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;padding:0;border:1px solid #b8cfdf;border-radius:8px;color:#31566f;background:#fff;font:800 18px/1 var(--font-ui);cursor:pointer}.asset-selection-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px 0}.asset-selection-form-grid:empty{display:none}.asset-selection-form-grid label{display:grid;gap:5px;color:#385872;font-size:10px;font-weight:800}.asset-selection-form-grid :is(input,select,textarea){box-sizing:border-box;width:100%;min-height:36px;padding:8px 9px;border:1px solid #c5d7e4;border-radius:8px;color:#153a57;background:#fff;font:600 12px var(--font-ui)}.asset-selection-form-grid textarea{min-height:70px;resize:vertical}.asset-selection-span{grid-column:1/-1}.asset-selection-form-state{min-height:18px;margin:12px 20px 0;color:#607b91;font-size:11px}.asset-selection-form-state.error{color:#a5333d}.asset-selection-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:4px;padding:14px 20px 18px}.asset-selection-dialog footer button{min-height:36px;padding:7px 12px;border:1px solid #b8cedd;border-radius:8px;color:#31546d;background:#fff;font:800 11px var(--font-ui);cursor:pointer}.asset-selection-dialog footer .primary{border-color:#1974ad;color:#fff;background:#1974ad}.asset-selection-dialog footer button:disabled{opacity:.55;cursor:wait}
:root[data-theme="dark"] .asset-selection-create{border-color:#315e7d;background:#102f47}:root[data-theme="dark"] .asset-selection-create strong{color:#edf8ff}:root[data-theme="dark"] .asset-selection-create small{color:#b8d2e2!important}:root[data-theme="dark"] .asset-selection-create>button{border-color:#4fb6e9;background:#187fb9}:root[data-theme="dark"] .asset-selection-create>button:hover,:root[data-theme="dark"] .asset-selection-create>button:focus-visible{border-color:#7ed1f5;background:#1c8dcc}:root[data-theme="dark"] .asset-selection-state:not(:empty){color:#b8d2e2;background:#12334d}:root[data-theme="dark"] .asset-selection-state.error{color:#ffd1d5;background:#3a2029}:root[data-theme="dark"] .asset-selection-dialog{border-color:#355f7c;color:#edf8ff;background:#0d263b;box-shadow:0 30px 80px #000b}:root[data-theme="dark"] .asset-selection-dialog header{border-color:#315570;background:#102f47}:root[data-theme="dark"] .asset-selection-dialog header h2{color:#edf8ff}:root[data-theme="dark"] .asset-selection-dialog header p{color:#a4c0d2}:root[data-theme="dark"] .asset-selection-dialog header>button{border-color:#46728e;color:#edf8ff;background:#10283d}:root[data-theme="dark"] .asset-selection-form-grid label{color:#b6cfdf}:root[data-theme="dark"] .asset-selection-form-grid :is(input,select,textarea){border-color:#3d6681;color:#edf8ff;background:#091d2e}:root[data-theme="dark"] .asset-selection-form-state{color:#a8c3d5}:root[data-theme="dark"] .asset-selection-form-state.error{color:#ffbfc4}:root[data-theme="dark"] .asset-selection-dialog footer button{border-color:#416b86;color:#dceef9;background:#14344d}:root[data-theme="dark"] .asset-selection-dialog footer .primary{border-color:#4fb6e9;color:#fff;background:#187fb9}
@media(max-width:620px){.asset-selection-form-grid{grid-template-columns:1fr}.asset-selection-span{grid-column:1}.asset-selection-dialog footer{display:grid;grid-template-columns:1fr 1fr}.asset-selection-dialog footer button{width:100%}}