/* Scoped studio chrome; artwork/export styles and admin screens are unchanged. */
.object-resize-box { position:absolute; outline:1px solid #2679ed; pointer-events:none; transform-origin:center; z-index:2147482999; }
.object-resize-box .object-resize-handle { position:absolute; display:block; width:14px; height:14px; min-width:0; padding:0; border:2px solid #2679ed; border-radius:50%; background:#fff; pointer-events:auto; touch-action:none; transform:translate(-50%,-50%); box-shadow:0 0 0 1px #fff8; }
.object-resize-handle.nw { left:0; top:0; cursor:nwse-resize; }
.object-resize-handle.ne { left:100%; top:0; cursor:nesw-resize; }
.object-resize-handle.sw { left:0; top:100%; cursor:nesw-resize; }
.object-resize-handle.se { left:100%; top:100%; cursor:nwse-resize; }
.studio-ready { --studio-line:#d8dbe0; --studio-blue:#3468d4; background:#eef0f3; }
.studio-ready .topbar { height:48px; padding:0 18px; gap:22px; background:#24262b; position:relative; }
.studio-ready .brand { gap:8px; flex-shrink:0; }
.studio-ready .brand .mark { width:26px; height:26px; font-size:16px; }
.studio-ready .brand .name { font-size:17px; }
.studio-ready .brand .name small { display:none; }
.studio-app-name { margin-right:auto; font-size:10px; letter-spacing:.2em; color:#b6bdc9; }
.studio-site-menu { position:relative; font-size:12px; }
.studio-site-menu > summary { cursor:pointer; padding:8px 12px; border:1px solid #525762; border-radius:5px; color:#f3f5f8; }
.studio-ready .studio-site-menu .topbar-right { position:absolute; top:39px; right:0; width:260px; max-height:80vh; overflow:auto; padding:12px; background:#2a2d33; border:1px solid #555b66; box-shadow:0 12px 32px #0005; border-radius:6px; z-index:100; display:flex; align-items:stretch; flex-direction:column; gap:5px; }
.studio-ready .studio-site-menu .topbar-right .link-btn { width:100%; padding:9px 10px; text-align:left; font-size:12px; border:0; box-shadow:none; background:none; color:#fff!important; opacity:1; text-decoration:none!important; border-radius:4px; }
.studio-ready .studio-site-menu .topbar-right .link-btn:hover { background:#414753; transform:none; }
.studio-ready .studio-site-menu .link-btn::before { display:none; }
.studio-ready .studio-site-menu .lang-switch { padding:8px 10px; }
.studio-ready #user-view { max-width:none; padding:0; }
.studio-ready #user-view > .tool-switch { display:none; }
.studio-ready #user-view > .page-head { display:flex; align-items:center; gap:14px; height:42px; margin:0; padding:0 18px; background:#fff; border-bottom:1px solid var(--studio-line); }
.studio-ready #user-view > .page-head .eyebrow,.studio-ready #user-view > .page-head > p { display:none; }
.studio-ready #user-view > .page-head h1 { font-family:inherit; font-size:13px; font-weight:800; margin:0; line-height:1.4; }
.studio-heading-hint { font-size:11px; color:#77808e; }
.studio-ready #library-status:not([hidden]) { margin:0!important; padding:6px 18px!important; font-size:11px!important; border:0!important; border-radius:0!important; }
.studio-ready #editor { grid-template-columns:54px minmax(0,1fr) 300px; grid-template-rows:50px minmax(0,1fr); gap:0; align-items:stretch; height:calc(100dvh - 90px); min-height:590px; border-bottom:1px solid var(--studio-line); background:#f6f7f9; }
.studio-command { grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:6px 12px; border-bottom:1px solid var(--studio-line); background:#f7f8fa; min-width:0; }
.studio-command-left { display:flex; align-items:center; gap:18px; min-width:0; }
.studio-ready .studio-command .history-toolbar,.studio-ready .studio-command .align-toolbar { margin:0; padding:0; border:0; border-radius:0; background:none; display:flex; align-items:center; gap:5px; flex-wrap:nowrap; }
.studio-ready .studio-command .align-toolbar { padding-left:18px; border-left:1px solid var(--studio-line); }
.studio-ready .studio-command .history-toolbar button,.studio-ready .studio-command .align-toolbar button { height:30px; min-width:30px; padding:0 8px; border:1px solid #d6dbe3; background:#fff; border-radius:4px; color:#363d49; font-size:12px; }
.studio-ready .studio-command button:disabled { opacity:.4; cursor:default; }
.studio-command .align-toolbar > span,.studio-command .align-toolbar > strong { font-size:11px; color:#68717f; margin-right:4px; white-space:nowrap; }
.studio-ready .studio-export { display:flex!important; flex:none!important; min-width:0!important; gap:0!important; }
.studio-ready .studio-export #dl-format { height:32px!important; font-size:11px!important; border:1px solid #b9c0cc!important; border-right:0!important; padding:0 8px!important; border-radius:4px 0 0 4px!important; max-width:150px; }
.studio-ready .studio-export #download { height:32px; padding:0 16px; font-size:12px; border:1px solid #3468d4; background:#3468d4; color:white; border-radius:0 4px 4px 0!important; white-space:nowrap; }
.studio-ready .studio-export #download:hover { background:#2855b6; }
.studio-rail { grid-column:1; grid-row:2; display:flex; flex-direction:column; align-items:center; gap:4px; padding:9px 6px; background:#f5f6f8; border-right:1px solid var(--studio-line); overflow:auto; }
.studio-tool { flex-shrink:0; width:38px; height:38px; display:grid; place-items:center; border:1px solid transparent; border-radius:5px; color:#4a5260; position:relative; }
.studio-tool svg { width:21px; height:21px; pointer-events:none; }
.studio-tool:hover { background:#e5e9ef; border-color:#cbd1db; }
.studio-tool.active { background:#e2ebfc; border-color:#b8cbef; color:#285dbf; }
.studio-rail hr { width:24px; border:0; border-top:1px solid var(--studio-line); margin:5px 0; flex-shrink:0; }
.studio-workspace { grid-column:2; grid-row:2; min-width:0; min-height:0; display:flex; flex-direction:column; background:#555a63; }
.studio-ready .studio-document { flex-shrink:0; min-height:36px; margin:0; padding:7px 14px; background:#3e424a; border-bottom:1px solid #30343b; color:#f2f3f7; font-size:11px; letter-spacing:0; }
.studio-ready .studio-document > span:last-child { gap:8px!important; }
.studio-ready .studio-document #combo-tag { font-size:10px; background:#505560; border:0; color:#d9e0ec; padding:2px 7px; max-width:180px; overflow:hidden; text-overflow:ellipsis; }
.studio-ready .studio-document #combo-tag + span { font-size:10px!important; font-weight:400!important; background:none!important; border:0!important; padding:0!important; color:#c6ccd6!important; }
.studio-ready .studio-document #ratio-select { height:26px!important; font-size:10px!important; max-width:170px; }
.studio-ready #canvas-stage { flex:1; min-height:0!important; max-height:none!important; height:auto!important; width:100%; padding:40px!important; border:0!important; border-radius:0!important; background:#555a63!important; box-shadow:inset 0 2px 6px #0002; align-items:safe center!important; justify-content:safe center!important; overflow:auto; scrollbar-color:#939aa5 #444952; }
.studio-ready #canvas-box { flex-shrink:0; box-shadow:0 4px 24px #0006; }
.studio-ready .canvas-frame { border:0; border-radius:0; }
.studio-ready .studio-zoom { flex-shrink:0; min-height:36px; padding:4px 12px; gap:7px!important; margin:0!important; flex-wrap:nowrap!important; background:#f0f2f5; border-top:1px solid #cdd2db; }
.studio-ready .studio-zoom #zoom-range { width:110px!important; min-width:60px; accent-color:#3468d4!important; }
.studio-ready .studio-zoom > span:last-child { margin-left:auto; font-size:10px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.studio-ready .studio-zoom button { height:26px!important; border-color:#c7ced9!important; border-radius:3px!important; }
.studio-ready .studio-inspector { grid-column:3; grid-row:2; min-width:0; min-height:0; padding:0; border:0; border-left:1px solid var(--studio-line); border-radius:0; background:#fafbfc; display:flex; flex-direction:column; overflow:hidden; }
.studio-tabs { display:flex; flex-shrink:0; height:37px; background:#eef0f4; border-bottom:1px solid var(--studio-line); }
.studio-tab { flex:1; color:#737b88; font-size:12px; font-weight:700; border-bottom:2px solid transparent; }
.studio-tab[aria-selected=true] { background:#fafbfc; color:#285dbf; border-bottom-color:#3468d4; }
.studio-pane { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:14px; }
.studio-pane[hidden] { display:none!important; }
.studio-selection { font-size:11px; font-weight:700; color:#6b7584; padding:0 0 14px; }
.studio-property-group { margin:0 -14px; padding:0 14px 14px; border-bottom:1px solid #e1e5ec; }
.studio-property-group + .studio-property-group { padding-top:0; }
.studio-property-group:not([open]) { padding-bottom:0; }
.studio-property-group > summary { cursor:pointer; font-weight:800; font-size:12px; padding:14px 0; color:#343c48; }
.studio-note { font-size:11px; color:#6f7988; line-height:1.75; margin-bottom:14px; }
.studio-ready .studio-inspector h3 { font-size:13px; margin:0 0 12px; }
.studio-ready .studio-inspector .slot-list,.studio-ready .studio-inspector .image-list { margin:0 0 10px; }
.studio-ready .studio-inspector .slot,.studio-ready .studio-inspector .image-item { border-color:#d6dce5; border-radius:4px; background:white; }
.studio-ready .studio-inspector .slot.active,.studio-ready .studio-inspector .image-item.active { border-color:#7da1e8; background:#edf3ff; }
.studio-ready .studio-inspector .add-slot { border:1px dashed #afbacb; border-radius:4px; padding:9px; font-size:11px; color:#425671; background:#fff; }
.studio-ready .studio-inspector .ctrl { margin-top:12px; }
.studio-ready .studio-inspector .ctrl input,.studio-ready .studio-inspector .ctrl select { border-color:#cbd2de; border-radius:3px; }
.studio-ready .studio-inspector .ctrl-inline > input { min-width:0; }
.studio-ready .studio-inspector .ctrl-inline > input[type=color] { flex-shrink:0; }
.studio-ready .studio-inspector input[type=range] { accent-color:#3468d4; }
.studio-ready .studio-inspector .shape-buttons { gap:5px; }
.studio-ready .studio-inspector .shape-buttons button { border-color:#ccd3df; height:34px; }
.studio-ready .studio-inspector #bg-toolbar { flex-direction:column; align-items:stretch; gap:12px; margin:0; padding:0; background:none; border:0; color:#6f7988; font-size:11px; font-weight:400; }
.studio-ready .studio-inspector #bg-toolbar > span:first-child { display:none; }
.studio-ready .studio-inspector #bg-toolbar button { background:#fff; border-color:#bdcbe3; font-size:10px; }
.studio-ready .studio-inspector #bg-strip { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 14px; max-height:none; overflow:visible; }
.studio-ready .studio-inspector .bg-chip { width:100%; height:64px; background-size:contain; background-repeat:no-repeat; background-position:center; background-color:#fff; border:1px solid #d7dde6; border-radius:4px; }
.studio-ready .studio-inspector .bg-chip.active { border:2px solid #3468d4; box-shadow:0 0 0 2px #c8d8f7; }
.studio-ready .studio-inspector #shuffle,.studio-ready .studio-inspector #grid-toggle { display:flex; justify-content:center; width:100%; font-size:11px; padding:8px; margin-top:8px; border:1px solid #c4ccda; background:#fff; border-radius:4px; }
.studio-ready .studio-inspector .layer-row { border-color:#d6dce5; background:#fff; border-radius:4px; }
.studio-ready .studio-inspector .layer-row.active { border-color:#7da1e8; background:#edf3ff; }
.studio-ready .studio-inspector .layer-help { color:#6f7988; font-size:11px; }
.studio-dimensions { gap:6px!important; }
.studio-ready .studio-combinations { margin:0!important; padding:24px; background:#fafbfc; scroll-margin-top:16px; }
.studio-combos-close { float:right; padding:6px 10px; margin:0 0 12px 16px; border:1px solid #bbc7d8; border-radius:4px; font-size:11px; }
.studio-combinations > .bench-label { flex-wrap:wrap; }
.studio-guide { margin:0; background:var(--paper); border-bottom:1px solid var(--studio-line); }
.studio-guide > summary { padding:17px 24px; cursor:pointer; color:#626b78; font-size:12px; font-weight:700; }
.studio-ready .studio-guide .seo-guide { max-width:1400px; margin:0 auto; padding:28px; border-top:1px solid var(--studio-line); }
.studio-ready button:focus-visible,.studio-ready summary:focus-visible,.studio-ready .bg-chip:focus-visible { outline:2px solid #3776e8; outline-offset:2px; }
.multi-controls { flex-shrink:0; padding:10px 12px; display:flex; align-items:center; gap:6px; flex-wrap:wrap; background:#f1f5fb; border-bottom:1px solid #d9e2ef; }
.multi-controls > span { width:100%; font-size:12px; font-weight:800; color:#285dbf; }
.multi-controls button { background:white; padding:5px 9px; border:1px solid #c2cfe2; border-radius:4px; font-size:11px; color:#334d73; }
.multi-controls button:disabled { opacity:.4; cursor:default; }
.multi-controls p { width:100%; font-size:10px; line-height:1.6; color:#62748b; margin:1px 0 0; }
.marquee-box { position:fixed; pointer-events:none; z-index:2147483646; border:1px solid #3776e8; background:#3776e827; }
#canvas-stage { touch-action:none; }
#canvas-stage.marquee-mode,#canvas-stage.marquee-mode * { cursor:crosshair!important; }
#marquee-tool[aria-pressed=true] { background:#e2ebfc; color:#285dbf; border-color:#91b0ea; }
#canvas .multi-picked { outline:2px solid #3776e8; outline-offset:2px; }
#canvas.has-multi-selection .shape-resize,#canvas.has-multi-selection .bg-selection { display:none!important; }
.multi-group-box { position:absolute; pointer-events:none; border:1px dashed #286bdd; z-index:2147483000; }
.multi-group-grip { position:absolute; left:0; top:0; max-width:100%; pointer-events:auto; cursor:move; touch-action:none; padding:3px 6px; color:#fff; background:#286bdd; font:600 11px/1.5 sans-serif; white-space:nowrap; }
.multi-layer-picked { border-color:#6493ec!important; background:#edf3ff!important; }
@media(min-width:1600px) {
  .studio-ready #editor { grid-template-columns:58px minmax(0,1fr) 330px; }
}
@media(max-width:1100px) {
  .studio-ready #editor { grid-template-columns:48px minmax(0,1fr) 276px; }
  .studio-command-left { gap:10px; }
  .studio-command .align-toolbar > span,.studio-command .align-toolbar > strong { display:none; }
  .studio-ready .studio-command .align-toolbar { padding-left:10px; }
  .studio-ready .studio-zoom > span:last-child { display:none; }
  .studio-ready .studio-document #combo-tag + span { display:none; }
  .studio-rail { padding:8px 4px; }
}
@media(max-width:760px) {
  .studio-ready .topbar { padding:0 12px; gap:10px; }
  .studio-app-name,.studio-heading-hint { display:none; }
  .studio-ready #user-view > .page-head { padding:0 12px; height:38px; }
  .studio-ready #editor { height:auto; min-height:0; grid-template-columns:44px minmax(0,1fr); grid-template-rows:auto minmax(420px,65dvh) auto; }
  .studio-command { padding:8px; flex-wrap:wrap; gap:8px; }
  .studio-command-left { flex:1; justify-content:space-between; flex-wrap:wrap; gap:8px; }
  .studio-ready .studio-command .align-toolbar { padding:0; border:0; }
  .studio-ready .studio-command .align-toolbar button { min-width:27px; width:27px; padding:0; }
  .studio-ready .studio-export { margin-left:auto; }
  .studio-rail { grid-row:2; padding:6px 3px; gap:3px; }
  .studio-tool { width:34px; height:34px; }
  .studio-ready .studio-inspector { grid-row:3; grid-column:1 / -1; height:410px; border:0; border-top:1px solid var(--studio-line); }
  .studio-ready .studio-document { padding:6px 10px; font-size:10px; flex-wrap:wrap; }
  .studio-ready .studio-document #combo-tag { max-width:110px; }
  .studio-ready .studio-zoom { padding:5px; gap:4px!important; }
  .studio-ready .studio-zoom > span:first-child { display:none; }
  .studio-ready .studio-zoom #zoom-range { width:70px!important; }
  .studio-ready #canvas-stage { padding:40px!important; }
  .studio-ready .studio-inspector #bg-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .studio-site-menu > summary { padding:6px 9px; }
}