:root{--mark-bg:#0b2e44;--mark-surface:#10445f;--mark-line:rgba(132,207,220,.22);--mark-muted:#a9c4d0;--mark-text:#f3f8fa}
.export-group{flex-direction:column;align-items:flex-end}.export-actions{display:flex;align-items:center;gap:5px}
.document-tabs{display:flex;gap:7px;padding:10px 13px;border-top:1px solid var(--mark-line);overflow-x:auto}.document-tabs[hidden]{display:none}.document-tab{display:flex;flex:none;border:1px solid #466f83;border-radius:8px;overflow:hidden}.document-tab.active{border-color:#79d7c0;background:#1c594f}.document-tab button{border:0;border-radius:0;background:transparent;color:#eaf4f7;font-size:12px;min-height:34px;padding:7px 9px}.document-tab button:first-child{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-tab button:last-child{color:#efbdc1}
.mark-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.mark-toolbar>.toolbar-group:first-child{justify-self:start}
.mark-toolbar>.toolbar-group:nth-child(2){justify-self:center;justify-content:center}
.mark-toolbar>.toolbar-group:last-child{justify-self:end;justify-content:flex-end}
@media(max-width:1450px){.mark-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mark-toolbar>.toolbar-group:nth-child(2){grid-column:1/-1;grid-row:2}.mark-toolbar>.toolbar-group:last-child{grid-column:2;grid-row:1}}
*{box-sizing:border-box}body{background:var(--mark-bg);color:var(--mark-text)}button,input,select,textarea{font:inherit}button{cursor:pointer}main{max-width:1760px;margin:auto;padding:24px 26px 48px}.page-head{display:flex;align-items:center;gap:17px;padding:20px 22px;margin-bottom:17px;border:1px solid var(--mark-line);border-radius:18px;background:linear-gradient(135deg,#14506a,#0a2f44)}.page-icon{width:56px;height:56px;display:grid;place-items:center;flex-shrink:0;border:1px solid #438878;border-radius:16px;background:#164c51;color:#79d7c0}.page-icon svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linejoin:round}.page-head h1{font-size:clamp(26px,3vw,38px);line-height:1.12;margin:0;letter-spacing:-.025em}.page-head p{margin:7px 0 0;color:#c5d9e2;font-size:15px}.mark-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}.panel{background:linear-gradient(180deg,#10445f,#082d41);border:1px solid var(--mark-line);border-radius:16px;overflow:hidden}.mark-controls{max-height:calc(100vh - 110px);overflow:auto}.mark-section{padding:13px;border-bottom:1px solid var(--mark-line)}.mark-section:last-child{border-bottom:0}.mark-section h2,.mark-section summary{font-size:14px;font-weight:650;margin:0 0 10px}.mark-section summary{cursor:pointer;margin:0}.mark-section[open] summary{margin-bottom:12px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.btn{min-height:34px;padding:0 10px;border:1px solid #466f83;border-radius:9px;font-size:12px;font-weight:550;color:#eef7f8;background:#123c54}.btn-green{border-color:#4b9d7b;background:linear-gradient(180deg,#287a5a,#1d5b44)}.btn-warn{background:#513444;border-color:#8b5361;color:#ffd6da}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn[aria-pressed="true"]{outline:2px solid #79d7c0;outline-offset:-2px;background:#23624f!important}.wide{width:100%}.hint{font-size:12px;color:var(--mark-muted);line-height:1.5;margin:8px 0 0}.field{display:block;font-size:12px;color:#cfe1e7;margin-top:10px}.field input,.field select,.field textarea{display:block;width:100%;margin-top:6px;min-height:34px;padding:7px 9px;background:#0b3249;border:1px solid #3b677b;border-radius:8px;color:#f0f7f9}.field textarea{resize:vertical;line-height:1.5}.field input[type=color]{padding:3px;cursor:pointer}.check{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:12px;color:#cfe1e7}.field[hidden],.check[hidden]{display:none}#applyLabel{margin-top:8px}.mark-toolbar,.mark-bottom{padding:11px 13px;display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;align-items:center}.toolbar-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mark-toolbar select{border:1px solid #466f83;border-radius:8px;background:#0b3249;color:#fff;height:34px;font-size:12px;padding:0 7px}#zoomValue{min-width:46px;text-align:center;font-size:12px;color:#b9d3dc}.mark-status{margin:0;padding:9px 13px;background:#082d41;color:#9bdfca;border-top:1px solid var(--mark-line);border-bottom:1px solid var(--mark-line);font-size:13px;line-height:1.5;min-height:39px}.mark-stage{position:relative;height:clamp(460px,68vh,880px);background-color:#06283b;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:22px 22px;overflow:hidden;touch-action:none}.mark-stage.dragging{outline:3px solid #79d7c0;outline-offset:-3px}#canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#canvas:focus-visible{outline:2px solid #79d7c0;outline-offset:-2px}.mark-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none;color:#aac6d1;padding:24px}.mark-empty[hidden]{display:none}.mark-empty b{font-size:21px;color:#e3f1f4}.mark-empty p{line-height:1.7;font-size:14px}.mark-empty small{font-size:12px}.mark-bottom{border-top:1px solid var(--mark-line)}#selectionInfo{font-size:12px;color:#a9c4d0}.mark-note{font-size:12px;line-height:1.6;color:#91b3c2;padding:0 13px 13px;margin:0}.object-list{display:grid;gap:5px;max-height:180px;overflow:auto;margin-top:9px}.object-list button{padding:8px;border:1px solid #3b677b;border-radius:7px;background:#0b3249;color:#dbeaf0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.object-list button[aria-pressed=true]{border-color:#79d7c0;background:#1c594f}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #79d7c0;outline-offset:2px}
.style-group{margin-top:10px;padding:10px;border:1px solid var(--mark-line);border-radius:9px;background:#082e42}.style-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.style-group-head strong{font-size:12px}.style-group-head input[type=color]{width:32px;height:26px;padding:2px;background:#0b3249;border:1px solid #52788a;border-radius:6px;cursor:pointer}.style-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-group .field{margin-top:7px}.style-group output{float:right;color:#9bdfca}.style-group input[type=range]{padding:0;height:24px;min-height:24px;accent-color:#79d7c0;cursor:pointer}.mark-appearance #styleTarget{color:#9bdfca}.mark-toolbar{gap:8px}.mark-toolbar .toolbar-group{gap:5px}
.mark-workspace{grid-template-columns:230px minmax(0,1fr) 240px}.mark-controls{grid-column:1;grid-row:1}.mark-editor{grid-column:2;grid-row:1}.mark-properties{grid-column:3;grid-row:1;max-height:calc(100vh - 110px);overflow:auto;position:sticky;top:90px}.mark-properties .tool-grid{grid-template-columns:1fr 1fr}
html body.up-tool-page.up-quick-tools .mark-toolbar :is(button,a)[data-up-button-role]{order:0!important}
@media(min-width:1100px){.mark-controls{position:sticky;top:90px}}@media(max-width:900px){main{padding:16px 12px 32px}.mark-workspace{grid-template-columns:220px minmax(0,1fr)}.mark-toolbar{padding:9px}.page-head{padding:16px}.mark-stage{height:65vh}}
@media(max-width:650px){.mark-workspace{display:flex;flex-direction:column}.mark-controls{width:100%;max-height:none;display:grid;grid-template-columns:1fr 1fr}.mark-controls .mark-section:first-child{grid-column:1/-1}.mark-editor{width:100%}.mark-stage{height:60vh;min-height:380px}.page-icon{width:44px;height:44px}.page-head{gap:12px}.page-head p{font-size:13px}.mark-controls .mark-section{padding:10px}.tool-grid{grid-template-columns:1fr}.btn{min-height:44px}}
@media(min-width:651px) and (max-width:1180px){.mark-workspace{grid-template-columns:210px minmax(0,1fr)}.mark-controls{grid-row:1 / span 2}.mark-properties{grid-column:2;grid-row:2;position:static;max-height:none;display:grid;grid-template-columns:1fr 1fr}.mark-stage{height:65vh}}
@media(max-width:650px){.mark-controls{order:1}.mark-editor{order:2}.mark-properties{order:3;width:100%;position:static;max-height:none;display:grid;grid-template-columns:1fr 1fr}.mark-properties .tool-grid{grid-template-columns:1fr}.style-pair{grid-template-columns:1fr}}