.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.topbar{gap:22px}.menu-bar{display:flex;height:100%;align-items:center;gap:2px}.menu-trigger{height:34px;padding:0 10px;border:0;border-radius:3px;background:transparent;color:#b9bdb9;cursor:pointer}.menu-trigger:hover{background:#303233;color:var(--text)}.paint-tool svg,.clipboard-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.paint-tool svg{color:#d8dad6}.paint-tool.active svg{color:var(--accent)}.clipboard-button[hidden]{display:none}.clipboard-actions{min-width:104px;justify-content:center}.palette-bar{display:grid;grid-template-columns:46px auto;justify-content:center;align-items:center;gap:12px;padding:7px 14px}.palette-grid{display:grid;grid-template-columns:repeat(8,26px);grid-template-rows:repeat(2,18px);gap:5px}.palette-colour{width:26px;height:18px;min-width:26px;border:1px solid #7778;border-radius:4px;box-shadow:inset 0 0 0 1px #0003}.current-colour{width:40px;height:34px;padding:4px;border:1px solid #666;border-radius:5px;background:#f3a6b8;box-shadow:inset 0 0 0 3px #202223;cursor:pointer}.current-colour:hover,.current-colour:focus-visible{outline:2px solid var(--text);outline-offset:2px}.image-control-section{display:none}.modal .image-control-section{display:block;border-bottom:0}.modal{width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;border:1px solid #4a4d4e;border-radius:6px;background:#222425;color:var(--text);box-shadow:0 20px 70px #000b}.modal::backdrop{background:#090a0ab8}.modal-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid var(--line)}.modal-heading h2{color:var(--text);font-size:.9rem;text-transform:none;letter-spacing:0}.modal-close{width:30px;height:30px;border:0;border-radius:3px;background:transparent;color:#aeb2ae;font-size:1.4rem;cursor:pointer}.modal-close:hover{background:#343637;color:var(--text)}.modal-body{padding:18px;overflow-y:auto}.modal-body label{display:block;margin-top:11px;color:#aeb2ae;font-size:.76rem}.modal-body input,.modal-body select,.modal-body textarea{width:100%;margin-top:5px;padding:8px;border:1px solid #474a4b;border-radius:3px;background:#181a1b;color:var(--text);font:inherit}.modal-body textarea{resize:vertical}.modal-body .field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modal-body input[type=range]{padding:0;accent-color:var(--accent)}#colourField{display:block;width:100%;height:auto;margin-bottom:14px;border:1px solid #484b4c;border-radius:4px;cursor:crosshair}.colour-dialog .modal-body{padding:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.text-options{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:14px}.text-options .check-label{margin-bottom:8px}.app-menu{position:fixed;z-index:60;display:none;width:205px;margin:0;padding:5px;border:1px solid #4b4e4f;border-radius:4px;background:#252728;box-shadow:0 12px 30px #0008}.app-menu.show{display:block}.app-menu button{display:flex;width:100%;justify-content:space-between;padding:8px 10px;border:0;border-radius:2px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.app-menu button:hover{background:#373a3b}.app-menu button span{color:#8f9490;font-size:.7rem}.app-menu hr{margin:4px;border:0;border-top:1px solid var(--line)}.layer-row{cursor:grab}.layer-row.dragging{opacity:.45}.layer-row.drag-over{border-color:var(--accent)}.layer-row [contenteditable=true]{padding:3px;background:#171819;outline:1px solid var(--accent)}.spaced-button{margin-top:14px!important}@media(max-width:520px){.menu-bar{gap:0}.menu-trigger{padding-inline:7px}.palette-bar{grid-template-columns:40px auto;justify-content:start;overflow-x:auto}.palette-grid{grid-template-columns:repeat(8,24px)}.palette-colour{width:24px;min-width:24px}.text-options{grid-template-columns:1fr 1fr}}