.mr-theme .canvas-shell{max-width:1500px;color:var(--mr-text)}
.mr-theme .studio-crumb{margin:0 0 6px}.mr-theme .canvas-soon-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.eyebrow{font-size:11px;letter-spacing:.11em;font-weight:700;color:var(--mr-accent-text)!important}
.canvas-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:10px;background:var(--mr-surface);border:1px solid var(--mr-border);border-radius:14px;margin-bottom:18px}.canvas-toolbar label{color:var(--mr-text-2);font-size:13px}.canvas-toolbar select{min-height:44px;padding:0 12px;border:1px solid var(--mr-field-border);border-radius:var(--mr-radius-md);background:var(--mr-field-bg);color:var(--mr-text);font:400 14px var(--mr-font)}.canvas-toolbar output{min-width:42px;text-align:center;color:var(--mr-text-2)}.toolbar-divider{height:26px;border-left:1px solid var(--mr-border);margin:0 4px}.toolbar-spacer{flex:1}.canvas-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.canvas-editor-panel,.canvas-side-panel>section,.ai-menu{background:var(--mr-surface);border:1px solid var(--mr-border);border-radius:16px;padding:18px}.canvas-editor-panel>header{display:flex;justify-content:space-between;align-items:start;gap:16px}.canvas-editor-panel h2,.canvas-side-panel h2{margin:0 0 8px;font-size:18px}.canvas-editor-panel header p,.panel-help{font-size:13px;color:var(--mr-text-2);margin:4px 0}.canvas-artboard-wrap{min-height:440px;margin:16px auto;display:flex;justify-content:center;align-items:center;overflow:auto;background:var(--mr-bg);border-radius:12px;padding:20px}.canvas-artboard{width:min(100%,680px);aspect-ratio:1;overflow:visible}.canvas-artboard svg{width:100%;height:100%;transform-origin:center;touch-action:none}.canvas-artboard svg text,.canvas-artboard foreignObject{pointer-events:none}.layer-hit{cursor:move}.layer-hit:focus{stroke:#ffd66e!important;stroke-width:5}.layer-hit.is-selected{stroke:#77d5ff}.safe-zone{opacity:.7;pointer-events:none}.format-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.format-card{display:flex;flex-direction:column;gap:10px;text-align:left;padding:12px;border:1px solid var(--mr-border);border-radius:12px;background:var(--mr-bg);color:var(--mr-text);cursor:pointer}.format-card:focus-visible,.layer-list button:focus-visible{outline:3px solid var(--mr-accent);outline-offset:2px}.format-card svg{width:100%;max-height:240px;object-fit:contain}.format-card span{font-size:13px;font-weight:700}.canvas-side-panel{display:grid;gap:14px}.layer-list{list-style:none;padding:0;margin:10px 0 0}.layer-list li{display:flex;gap:4px;align-items:center;border-top:1px solid var(--mr-border);padding:6px 0}.layer-list li>button{flex:1;text-align:left;border:0;background:none;color:var(--mr-text);padding:8px 4px;overflow:hidden;text-overflow:ellipsis}.layer-actions{display:flex}.layer-actions button{min-width:34px;min-height:36px;background:var(--mr-bg);border:1px solid var(--mr-border);color:var(--mr-text);border-radius:8px}.selected-controls{display:grid;gap:8px}.selected-controls label{font-weight:650;font-size:13px}.selected-controls textarea{resize:vertical;min-height:70px;padding:10px;border-radius:9px;border:1px solid var(--mr-border);background:var(--mr-bg);color:var(--mr-text);font:inherit}.selected-controls input{width:100%;accent-color:var(--mr-accent)}.ai-menu summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-weight:700}.ai-menu>p{font-size:13px;color:var(--mr-text-2)}.ai-actions{display:grid;gap:8px}.ai-actions button{width:100%}.credit-visibility{padding:10px;border-radius:10px;background:var(--mr-accent-soft);color:var(--mr-accent-text)!important}
@media(max-width:850px){.canvas-workspace{grid-template-columns:1fr}.canvas-side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-menu{grid-column:1/-1}.canvas-artboard-wrap{min-height:320px}.canvas-artboard{width:min(100%,500px)}}
@media(max-width:600px){.canvas-shell{padding:20px 14px 130px}.canvas-heading{align-items:flex-start;flex-direction:column}.canvas-heading h1{font-size:26px}.canvas-toolbar{flex-wrap:wrap}.toolbar-spacer{display:none}.canvas-toolbar .btn{font-size:12px;padding:8px}.canvas-workspace{grid-template-columns:minmax(0,1fr)}.canvas-editor-panel{padding:12px}.canvas-editor-panel>header{display:block}.canvas-artboard-wrap{min-height:250px;padding:8px}.format-previews{grid-template-columns:1fr 1fr}.canvas-side-panel{grid-template-columns:1fr}.ai-menu{grid-column:auto}}
@media(min-width:601px) and (max-width:1023px){.canvas-shell,.canvas-toolbar,.canvas-workspace,.canvas-editor-panel{min-width:0;max-width:100%}.canvas-toolbar{flex-wrap:wrap}.canvas-toolbar .btn{flex:1 1 140px;min-width:0;white-space:normal}.canvas-toolbar .toolbar-spacer{display:none}.canvas-artboard-wrap{min-width:0;max-width:100%;overflow-x:auto}.canvas-artboard{min-width:0;overflow:hidden}}
.resize-handle{fill:#77d5ff;stroke:#10253d;stroke-width:3;vector-effect:non-scaling-stroke;cursor:nwse-resize}.resize-handle:focus{stroke:#ffd66e;stroke-width:5}