#canvasObjectTools{position:absolute;left:14px;top:48px;right:14px;z-index:12;display:flex;flex-wrap:wrap;gap:5px;pointer-events:auto;max-width:740px}#canvasObjectTools button{padding:5px 9px;font-size:12px;background:var(--bg);box-shadow:0 1px 4px #0002}
#canvasObjectsPanel{position:fixed;right:14px;top:105px;bottom:45px;width:min(310px,calc(100vw - 28px));z-index:90;background:var(--bg);color:var(--text);border:1px solid var(--line);box-shadow:0 8px 32px #0005;border-radius:10px;padding:12px;overflow:auto;overscroll-behavior:contain;font-size:12px}#canvasObjectsPanel[hidden],#canvasObjectsPanel [hidden]{display:none!important}#canvasObjectsPanel header{display:flex;justify-content:space-between;align-items:center}#canvasObjectsPanel header button{padding:2px 9px}#canvasObjectsPanel nav{display:flex;gap:6px;margin:8px 0}#canvasObjectsPanel nav button{flex:1;padding:6px}#canvasObjectsPanel nav [aria-selected=true]{border-color:var(--accent);color:var(--accent)}#canvasObjectsPanel label{display:block;margin:8px 0;line-height:1.6}#canvasObjectsPanel input,#canvasObjectsPanel textarea,#canvasObjectsPanel select{display:block;width:100%;min-width:0;padding:6px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--text)}#canvasObjectsPanel textarea{min-height:100px;resize:vertical;max-height:340px}#canvasObjectsPanel input[type=color]{height:34px;padding:2px}.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.co-row{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.co-row button{font-size:11px;padding:5px 8px}.co-hint,.co-type,#coCount{font-size:11px;color:var(--muted);line-height:1.6}.co-layer{display:flex;gap:4px;align-items:center;margin:4px 0}.co-layer input[type=checkbox]{width:16px!important;flex:none}.co-layer button{min-width:0;font-size:11px;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-layer button[data-object]{flex:1;text-align:left}#coProposal{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:11px;user-select:text}#coStatus{line-height:1.6;overflow-wrap:anywhere}#coStatus.error{color:var(--error)}
.cnode.kind-text .cnode-body,.cnode.kind-rect .cnode-body,.cnode.kind-frame .cnode-body,.cnode.kind-path .cnode-body{background:transparent;box-shadow:none;border-radius:0}.cnode-body svg{display:block;pointer-events:none}.cnode.kind-frame .cnode-tag{opacity:1}.cnode.kind-frame .cnode-body{outline:1px solid #8885}.cnode.kind-frame::after{border-radius:0}.cnode.kind-image .cnode-body{border-radius:0;background:transparent}.cnode.kind-text .cnode-body{cursor:text}
body:has(dialog[open]) #canvasObjectsPanel,body.focus-edit #canvasObjectsPanel,body.focus-edit #canvasObjectTools{display:none!important}
#canvasObjectsPanel{width:min(390px,calc(100vw - 28px));font-size:13px;scrollbar-gutter:stable}
#canvasObjectsPanel #coScopeSummary{white-space:normal;overflow-wrap:anywhere;max-height:100px;overflow:auto}
#coReview{margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:8px}
.co-previews{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.co-previews figure{margin:0;min-width:0}.co-previews figcaption{font-size:11px;color:var(--muted);margin-bottom:4px}.co-previews figure>div{background:#f4f3ef;border-radius:5px;overflow:hidden}
#coProposal{padding-left:18px;max-height:220px;font-size:12px;line-height:1.6}#coProposal ul{padding-left:15px}#coReview .co-row{position:sticky;bottom:0;background:var(--bg);padding:5px 0}
.region-protect{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.6;margin:5px 0}.region-protect input{width:auto}
body:has(#canvasObjectsPanel:not([hidden])) #cnBar{display:none!important}
#canvasObjectsPanel>header{position:sticky;top:-12px;background:var(--bg);z-index:3;gap:5px;padding:7px 0}#canvasObjectsPanel>header strong{margin-right:auto}#canvasObjectsPanel>header button{font-size:12px}
@media(max-width:850px){#canvasObjectTools{max-width:calc(100% - 25px)}#canvasObjectTools button{font-size:11px;padding:4px 6px}#canvasObjectsPanel{top:140px;bottom:50px}}

.co-shape-dialog{max-width:440px}.co-shape-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.co-shape-options button{min-height:75px;white-space:normal}.co-shape-options span{display:block;font-size:30px;line-height:1.2;margin-bottom:8px}

.co-panel-export{display:flex;gap:8px;margin:8px 0}.co-panel-export button{flex:1;font-size:12px;padding:7px}
@media(min-width:1100px){body:has(#canvasObjectsPanel:not([hidden])) #canvasObjectTools{right:414px;max-width:calc(100% - 428px)}}