/* Atelier: quiet surfaces, explicit tools, generous touch targets. */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--surface:#fff;--text-secondary:#5b6779}button,select,input{font-family:inherit}button i{font-size:13px}.header-actions{display:flex;gap:8px}.header-actions button{color:#e0e6f0;border-color:#465164;background:transparent;font-size:12px}.canvas-top{gap:16px;flex-wrap:wrap}.canvas-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.unit-picker{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-secondary);margin:0}.unit-picker select,.shape-quick{height:38px;min-height:38px;border:1px solid var(--line);border-radius:7px;background:white;padding:6px 9px;font-size:12px;width:auto}.canvas-stage{display:grid;grid-template-columns:minmax(0,1fr) 148px;align-items:stretch;padding:0;position:relative}.canvas-stage .drawing{grid-column:1;min-width:0;width:100%}.finish-dock{position:static;grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:stretch;width:auto;padding:16px 10px;background:#fff;border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none;gap:12px;transform:none}.canvas-stage .drawing{grid-row:2}.canvas-context{grid-column:1/-1;grid-row:1;position:static;transform:none;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:9px 12px;background:#fff;box-shadow:none;width:auto}.canvas-context[hidden]{display:none}.canvas-context button{display:flex;gap:7px;align-items:center;font-size:11px;min-height:38px;padding:7px 10px;border-color:transparent;background:#f4f6fa}.scope-control{display:flex;align-items:center;gap:7px;margin:0 6px 0 0;font-size:11px}.scope-control select{width:auto;min-height:38px;padding:6px;border-radius:6px;border:1px solid var(--line);font-size:12px}.dock-tabs{display:flex;gap:3px;background:#eef1f6;padding:3px;border-radius:8px}.dock-tabs button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:46px;font-size:11px;padding:6px 3px;border:0;background:transparent}.dock-tabs button[aria-pressed=true]{background:#fff;color:#305be7;box-shadow:0 1px 4px #20283712}.palette-caption{font-size:12px;font-weight:600;text-align:center;overflow-wrap:anywhere}.glass-scope-label{font-size:10px;margin:0;color:#657186}.glass-scope-label select{font-size:10px;padding:6px 3px;min-height:34px;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:6px;background:white}.palette-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.color-choice{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:57px;padding:5px 1px;background:transparent;border:1px solid transparent;border-radius:7px}.color-choice>span{display:block;width:28px;height:28px;border-radius:50%;border:1px solid #20304a25;box-shadow:inset 0 0 0 3px #ffffff50}.color-choice small{font-size:9px;line-height:1.3;overflow-wrap:anywhere}.color-choice.selected{background:#eef2ff;border-color:#b7c7fc;color:#234bc9}.palette-more{border:0;border-top:1px solid var(--line);border-radius:0;background:white;font-size:11px;padding:12px 1px 0}.canvas-node-tool,.outline-handle{opacity:0;pointer-events:none;cursor:pointer;transition:opacity .15s}.drawing:hover .canvas-node-tool,.drawing:focus-within .canvas-node-tool,.drawing:hover .outline-handle,.drawing:focus-within .outline-handle{opacity:1;pointer-events:auto}.canvas-node-tool:focus,.outline-handle:focus{opacity:1;pointer-events:auto;outline:none}.canvas-node-tool:focus circle:nth-child(2){stroke-width:3}.resource-section{padding:20px 0;border-top:1px solid var(--line)}.resource-section h3{font-size:15px;display:flex;gap:10px;margin:0 0 10px}.resource-section p{font-size:13px;line-height:1.7;color:#657186}.resource-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.resource-links a{font-size:12px;padding:13px;background:#f4f6fa;border:1px solid #e5e9f0;border-radius:7px;color:#244abe;text-decoration:none}.resource-status{margin-top:12px;font-size:11px;line-height:1.7;color:#6e6450;background:#faf6ec;padding:12px;border-radius:7px}#resourceDialog{width:min(650px,calc(100% - 28px));padding:24px;max-height:88dvh;overflow:auto}.boundary-actions{display:flex;gap:5px;align-items:center}.boundary-actions button{font-size:11px;background:white;border:1px solid var(--line);padding:7px 10px}.boundary-actions span{color:#69758a;font-size:11px;margin-right:4px}
@media(max-width:1100px){.canvas-stage{grid-template-columns:minmax(0,1fr)}.finish-dock{grid-row:3;grid-column:1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px;padding:12px}.dock-tabs{grid-column:1;grid-row:1}.palette-caption{grid-column:1;grid-row:2}.palette-colors{grid-column:2;grid-row:1/4;display:flex;overflow-x:auto;gap:5px;align-items:center}.color-choice{flex:0 0 64px;min-height:65px}.glass-scope-label{grid-column:1;grid-row:3}.palette-more{grid-column:2;grid-row:4;text-align:right;padding:6px}.header-actions span{display:none}}
@media(max-width:640px){.header-actions{position:absolute;right:14px;top:12px}.header-actions button{min-width:44px;min-height:44px}.canvas-header-actions{width:100%;gap:6px}.canvas-header-actions button,.unit-picker select,.shape-quick{min-height:44px}.unit-picker{font-size:11px}.canvas-context{gap:6px;padding:10px}.scope-control{width:100%}.scope-control select{flex:1;min-height:44px;font-size:14px}.canvas-context button{min-height:44px;flex:1 0 auto;font-size:12px}.canvas-stage .drawing{min-height:260px}.canvas-stage .drawing svg{min-height:260px;max-height:none}.finish-dock{padding:12px;grid-template-columns:100px minmax(0,1fr)}.color-choice{min-height:70px;flex-basis:65px}.color-choice small{font-size:10px}.color-choice>span{width:32px;height:32px}.glass-scope-label select{min-height:44px;font-size:11px}.palette-more{min-height:44px}.resource-links{grid-template-columns:1fr}.boundary-actions{width:100%;flex-wrap:wrap}.boundary-actions button{min-height:44px;flex:1}.canvas-bottom{flex-wrap:wrap;gap:9px}.canvas-tools button{min-height:44px;min-width:40px}}
@media(hover:none){.drawing.is-editing .canvas-node-tool,.drawing.is-editing .outline-handle{opacity:1;pointer-events:auto}.canvas-node-tool circle:first-child,.outline-handle circle:first-child{r:22}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.canvas-context{max-width:100%;color:var(--ink);white-space:normal}.canvas-context button{color:#35455f}.canvas-context button:hover{background:#e7edfc;color:#244bc7}.canvas-context button span{display:inline;margin:0}.finish-dock{box-sizing:border-box}.canvas-stage{grid-template-rows:auto 1fr}.canvas-context[hidden]+.drawing{grid-row:2}
.tree-divider,.pane-radius,.pane-move{opacity:0;pointer-events:none;touch-action:none}.tree-divider{cursor:grab}.pane-radius{cursor:ew-resize}.pane-move{cursor:grab}.drawing:hover .tree-divider,.drawing:hover .pane-radius,.drawing:hover .pane-move,.drawing:focus-within .tree-divider,.drawing:focus-within .pane-radius,.drawing:focus-within .pane-move{opacity:1;pointer-events:auto}.drop-target .panel-hit{stroke:#305be7!important;stroke-width:5!important;fill:#305be718!important}.support-dialog{max-width:460px;padding:28px}.support-dialog p{line-height:1.7;color:#596679}.support-payment{margin:20px 0;font-size:13px}.support-paypal{display:inline-block;padding:12px 18px;border:1px solid #305be7;border-radius:8px;color:#244bc7;text-decoration:none}.support-dialog button{min-height:44px}@media(hover:none){.drawing.is-editing .tree-divider,.drawing.is-editing .pane-radius,.drawing.is-editing .pane-move{opacity:1;pointer-events:auto}}

.pane-delete{opacity:0;pointer-events:none;cursor:pointer;touch-action:manipulation}.drawing:hover .pane-delete,.drawing:focus-within .pane-delete{opacity:1;pointer-events:auto}.pane-delete:focus-visible>rect:nth-of-type(2){stroke-width:3}@media(hover:none){.drawing.is-editing .pane-delete{opacity:1;pointer-events:auto}}