/* Full-window authoring workspace. Report pixels and exported SVG are untouched. */
html body.figma-integrated.professional-studio[data-workspace=reportImagePanel]:not(.friendly-home):has(#reportImagePanel.rs-ready) {overflow:hidden!important;background:#e6e9ed!important}
html body.figma-integrated.professional-studio[data-workspace=reportImagePanel]:not(.friendly-home):has(#reportImagePanel.rs-ready) #figmaShell {display:none!important}
html body.figma-integrated.professional-studio[data-workspace=reportImagePanel]:not(.friendly-home):has(#reportImagePanel.rs-ready) .app {width:100%!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;max-width:none!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready.show {height:100%;gap:0!important;border:0!important;border-radius:0!important;background:#fff}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-commandbar {display:flex;align-items:center;gap:12px;min-height:48px;max-height:48px;flex:none;padding:6px 12px;box-sizing:border-box;border-bottom:1px solid #dce2e8;background:#fff;z-index:12}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-commandbar .ri-heading {display:flex!important;flex:none;min-height:0!important;margin:0!important;padding:0!important;width:auto}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-heading h2 {font-size:16px!important;margin:0!important;white-space:nowrap;letter-spacing:-.4px}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-home {flex:none;border:1px solid #dce2e8;border-radius:5px;background:#fff;color:#3c4e5f;width:30px;height:30px;padding:0!important;min-height:30px!important;font-size:18px;cursor:pointer}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .re-toolbar {display:flex;align-items:center;gap:5px;flex:1;flex-wrap:nowrap;margin:0;padding:0!important;overflow:visible;border:0;min-width:0;background:none}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .re-toolbar :is(button,select),
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-export :is(button,select) {font-size:11px!important;min-height:30px!important;max-height:32px;padding:5px 8px!important;border-radius:5px!important;white-space:nowrap;box-sizing:border-box;line-height:1.3}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .re-toolbar [data-re=undo],
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .re-toolbar [data-re=redo] {font-size:20px!important;width:31px;padding:0!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .re-toolbar #psCanvasFocus {margin-left:auto}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-export {display:flex;gap:7px;flex:none;align-items:center;padding:0!important;border:0!important;background:none!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-export label {display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-export select {max-width:135px}
.rs-file-menu {position:relative;font-size:11px;flex:none}
.rs-file-menu>summary {list-style:none;border:1px solid #dce2e8;border-radius:5px;cursor:pointer;padding:6px 9px;line-height:16px;color:#435466;background:#fff}
.rs-file-menu>summary::after {content:' ▾';font-size:9px}
.rs-file-actions {display:grid;position:absolute;top:calc(100% + 6px);left:0;gap:4px;min-width:170px;background:white;border:1px solid #dce2e8;border-radius:7px;padding:7px;box-shadow:0 8px 30px #15273826;z-index:30}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-file-actions button {text-align:left;width:100%}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-workspace {display:grid!important;grid-template-columns:58px 264px minmax(0,1fr) 246px!important;grid-template-rows:auto minmax(0,1fr)!important;flex:1;min-height:0;gap:0!important;border:0!important;border-radius:0!important;overflow:hidden}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rw-topbar {grid-column:1/-1;grid-row:1;padding:0!important;gap:0;display:flex;align-items:center;flex-wrap:wrap;max-height:none!important;overflow:visible;border-bottom:1px solid #dce2e8;background:#f8fafb;z-index:8}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context {display:flex;align-items:center;flex:1 0 100%;width:100%;min-width:0;gap:8px;border:0;margin:0;padding:6px 12px;min-height:44px;box-sizing:border-box;background:#f8fafb;overflow-x:auto}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context-name {display:block;flex:0 1 240px;max-width:240px;min-width:110px;font-size:11px;color:#263e46;font-weight:600;padding-right:14px;border-right:1px solid #dce2e8;line-height:28px}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context :is(input,select,button) {font-size:11px!important;min-height:29px!important;max-height:31px;border-radius:4px!important;padding:4px 7px!important;line-height:1.3}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context input[type=color] {width:34px;padding:3px!important;cursor:pointer}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context input[type=number] {width:53px}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context button {display:block;min-width:0;white-space:nowrap}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-inline-edit {padding:6px 12px;margin:0;flex:1 0 100%;box-sizing:border-box;background:#edf5f1}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-toolrail {grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:8px;overflow-y:auto;background:#f4f6f8;border-right:1px solid #dce2e8;padding:8px 4px;min-height:0;height:100%;box-sizing:border-box}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-modes {display:grid;gap:4px;border-bottom:1px solid #dce2e8;padding-bottom:8px}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-modes button {width:100%;background:transparent;border:1px solid transparent;border-radius:5px;min-height:34px!important;font-size:21px!important;color:#4a5e6b;padding:4px!important;cursor:pointer}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-modes button[aria-pressed=true] {background:#e2eee9;border-color:#bad8cb;color:#14795e}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-sections {display:flex;flex-direction:column;gap:5px;margin:0}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-sections button {display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px!important;padding:8px 2px!important;border-radius:5px!important;min-height:48px!important;color:#536473!important;background:transparent!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-sections button[aria-pressed=true] {background:#e2eee9!important;color:#14795e!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-tool-symbol {font-size:19px;line-height:22px;font-family:Arial,sans-serif}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-editor {display:block;grid-column:2;grid-row:2;min-height:0;min-width:0;height:100%;max-height:none;overflow:auto;padding:0 14px 20px!important;border-right:1px solid #dce2e8;background:#fff;scroll-padding-top:100px}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-dock-title {position:sticky;top:0;background:#fff;z-index:5;padding:13px 0 9px;border-bottom:1px solid #e4e9ed;line-height:1.5}
.rs-dock-title strong {display:block;font-size:12px;color:#314654}
.rs-dock-title>span {display:block;font-size:10px;color:#7a8992;margin-top:3px}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-source-jump {position:static;top:auto;padding:9px 0;background:#fff;z-index:auto}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-editor :is(input,select,textarea) {font-size:11px!important;line-height:1.5;border-radius:5px!important;padding:7px 8px!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-editor label {font-size:11px!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-editor .ri-help {font-size:10px!important;line-height:1.65}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-output {grid-column:3;grid-row:2;display:flex;flex-direction:column;height:100%;min-height:0;background:#e5e8eb!important;overflow:hidden}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready #riPreview {background-color:#e5e8eb!important;background-image:none!important;padding:28px!important;overflow:auto!important;min-height:0!important;scrollbar-gutter:stable}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready #riPreview svg {box-shadow:0 5px 20px #142a3b26;border-radius:0;margin:0 auto}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .re-inspector {grid-column:4;grid-row:2;display:block;height:100%;min-height:0;max-height:none;min-width:0;overflow:auto;position:static;padding:0 12px 16px!important;background:#fff;border-left:1px solid #dce2e8}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-layers {padding:0 0 14px;border:0;border-bottom:1px solid #e4e9ed;border-radius:0;background:#fff;margin:0 0 12px}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-layers summary {position:sticky;top:0;z-index:3;background:#fff;padding:14px 0 11px;list-style:none;font-size:12px;color:#314654}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-layers summary::after {content:' ▾';color:#7a8992}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-layers input {width:100%;box-sizing:border-box;padding:7px 8px;font-size:11px;border:1px solid #dce2e8;border-radius:5px;margin:0 0 9px}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-layer-list {max-height:270px;gap:2px}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-layer-list button {padding:8px!important;font-size:10px!important;border-radius:4px!important;background:#f6f8fa!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-layer-list button[aria-pressed=true] {color:#126b54!important;background:#e3f1ea!important;box-shadow:inset 2px 0 #19866d}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-properties>h3:first-child {font-size:12px!important;margin:10px 0!important;color:#314654!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-properties>h3:not(:first-child),
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-properties>.re-help:first-of-type {display:none}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-properties #reSelection {padding:8px;border:1px solid #dce2e8;background:#f6f8fa;border-radius:5px;color:#426475;font-size:10px;line-height:1.5}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-properties .re-fields {gap:9px;margin:12px 0;grid-template-columns:1fr 1fr}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-properties .re-fields label {font-size:10px;line-height:1.5}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-properties :is(input,select,button) {font-size:11px!important;padding:6px!important;min-height:29px;box-sizing:border-box;border-radius:4px!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-statusbar {display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:23px;box-sizing:border-box;padding:3px 12px;background:#f8fafb;color:#72828c;border-top:1px solid #dce2e8;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-statusbar span {overflow:hidden;text-overflow:ellipsis}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready.ps-canvas-focused .ri-workspace {grid-template-columns:58px minmax(0,1fr) 246px!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready.ps-canvas-focused .ri-editor {display:none!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready.ps-canvas-focused .ri-output {grid-column:2!important}
html body.figma-integrated.professional-studio #reportImagePanel.rs-ready.ps-canvas-focused .re-inspector {grid-column:3!important}
@media(max-width:1200px) and (min-width:1001px){
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-workspace {grid-template-columns:52px 230px minmax(0,1fr) 220px!important}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-commandbar {gap:7px;padding:6px 8px}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context-name {max-width:140px;flex-basis:140px}
}
@media(max-width:1000px){
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-commandbar {min-height:45px;max-height:45px;gap:8px}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .re-toolbar #psCanvasFocus {display:none}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-export label {font-size:0}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-heading h2 {font-size:13px!important}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-workspace,
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready.ps-canvas-focused .ri-workspace {grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-output {grid-column:2!important;grid-row:2!important}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready :is(.ri-editor,.re-inspector) {display:none!important}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready:is([data-report-pane=sources],[data-report-pane=properties]) .ri-workspace {grid-template-rows:auto minmax(60px,50fr) minmax(0,50fr)!important}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready[data-report-pane=sources] .ri-editor {display:block!important;grid-column:2!important;grid-row:3!important;border-top:1px solid #dce2e8}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready[data-report-pane=properties] .re-inspector {display:block!important;grid-column:2!important;grid-row:3!important;border-top:1px solid #dce2e8}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-toolrail {grid-row:2/-1}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rw-pane-tabs {display:flex;gap:0;border-bottom:1px solid #dce2e8;padding-left:48px}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rw-pane-tabs button {font-size:11px;min-height:29px!important;padding:5px;border:0;border-radius:0}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rw-pane-tabs button[aria-pressed=false] {background:#fff!important;color:#657784!important}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rw-pane-tabs button[aria-pressed=true] {background:#e3f1ea!important;color:#126b54!important;box-shadow:inset 0 -2px #19866d;font-weight:700}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context-name {min-width:94px;flex:0 0 94px;font-size:10px}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context {gap:5px;padding:5px 8px;min-height:40px}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context label {flex:none}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context select {max-width:100px}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-statusbar {font-size:9px}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-dock-title {position:static}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-editor {scroll-padding-top:0}
}
@media(max-width:650px){
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-commandbar {flex-wrap:wrap;min-height:76px;max-height:76px;gap:5px;padding:5px 8px}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-commandbar .re-toolbar {flex:1;justify-content:flex-end}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-export {width:100%;justify-content:flex-end;gap:6px}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-export #riPng {margin-left:auto}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-export label {display:none}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .re-toolbar #psCanvasZoom {max-width:75px}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context-name {min-width:82px;flex-basis:82px}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-statusbar #rsDocumentInfo {display:none}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready #riPreview {padding:14px!important}
}
@media(max-height:600px) and (max-width:1000px){
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-commandbar {min-height:40px;max-height:40px;flex-wrap:nowrap}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-commandbar .ri-heading {display:none!important}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .ri-export {width:auto;margin-left:auto}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rs-statusbar {display:none}
 html body.figma-integrated.professional-studio #reportImagePanel.rs-ready .rd-context {min-height:35px;padding-top:3px;padding-bottom:3px}
}
@media print {html body.figma-integrated.professional-studio #reportImagePanel.rs-ready :is(.rs-commandbar,.rs-statusbar,.rs-toolrail,.rs-optionsbar,.rw-pane-tabs){display:none!important}}