/* GlobiqNews new media workspaces only. Deliberately scoped: nothing in global header/footer/homepage. */
#gqNewStudio{--gq-blue:#315dff;--gq-ink:#112348;--gq-muted:#586786;--gq-edge:#dce5f4;max-width:1220px;margin:20px auto 36px;color:var(--gq-ink);font-family:Inter,'Segoe UI',Arial,sans-serif}
#gqNewStudio *{box-sizing:border-box}
#gqNewStudio .gq-workbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:14px}
#gqNewStudio .gq-label{display:inline-flex;align-items:center;gap:5px;background:#e9f2ff;color:#1944b8;border:1px solid #cce0ff;border-radius:99px;padding:7px 12px;font-weight:800;font-size:12px}
#gqNewStudio .gq-workgrid{display:grid;grid-template-columns:minmax(270px,335px) minmax(0,1fr);gap:18px;align-items:start}
#gqNewStudio .gq-panel,#gqNewStudio .gq-stage{border:1px solid var(--gq-edge);border-radius:21px;background:#fff;box-shadow:0 12px 38px #172c5510;overflow:hidden}
#gqNewStudio .gq-panel{padding:18px;display:grid;gap:14px}
#gqNewStudio .gq-panel h2,#gqNewStudio .gq-stage h2{font-size:17px;line-height:1.3;margin:0;letter-spacing:-.01em}
#gqNewStudio .gq-field{display:grid;gap:6px;min-width:0}
#gqNewStudio .gq-field label{font-size:12px;font-weight:800;color:#34456a}
#gqNewStudio .gq-field input:not([type='checkbox']),#gqNewStudio .gq-field select,#gqNewStudio .gq-field textarea{width:100%;min-width:0;padding:10px 11px;border-radius:10px;border:1px solid #cad8ea;background:#f9fbff;color:#172747;font:inherit;font-size:14px;box-shadow:none}
#gqNewStudio .gq-field input[type='file']{font-size:12px}
#gqNewStudio .gq-field input[type='range']{padding:5px 2px}
#gqNewStudio .gq-field input[type='color']{height:43px;padding:4px;cursor:pointer}
#gqNewStudio .gq-field small{font-size:11px;color:var(--gq-muted)}
#gqNewStudio .gq-field:focus-within label{color:#244ff1}
#gqNewStudio .gq-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#gqNewStudio .gq-options{display:grid;gap:12px;max-height:min(75vh,760px);overflow-y:auto;padding-right:2px}
#gqNewStudio .gq-stage{padding:16px}
#gqNewStudio .gq-stagehead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
#gqNewStudio .gq-info{font-size:12px;color:var(--gq-muted);font-weight:700}
#gqNewStudio .gq-preview{min-height:310px;background:radial-gradient(circle at 50% 10%,#e4edff,#eef2f8 65%);border:1px solid #dbe4f0;border-radius:15px;display:flex;justify-content:center;align-items:center;padding:14px;position:relative}
#gqNewStudio canvas{display:block;width:auto;height:auto;max-width:100%;max-height:560px;border-radius:7px;background:transparent;box-shadow:0 12px 38px #172d4c25}
#gqNewStudio .gq-actions{display:flex;flex-wrap:wrap;gap:9px;padding-top:14px}
#gqNewStudio button{border:1px solid #cbd9f2;background:#fff;border-radius:11px;padding:10px 13px;font:inherit;font-size:13px;font-weight:800;color:#274262;cursor:pointer;transition:transform .15s ease,background .15s ease}
#gqNewStudio button:hover{transform:translateY(-1px);background:#f2f7ff}
#gqNewStudio button.primary{background:linear-gradient(130deg,#2e5bff,#6449e5);border-color:#335df2;color:white}
#gqNewStudio button.primary:hover{background:linear-gradient(130deg,#1745e9,#5334ce)}
#gqNewStudio button:focus-visible{outline:3px solid #82afff;outline-offset:2px}
#gqNewStudio .gq-status{border-radius:11px;background:#edf5ff;border:1px solid #d4e5ff;font-size:13px;color:#25507d;padding:10px 12px;line-height:1.45;min-height:39px;margin-top:12px;word-break:break-word}
#gqNewStudio .gq-note{font-size:12px;line-height:1.65;color:var(--gq-muted);margin-top:12px}
#gqNewStudio .gq-sample{color:#7a8baa;text-align:center;font-size:17px}
#gqNewStudio .gq-color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#12b89c}
main.gnx-listings #gqExtraMedia{padding-top:24px;margin-top:23px;border-top:1px solid #d8e7fa}
main.gnx-listings #gqExtraMedia h2{margin:0 0 12px;font-size:23px;color:#192d57}
main.gnx-listings #gqExtraMedia .tool-card .i-box{font-size:34px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:850px){#gqNewStudio .gq-workgrid{grid-template-columns:minmax(0,1fr)}#gqNewStudio .gq-options{max-height:none}#gqNewStudio .gq-preview{min-height:250px}#gqNewStudio canvas{max-height:420px}}
@media(max-width:390px){#gqNewStudio .gq-panel,#gqNewStudio .gq-stage{padding:12px}#gqNewStudio .gq-preview{padding:9px;min-height:210px}#gqNewStudio .gq-actions button{flex:1 1 110px}}

/* Scoped V3 canvas-first override: affects seven #gqNewStudio work areas only. */
#gqNewStudio{max-width:none;width:100%;margin:8px auto 12px;font-size:13px}
#gqNewStudio .gq-workbar{margin:0 0 6px}
#gqNewStudio .gq-workgrid{display:flex;flex-direction:column;gap:5px;min-width:0}
#gqNewStudio .gq-stage{order:2;width:100%;padding:8px 10px;border-radius:12px}
#gqNewStudio .gq-panel{order:1;width:100%;padding:4px 8px;border-radius:10px;display:block;box-shadow:none}
#gqNewStudio .gq-panel h2,#gqNewStudio .gq-panel .gq-options{display:none}
#gqNewStudio .gq-panel.gq-settings-open .gq-options{display:flex;align-items:start;gap:9px;max-height:unset;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:6px 0 9px}
#gqNewStudio .gq-panel.gq-settings-open .gq-options>.gq-field{flex:0 0 152px}
#gqNewStudio .gq-settings-toggle{font-size:12px;padding:7px 10px}
#gqNewStudio .gq-free-toolbar{border:1px solid #dce6f8;background:linear-gradient(110deg,#fff,#f5f8ff);border-radius:14px;padding:6px;display:grid;gap:6px;box-shadow:0 4px 16px #092c6b0a;margin-bottom:6px}
#gqNewStudio .gq-main-buttons,#gqNewStudio .gq-props,#gqNewStudio .gq-flex-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:3px 0;min-width:0}
#gqNewStudio .gq-tool-button{white-space:nowrap;flex:0 0 auto;padding:8px 10px;font-size:12px;border-radius:8px}
#gqNewStudio .gq-tool-button.selected{background:#244ed7;color:white}
#gqNewStudio .gq-flex-row>label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#34456a;font-size:11px;font-weight:750;flex:0 0 auto}
#gqNewStudio .gq-flex-row input{max-width:85px;min-width:68px;border:1px solid #cbd9ef;border-radius:8px;padding:7px 8px;font-size:12px}
#gqNewStudio .gq-flex-row>button{white-space:nowrap;padding:7px 12px}
#gqNewStudio #gqLayerName{white-space:nowrap;color:#485b7b;font-size:11px;font-weight:700}
#gqNewStudio .gq-prop{display:grid;gap:2px;flex:0 0 auto;min-width:76px}
#gqNewStudio .gq-prop label{font-size:10px;color:#57698a;font-weight:700}
#gqNewStudio .gq-prop input{width:82px;border:1px solid #cbd9ef;padding:6px 8px;border-radius:8px;font:inherit;max-height:34px}
#gqNewStudio .gq-prop.gq-textprop input{width:220px}
#gqNewStudio .gq-prop input[type='color']{width:70px;padding:2px}
#gqNewStudio .gq-stagehead{margin-bottom:4px}
#gqNewStudio .gq-stagehead h2{font-size:13px}
#gqNewStudio .gq-preview{height:clamp(230px,61dvh,900px);min-height:0;padding:5px;background:radial-gradient(circle at 35% 10%,#f4f7ff,#e4ebf8);overflow:hidden;border-radius:10px}
#gqNewStudio .gq-preview canvas{max-height:100%;max-width:100%;height:auto;width:auto;border-radius:4px;touch-action:none;cursor:grab;box-shadow:0 4px 24px #263a6370}
#gqNewStudio .gq-actions{padding-top:6px;gap:6px;flex-wrap:nowrap;overflow-x:auto}
#gqNewStudio .gq-actions button{white-space:nowrap;flex:0 0 auto;padding:8px 11px}
#gqNewStudio .gq-status{margin-top:5px;padding:6px 10px;min-height:0;font-size:11px}
#gqNewStudio .gq-note{display:none}
#gqNewStudio:fullscreen,#gqNewStudio.gq-faux-fullscreen{position:fixed;inset:0;z-index:99999;padding:8px;background:#f0f5ff;margin:0;display:flex;flex-direction:column;overflow:hidden;max-width:none;width:100vw;height:100dvh}
#gqNewStudio:fullscreen .gq-workgrid,#gqNewStudio.gq-faux-fullscreen .gq-workgrid{flex:1;min-height:0}
#gqNewStudio:fullscreen .gq-stage,#gqNewStudio.gq-faux-fullscreen .gq-stage{flex:1;min-height:0;display:flex;flex-direction:column}
#gqNewStudio:fullscreen .gq-preview,#gqNewStudio.gq-faux-fullscreen .gq-preview{flex:1;min-height:0;height:auto}
@media(max-width:600px){
 #gqNewStudio .gq-workbar{display:none}
 #gqNewStudio .gq-free-toolbar{padding:4px;gap:3px;margin-bottom:3px;border-radius:9px}
 #gqNewStudio .gq-tool-button{padding:9px 9px;min-height:35px;font-size:11px}
 #gqNewStudio .gq-preview{height:clamp(220px,59dvh,680px)}
 #gqNewStudio .gq-stage{padding:5px;border-radius:8px}
 #gqNewStudio .gq-actions button{padding:9px 9px;font-size:11px}
 #gqNewStudio .gq-flex-row input{max-width:69px;min-width:53px}
 #gqNewStudio .gq-props .gq-prop{min-width:64px}
 #gqNewStudio .gq-prop input{width:72px}
 #gqNewStudio .gq-prop.gq-textprop input{width:145px}
}

#gqNewStudio .gq-prop.gq-fontprop input{width:160px}