.symbols-main{padding-block:30px 70px}.symbols-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.symbols-heading h1{font-size:34px;letter-spacing:-1px;margin:10px 0}.symbols-heading p{font-size:15px;color:var(--muted);line-height:1.6;margin:7px 0}.symbols-heading .symbols-growth{font-size:13px;color:var(--blue)}.symbols-heading>img{width:125px;height:115px;object-fit:contain}.symbols-controls{padding:20px;border:1px solid var(--line);border-radius:15px;background:white}.symbols-search-row{display:flex;align-items:end;gap:18px}.symbols-search-row .search{flex:1;min-width:180px;width:auto;margin:0}.symbols-search-row>label:not(.search){font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:5px;min-width:170px}.symbols-search-row select,.symbol-selection select{border:1px solid #c7dce7;border-radius:8px;background:#f9fcfd;padding:8px;font-size:13px;min-height:44px}.symbols-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:17px}.symbols-actions>span{font-size:13px;font-weight:600;color:var(--blue);background:var(--sky);padding:8px 11px;border-radius:6px;margin-right:4px}
button{cursor:pointer;color:var(--navy);border:1px solid #c7dce7;border-radius:7px;background:#fff;padding:9px 13px;font-size:13px}button:hover{background:#e8f5fb;border-color:#88bcd4}button:disabled{opacity:.55;cursor:wait}.primary{background:#087cad;color:white;border-color:#087cad}.primary:hover{background:#08698f;color:white}.symbols-actions button[aria-pressed=true]{background:#dceff9;border-color:#65a8c8}.symbols-results-heading{display:flex;align-items:center;gap:18px;min-height:66px;flex-wrap:wrap;font-size:13px;color:var(--muted)}#symbol-status{margin-left:auto;color:var(--blue);max-width:650px}.symbol-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.symbol-card{position:relative;background:white;border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 195px}.symbol-card:hover{border-color:#88bcd4;box-shadow:0 4px 14px #173c510a}.symbol-card.is-selected{border:2px solid #087cad;background:#edf8fd}.symbol-copy{border:0;background:transparent;width:100%;height:195px;padding:20px 10px 12px;display:flex;align-items:center;flex-direction:column;gap:10px}.symbol-copy:hover{background:transparent}.symbol-copy>svg{width:100%;height:132px;flex:1;min-height:0;overflow:visible}.symbol-card-name{font-size:13px;line-height:1.3;min-height:34px;display:flex;align-items:center;justify-content:center;max-width:100%;overflow-wrap:anywhere;text-align:center}.symbol-check{position:absolute;top:7px;right:7px;display:grid;place-items:center;padding:3px;background:#fffffff0;border-radius:4px;cursor:pointer}.symbol-check input{width:17px;height:17px;accent-color:#087cad;margin:0;cursor:pointer}.symbols-more{display:block;margin:24px auto}.symbols-empty{grid-column:1/-1;text-align:center;padding:35px;border:1px dashed #c7dce7;background:#f1f8fb;border-radius:12px}.symbol-selection{position:sticky;bottom:16px;z-index:3;background:#f4fbff;border:1px solid #8cbdd4;box-shadow:0 5px 25px #173c5120;display:flex;align-items:center;gap:18px;padding:14px 20px;border-radius:12px;margin-top:25px;font-size:13px}.symbol-selection label{display:flex;align-items:center;gap:9px;margin-left:auto}.symbol-selection select{min-height:36px}.symbol-selection strong{white-space:nowrap}
dialog{color:var(--navy);border:1px solid #c7dce7;border-radius:15px;max-width:95vw;padding:22px}dialog::backdrop{background:#173c5160}.symbols-dialog-heading,.position-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.symbols-dialog-heading h2,.position-heading h2{margin:0;font-size:20px}.symbols-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px}.symbols-dialog-heading button,.position-heading button{border:0;font-size:23px;background:transparent}.symbols-dialog-actions,.symbols-dialog-heading{flex:none}#symbol-print-dialog{width:800px;max-height:93dvh}#symbol-print-preview-pages{max-height:65dvh;overflow:auto;background:#e9eef2;padding:18px;display:flex;flex-direction:column;align-items:center;gap:20px}.symbol-print-page{width:210mm;height:297mm;max-width:none;flex:none;box-sizing:border-box;padding:10mm;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:6mm;background:white}.symbol-print-cell{min-width:0;min-height:0;display:grid;place-items:center}.symbol-print-cell svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}#symbol-print-preview-pages .symbol-print-page{width:min(100%,520px);height:auto;aspect-ratio:210/297;padding:4.76%;gap:12px}#symbol-print-area{display:none}
#material-insert-dialog{width:1040px;height:min(720px,calc(100dvh - 24px));overflow:hidden;font:13px/1.45 "Segoe UI",Arial,sans-serif}#material-insert-dialog>form{height:100%;display:flex;flex-direction:column;gap:15px;min-height:0}#material-insert-dialog h2{margin:0;font-size:20px}.material-insert-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:none}.material-insert-mode{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;min-width:0}.material-insert-mode[aria-checked=true]{background:#e1f1fb;border-color:#087cad;box-shadow:inset 0 0 0 1px #087cad}.material-mode-title{font-size:12px;min-height:34px;display:flex;align-items:center;justify-content:center;text-align:center}.material-mode-example{display:block;width:100%;height:90px}.material-mode-example svg{width:100%;height:100%}.material-settings-columns{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 170px;gap:15px;align-items:start;scrollbar-gutter:stable}.material-settings-columns>div:first-child{display:contents}#material-insert-dialog fieldset{padding:12px;border:1px solid #dbe7ec;border-radius:8px;min-width:0;margin:0}#material-insert-dialog [data-frame]{grid-column:1}#material-insert-dialog [data-name]{grid-column:2}#material-insert-dialog legend{font-weight:650}#material-insert-dialog label{display:flex;flex-direction:column;gap:5px;margin:8px 0;font-size:12px;min-width:0}#material-insert-dialog .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#material-insert-dialog input:not([type=checkbox],[type=color]),#material-insert-dialog select{width:100%;padding:7px;border:1px solid #c7dce7;border-radius:5px;min-height:32px;font:inherit;background:white;color:var(--navy)}#material-insert-dialog h3{font-size:13px;margin:14px 0 7px}.material-font-toggles{display:flex;flex-wrap:wrap;gap:12px}#material-insert-dialog .material-font-toggles label,#material-insert-dialog .material-setting-row label{flex-direction:row;align-items:center;margin:0}.material-setting-row{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:35px}.material-setting-row>div{display:flex;gap:3px}.material-insert-preview{grid-column:3;text-align:center;background:#f1f7fa;padding:10px;border-radius:8px}.material-insert-preview svg{width:100%;max-height:220px}.material-settings-actions{display:flex;justify-content:flex-end;gap:10px;flex:none}#material-insert-dialog input[type=checkbox]{accent-color:#087cad}
@media(max-width:900px){.symbol-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.symbols-search-row{flex-wrap:wrap}.symbols-search-row .search{flex-basis:100%}.symbols-search-row>label:not(.search){flex:1}.symbol-selection{flex-wrap:wrap;gap:10px}.symbol-selection label{margin-left:0}#material-insert-dialog .material-settings-columns{grid-template-columns:1fr 1fr}#material-insert-dialog [data-name]{grid-column:2}.material-insert-preview{grid-column:1/-1}.material-insert-preview svg{height:120px}.header nav{gap:18px}}
@media(max-width:600px){.header{flex-wrap:wrap;padding:12px 0;gap:8px}.header nav{width:100%;justify-content:space-between;gap:8px}.header nav a{padding:8px 0}.symbols-main{padding-top:22px}.symbols-heading>img{display:none}.symbols-heading h1{font-size:28px}.symbol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.symbols-controls{padding:14px}.symbols-actions{gap:7px}.symbols-actions button{font-size:12px;padding:8px}.symbol-copy{height:190px}.symbol-selection{bottom:8px;padding:12px}.symbol-selection strong{width:100%}.symbol-selection label{font-size:12px}.material-insert-modes{gap:5px}.material-insert-mode{padding:5px}.material-mode-title{font-size:10px;min-height:40px}.material-mode-example{height:65px}#material-insert-dialog{padding:12px}#material-insert-dialog .material-settings-columns{display:flex;flex-direction:column}#material-insert-dialog .material-settings-columns>div:first-child{display:flex;flex-direction:column;gap:10px;width:100%}.material-insert-preview{width:100%}#symbol-status{margin:0}.symbols-results-heading{gap:0;align-items:flex-start;flex-direction:column;justify-content:center;padding:10px 0}.symbols-results-heading p{margin:3px 0}}
@page{size:A4 portrait;margin:0}@media print{html,body{margin:0!important;padding:0!important;background:white!important}body>*{display:none!important}body>#symbol-print-area{display:block!important}.symbol-print-page{break-after:page;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact}.symbol-print-page:last-child{break-after:auto;page-break-after:auto}.symbol-print-cell{break-inside:avoid}}

/* Shared Studio colour palette. */
.color-split{position:relative;display:inline-flex!important;align-items:center;flex:none;width:51px;height:30px;vertical-align:middle;gap:0!important;margin:0!important}
.color-split .color-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;padding:0!important;margin:0!important;border:0!important;pointer-events:none;overflow:hidden}
.color-split>.color-apply,.color-split>.color-expand{height:30px!important;min-width:0!important;margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:center;border:1px solid #ccdce5;background:white;box-shadow:none}
.color-split>.color-apply{width:34px!important;border-radius:6px 0 0 6px!important}
.color-split>.color-apply:before{content:'';display:block;width:22px;height:18px;border-radius:2px;background:var(--swatch);border:1px solid #173c5133}
.color-split>.color-expand{width:17px!important;border-left:0;border-radius:0 6px 6px 0!important;font-size:10px!important;color:#426374}
.color-split>button:hover{background:#eaf4f8}.color-split>button:focus-visible{outline:2px solid #087f95;outline-offset:2px}
.color-palette{position:fixed;inset:auto;margin:0;width:250px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:14px!important;border:1px solid #ccdae3;border-radius:10px;background:white;color:#173c51;box-shadow:0 8px 28px #173c5130;font:12px ABeeZee,Arial,sans-serif}
.color-palette:not(:popover-open){display:none!important}.color-palette:popover-open{display:block!important}
.color-palette>strong{display:block;font-size:12px!important;margin:0 0 10px!important;color:#173c51!important}
.color-swatches{display:grid!important;grid-template-columns:repeat(6,1fr);gap:7px!important}
.color-palette .color-swatches button{display:block!important;width:30px!important;height:27px!important;min-width:0!important;padding:0!important;margin:0!important;background:var(--swatch)!important;border:1px solid #173c5140!important;border-radius:4px!important}
.color-palette .color-swatches button:hover{outline:2px solid #087f95;outline-offset:2px}.color-palette .color-swatches button[aria-pressed=true]{box-shadow:inset 0 0 0 2px white;outline:2px solid #087f95;outline-offset:1px}
.color-palette .color-more{display:block!important;width:100%!important;height:32px!important;padding:6px 8px!important;margin:13px 0 0!important;border:1px solid #ccdce5;border-radius:5px;background:#f7fafc;font-size:11px!important;color:#173c51;text-align:center}
.color-recent{margin-top:13px}.color-recent[hidden]{display:none!important}.color-recent>strong{display:block;font-size:11px;margin-bottom:8px;color:#58717e}.color-palette{max-height:calc(100vh - 16px);overflow:auto}
.color-custom{margin-top:13px}.color-custom>strong{display:block;font-size:11px;margin-bottom:8px;color:#58717e}.color-custom>.color-swatches:empty{display:none!important}
.color-palette .color-custom-save{display:block!important;width:100%!important;height:30px!important;padding:5px!important;margin:8px 0 0!important;font-size:11px!important;background:#f1f7fa;border:1px solid #ccdce5;border-radius:5px;color:#173c51}
.color-custom-editor{display:grid;grid-template-columns:36px 1fr;gap:7px;margin-top:9px}.color-custom-editor[hidden]{display:none!important}.color-custom-editor .custom-color-picker{display:block!important;width:36px!important;height:30px!important;padding:2px!important;margin:0!important}.color-custom-editor .custom-color-hex{display:block!important;width:100%!important;max-width:none!important;height:30px!important;padding:5px 7px!important;margin:0!important;font-size:12px!important}.color-custom-editor .color-custom-save{grid-column:1/-1}
.color-palette .color-swatches .color-custom-add{border-style:dashed!important;font-size:22px!important;color:#58717e;line-height:1;font-weight:400}
.color-custom-editor .custom-color-spectrum{grid-column:1/-1;height:122px;position:relative;border-radius:5px;border:1px solid #c5d4df;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--hue));touch-action:none;cursor:crosshair;overflow:hidden}
.color-custom-editor .custom-color-hue{grid-column:1/-1;width:100%!important;max-width:none!important;height:16px!important;padding:0!important;margin:2px 0 5px!important;appearance:none;border:0;border-radius:8px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}
.color-palette-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.color-palette .color-remove-toggle{display:grid;place-items:center;width:24px;height:24px;padding:0;font-size:21px;line-height:1;border:1px solid transparent;border-radius:5px;background:transparent;color:#c43d56}.color-remove-toggle[aria-pressed=true]{background:#fff0f2;border-color:#e9adb8}.color-palette .color-swatches button[hidden]{display:none!important}
.color-palette.is-removing .color-swatches [data-color]{position:relative;overflow:visible}.color-palette.is-removing .color-swatches [data-color]::after{content:'−';position:absolute;right:-4px;top:-5px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#c43d56;border:1px solid white;color:white;font:700 12px Arial;box-shadow:0 1px 3px #173c5120}
.color-removal-tools{display:none;gap:6px;flex-direction:column;margin-top:10px}.color-palette.is-removing .color-removal-tools{display:flex}.color-removal-tools button{font-size:10px;padding:5px}.color-removal-tools [hidden]{display:none!important}.color-palette.is-removing .color-custom-add,.color-palette.is-removing .color-more,.color-palette.is-removing .color-transparent{display:none!important}
.color-palette{font:12px system-ui,sans-serif}
.color-swatches>.color-transparent{width:30px;height:27px;margin:0;padding:0;display:grid;place-items:center}
.color-swatches>.color-transparent .transparent-swatch{width:100%;height:100%;border:0}
.color-transparency{display:grid!important;grid-template-columns:1fr auto;gap:6px!important;margin:12px 0 8px!important;font:12px system-ui,sans-serif!important;color:#243d50!important}
.color-transparency>input[type=range]{grid-column:1/-1;width:100%!important;height:22px!important;margin:0!important;padding:0!important;accent-color:#087f99}
.color-transparency output{font-variant-numeric:tabular-nums}
.color-palette.is-removing .color-transparency{display:none!important}
.color-edit-hint{display:none;font-size:10px;line-height:1.5;margin:0 0 10px;color:#58717e}
.color-palette.is-removing .color-edit-hint{display:block}
.color-palette.is-removing .color-swatches>[data-color]:not(.color-transparent){cursor:grab;touch-action:none;user-select:none}
.color-palette.is-dragging .color-swatches>[data-color]{cursor:grabbing}
.color-palette .color-drag-source{opacity:.35}
.color-palette .color-drop-target{outline:2px solid #087f95!important;outline-offset:3px}
.color-drag-ghost{position:fixed;width:30px;height:27px;border:1px solid #78929e;border-radius:4px;box-shadow:0 4px 14px #173c5155;pointer-events:none;z-index:5;opacity:.95}
.color-palette .color-more{display:none!important}