/* Native workspace surfaces share the existing left rail / right content shell. */
body[data-workspace-view="home"] #componentRail,body[data-workspace-view="home"] #componentRailBubble{display:none!important}
body[data-workspace-view="home"]>.app{margin:0!important;padding:0!important;max-width:none}
body[data-workspace-view="home"]>.app>header,body[data-workspace-view="home"]>.app>footer,body[data-workspace-view="section"]>.app>header,body[data-workspace-view="section"]>.app>footer{display:none}
body[data-workspace-view="home"] #globalUndo,body[data-workspace-view="home"] #globalRedo,body[data-workspace-view="section"] #kernelChange,body[data-workspace-view="section"] #globalUndo,body[data-workspace-view="section"] #globalRedo{display:none!important}
body[data-workspace-view="home"] #pluginNotice{display:none!important}
/* The Design Panel uses the same heading as the section overview. */
body[data-workspace-panel-heading]>.app>header{display:none}
body[data-workspace-panel-heading]>.app{padding-top:calc(var(--studio-toolbar-height,72px) + 12px)}
#workspacePanelHeading{padding:24px 0 0;color:var(--ink)}
#workspacePanelHeading[hidden]{display:none!important}
.ws-section-heading .ws-heading-rename{display:inline;padding:0;margin:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;white-space:normal;box-shadow:none;cursor:pointer}
.ws-section-heading .ws-heading-rename:hover{text-decoration:underline;text-underline-offset:4px}
.ws-section-heading .ws-heading-rename:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
#workspaceDock{padding:24px 0 48px;min-height:70vh;position:relative;color:var(--ink)}
#workspaceDock[data-view="home"]{min-height:100svh;padding:100px 32px 64px;display:flex;align-items:center;justify-content:center;isolation:isolate;box-sizing:border-box}
.ws-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;opacity:.55}
.ws-home-content{width:100%;max-width:1440px;position:relative}.ws-home-heading{text-align:center;margin:0 auto 46px;max-width:800px}.ws-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:650;color:var(--muted);margin:0 0 16px}.ws-home-heading h1{font-size:clamp(26px,3vw,40px);line-height:1.4;font-weight:550;margin:0 0 12px;overflow-wrap:anywhere}.ws-home-intro{font-size:16px;color:var(--muted);margin:0}.ws-home-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;align-items:stretch}
#workspaceDock .ws-section-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;white-space:normal;min-width:0;min-height:258px;padding:24px 20px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:24px;background:color-mix(in srgb,var(--panel) 66%,transparent);backdrop-filter:blur(20px);color:var(--ink);box-shadow:0 8px 28px #18352d06;transition:transform .2s,border-color .2s,background .2s;cursor:pointer;font:inherit}
#workspaceDock .ws-section-card:hover:not(:disabled){transform:translateY(-6px);border-color:var(--accent);background:color-mix(in srgb,var(--panel) 88%,transparent)}#workspaceDock .ws-section-card:disabled{opacity:.5;cursor:default}.ws-section-card[data-workspace-section="resources"]{background:color-mix(in srgb,var(--panel2) 80%,transparent)!important}.ws-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.ws-card-top small{font-size:10px;letter-spacing:.12em;color:var(--muted)}.ws-card-icon svg{width:28px;height:28px;display:block;color:var(--accent)}#workspaceDock .ws-section-card h2{font-size:19px;line-height:1.55;font-weight:600;margin:0 0 12px;min-height:58px;letter-spacing:.02em}#workspaceDock .ws-section-card p{font-size:12px;line-height:1.8;margin:0 0 28px;color:var(--muted)}.ws-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px}.ws-card-foot svg{width:18px;height:18px;display:block}.ws-home-note{text-align:center;margin-top:30px!important;font-size:11px!important;letter-spacing:.13em}.ws-message{font-size:13px;color:var(--danger);min-height:1em}.ws-message:empty{display:none}
#workspaceHomeTab{flex:none!important;background:var(--panel2)}#workspaceHomeTab svg{width:25px;height:25px}.ws-section-heading{display:block;margin:8px 0 30px;padding:0}.ws-section-heading h1{font-size:30px;margin:0 0 10px}.ws-muted{font-size:13px;color:var(--muted);line-height:1.8}.ws-group{margin:28px 0}.ws-group h3{font-size:16px;font-weight:650;margin:0 0 8px}.ws-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:14px}
#workspaceDock .ws-tool,.ws-outline{display:flex;flex-direction:column;align-items:flex-start;text-align:left;white-space:normal;gap:9px;border:1px solid var(--line);border-radius:18px;padding:18px;color:var(--ink);background:color-mix(in srgb,var(--panel) 80%,transparent);font:inherit}#workspaceDock .ws-tool strong{font-size:14px}.ws-tool span,.ws-outline p{font-size:12px;line-height:1.8;color:var(--muted)}.ws-tool small,.ws-outline small{font-size:11px;color:var(--muted)}.ws-tool small{margin-top:auto}.ws-outline h4,.ws-outline p{margin:0}.ws-outline h4{font-size:14px}.ws-tool:disabled{opacity:.48;cursor:not-allowed}.ws-outcome{font-size:12px!important;padding:14px 18px;border-radius:14px;background:var(--panel2)}.ws-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);padding:10px 16px;border-radius:12px;background:var(--panel);color:var(--ink);font-size:13px;text-decoration:none;cursor:pointer}
.ws-documents input{width:min(100%,420px);padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;box-sizing:border-box}.ws-doc-list{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#workspaceDock .ws-doc{display:grid;grid-template-columns:40px 1fr;gap:5px 12px;padding:15px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);white-space:normal;font:inherit}.ws-doc strong{font-size:13px;line-height:1.5}.ws-doc span{grid-column:2;font-size:11px;color:var(--muted);line-height:1.7}.ws-doc-format{grid-row:span 2;align-self:center;font-size:10px;color:var(--accent)}.ws-document{width:min(1120px,94vw);height:90dvh;box-sizing:border-box;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink)}.ws-document::backdrop{background:#182f3866;backdrop-filter:blur(8px)}.ws-document header{display:flex;align-items:center;gap:12px;padding:0 0 16px}.ws-document strong{flex:1;font-size:15px}.ws-document iframe{width:100%;height:calc(100% - 60px);border:0;background:white}.ws-document pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 monospace}
#workspaceSectionBar{display:flex;align-items:center;gap:12px;margin:12px 0 20px;font-size:12px;color:var(--muted)}#workspaceSectionBar button{font-size:12px;padding:7px 11px;border-radius:10px}body[data-workspace-view="home"] #workspaceSectionBar,body.admin-view #workspaceSectionBar{display:none}.ws-rail-label{font-size:10px;text-align:center;color:var(--muted);padding:4px 0;letter-spacing:.08em}
#workspaceDock button:focus-visible,#workspaceHomeTab:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:1600px){.ws-home-grid{gap:20px}#workspaceDock .ws-section-card{padding:28px 24px;min-height:286px}}
@media(max-width:1100px){.ws-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px;margin:auto}#workspaceDock .ws-section-card{min-height:220px}.ws-card-top{margin-bottom:16px}#workspaceDock .ws-section-card h2{min-height:0}.ws-home-heading{margin-bottom:30px}}
@media(max-width:600px){#workspaceDock[data-view="home"]{padding:96px 18px 38px;align-items:flex-start}.ws-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#workspaceDock .ws-section-card{padding:18px 15px;border-radius:20px;min-height:238px}#workspaceDock .ws-section-card h2{font-size:17px;min-height:53px}.ws-card-top small{font-size:9px}.ws-card-icon svg{width:23px;height:23px}.ws-home-heading h1{font-size:25px}.ws-home-intro{font-size:13px}.ws-home-note{letter-spacing:0}.ws-doc-list{grid-template-columns:1fr}.ws-section-heading h1{font-size:24px}.ws-document{padding:14px}.ws-document header{flex-wrap:wrap}.ws-document strong{min-width:60%}}
@media(prefers-reduced-motion:reduce){#workspaceDock .ws-section-card{transition:none}#workspaceDock .ws-section-card:hover:not(:disabled){transform:none}}

.ws-home-heading{display:block!important}body[data-workspace-view="home"]{background-image:none!important}body[data-workspace-view="home"] #studioToolbar>#globalUndo,body[data-workspace-view="home"] #studioToolbar>#globalRedo,body[data-workspace-view="section"] #studioToolbar>#kernelChange,body[data-workspace-view="section"] #studioToolbar>#globalUndo,body[data-workspace-view="section"] #studioToolbar>#globalRedo{display:none!important}

html[data-rail-collapsed="true"] .ws-rail-label{display:none}

#workspaceDock[data-view=home]{background:var(--bg,#f5f7f6)}

/* Public tools stay beside the section title; the resource hub keeps its full rail. */
#workspaceSectionBar{position:relative;flex-wrap:wrap;gap:10px 16px;min-width:0}
#workspaceSectionName{min-width:0;line-height:1.6}
body[data-workspace-view=section]>.app{padding-top:calc(var(--studio-toolbar-height,72px) + 12px)}
.ws-shortcuts{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#workspaceSectionBar .ws-shortcut{position:relative;flex:none;display:grid;place-items:center;width:38px;height:38px;box-sizing:border-box;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);cursor:pointer;box-shadow:0 2px 7px #153c2c06}
#workspaceSectionBar .ws-shortcut svg{width:21px;height:21px;margin:0;display:block}
.ws-shortcuts .ws-shortcut-label{display:none}
#workspaceSectionBar .ws-shortcut:hover,#workspaceSectionBar .ws-shortcut[aria-pressed=true]{border-color:var(--accent);background:var(--panel2)}
#workspaceSectionBar .ws-shortcut:focus-visible,.ws-quick-chrome button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ws-shortcut[data-connection]::after{content:'';position:absolute;right:3px;bottom:3px;width:7px;height:7px;background:var(--muted);border:2px solid var(--panel);border-radius:50%}
.ws-shortcut[data-connection=connected]::after{background:#21845c}.ws-shortcut[data-connection=connecting]::after{background:#c79230}
#studioToolbar #feedNotification[data-unread=true][data-unread-count]:not([data-unread-count=""])::after{content:attr(data-unread-count);width:auto;min-width:13px;height:13px;padding:1px 3px;top:-5px;right:-5px;display:grid;place-items:center;border:2px solid var(--panel);border-radius:10px;color:white;font:9px/1 system-ui;background:#bd5149}
#workspaceShortcutMenu{position:absolute;right:0;top:calc(100% + 8px);z-index:300;width:min(280px,calc(100vw - 24px));padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 12px 36px #153c2c21;box-sizing:border-box}
#workspaceShortcutMenu .ws-shortcut{display:flex;width:100%;height:auto;min-height:44px;padding:10px 12px;gap:12px;justify-content:flex-start;border:0;box-shadow:none;font:inherit;font-size:13px;line-height:1.5;text-align:left}
#workspaceQuickReturn{max-width:100%;white-space:normal;text-align:left;color:var(--accent);background:var(--panel2);border:1px solid var(--line)}
.ws-shortcuts[hidden],#workspaceShortcutMenu[hidden],#workspaceQuickReturn[hidden],.ws-quick-chrome[hidden],.ws-quick-status[hidden],#workspaceSectionBar .ws-shortcut[hidden]{display:none!important}
/* The chrome and existing content form one drawer; iframe nodes stay in place. */
body[data-workspace-quick]{--ws-quick-width:min(var(--vuvu-drawer-width),calc(100vw - 2 * var(--vuvu-drawer-inset)));--ws-quick-right:var(--vuvu-drawer-inset);--ws-quick-top:var(--vuvu-drawer-inset)}
.ws-quick-chrome,.ws-quick-status,body .ws-quick-surface{position:fixed!important;right:var(--ws-quick-right);width:var(--ws-quick-width);max-width:none!important;box-sizing:border-box;margin:0!important;color:var(--vuvu-color-text);background:var(--vuvu-drawer-surface)!important;z-index:10001;border:1px solid var(--vuvu-drawer-line);box-shadow:0 24px 72px #17382e22}
.ws-quick-chrome{top:var(--ws-quick-top);height:var(--vuvu-drawer-header-height);border-radius:var(--vuvu-drawer-radius) var(--vuvu-drawer-radius) 0 0;z-index:10002;box-shadow:0 -4px 32px #17382e08}
.ws-quick-status,body .ws-quick-surface{top:calc(var(--ws-quick-top) + var(--vuvu-drawer-header-height) - 1px);bottom:var(--vuvu-drawer-inset);height:calc(100dvh - 2 * var(--vuvu-drawer-inset) - var(--vuvu-drawer-header-height) + 1px)!important;border-top:0;border-radius:0 0 var(--vuvu-drawer-radius) var(--vuvu-drawer-radius);overflow:auto;overscroll-behavior:contain}
.ws-quick-status{display:grid;place-items:center;font-size:13px;color:var(--vuvu-color-muted);line-height:1.8}
body .plugin-card.ws-quick-surface{padding:0!important;overflow:hidden!important;background:var(--vuvu-drawer-surface)!important;backdrop-filter:none!important}
body .ws-quick-surface>.plugin-card-head{display:none!important}
body .ws-quick-surface>.plugin-frame{display:block;width:100%;height:100%!important;min-height:0;border:0}
@media(max-width:600px){
 #workspaceSectionBar{gap:10px;margin:8px 0 18px}#workspaceSectionName{flex:1 1 100%}.ws-shortcuts{gap:6px;flex-wrap:nowrap;max-width:100%;margin-left:auto}
 #workspaceSectionBar .ws-shortcut{width:32px;height:34px;border-radius:10px}#workspaceSectionBar .ws-shortcut svg{width:19px;height:19px}
 #workspaceSectionBar #workspaceResourcesOpen{padding:6px 8px}
}

/* Experiments uses the same rail and content layout as every other section. */
body[data-workspace-section=experiments]>.app{padding-top:calc(var(--studio-toolbar-height,72px) + 12px)}
body[data-workspace-section=experiments]>.app>header{display:none!important}
.ws-experiment-panel{margin-top:28px}
.ws-experiment-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1000px;margin-top:22px}
#workspaceDock .ws-experiment-tools .ws-tool{min-height:210px;padding:30px;border-radius:24px;gap:16px}#workspaceDock .ws-experiment-tools strong{font-size:20px}.ws-support-heading{margin-bottom:26px}
@media(max-width:760px){.ws-experiment-tools{grid-template-columns:1fr}}

/* SID's eleven-section index and global-only utility entries. */

@media(min-width:1200px){.ws-home-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.ws-section-card{min-height:240px}}

#studioToolbar [data-global-tool] .ws-shortcut-label{display:none}

/* Five rows: product, delivery, reuse, standards, tools. */
#workspaceDock[data-view="home"]{padding:88px 40px 44px;align-items:flex-start;min-height:100svh;background:var(--bg)}
.ws-home-content{max-width:1300px;margin:0 auto}.ws-home-heading{max-width:none;text-align:left;margin:0 0 32px;padding-left:166px}.ws-home-heading .ws-eyebrow{font-size:10px;margin-bottom:8px}.ws-home-heading h1{font-size:30px;margin-bottom:8px}.ws-home-intro{font-size:13px}
.ws-index-groups{display:grid;gap:20px}.ws-index-group{display:grid;grid-template-columns:142px minmax(0,1fr);gap:24px;align-items:start}.ws-index-group-heading{display:block!important;padding-top:15px;margin:0}.ws-index-group-heading h2{white-space:nowrap}.ws-group-number{font:10px/1.5 ui-monospace,monospace;color:var(--muted);letter-spacing:.14em}.ws-index-group-heading h2{font-size:20px;line-height:1.4;font-weight:650;margin:8px 0}.ws-index-group-heading p{font-size:11px;line-height:1.9;color:var(--muted);max-width:125px;margin:0}
#workspaceDock .ws-index-group .ws-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px;max-width:none;margin:0;align-items:stretch}
#workspaceDock .ws-section-card{position:relative;min-height:150px!important;padding:20px 18px 36px!important;border-radius:20px;background:var(--panel);backdrop-filter:none;box-shadow:0 3px 12px #173e3203;overflow:hidden}
#workspaceDock .ws-section-card:hover:not(:disabled){transform:translateY(-3px);background:var(--panel)}
.ws-card-top{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0 0 13px}.ws-card-icon svg{width:25px;height:25px;stroke-width:1.5}#workspaceDock .ws-section-card h3{font-size:17px;line-height:1.45;letter-spacing:.01em;margin:0;font-weight:620}
#workspaceDock .ws-section-card p{font-size:12px;line-height:1.8;margin:0;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ws-card-arrow{position:absolute;bottom:14px;right:18px;color:var(--accent)}.ws-card-arrow svg{width:17px;height:17px;display:block}
#workspaceDock .ws-section-card[data-workspace-section="resources"]{background:var(--panel2)!important}.ws-backdrop{opacity:.24}
body[data-workspace-view="section"]{background-image:none!important}.ws-overview-page{max-width:1080px;margin:0 auto;padding:8px 24px 50px;box-sizing:border-box}.ws-overview-page .ws-section-heading{margin:0 0 28px}.ws-overview-page .ws-section-heading .ws-eyebrow{font-size:10px;margin-bottom:12px}.ws-overview-page .ws-section-heading h1{font-size:30px;letter-spacing:-.025em;margin-bottom:10px}.ws-overview-page .ws-section-heading>.ws-muted{max-width:620px;font-size:13px;margin:0}
.ws-object-context{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;margin:0 0 36px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.ws-object-context>div{display:grid;gap:6px;min-width:0}.ws-object-context small{font-size:10px;color:var(--muted)}.ws-object-context strong{font-size:17px;line-height:1.5;overflow-wrap:anywhere}.ws-object-context .ws-context-switch{display:inline-flex;flex:none;align-items:center;justify-content:center;padding:9px 14px!important;width:auto!important;max-width:none;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font:12px/1.5 inherit;cursor:pointer}.ws-context-line{font-size:12px;color:var(--muted)}.ws-section-tools{margin:0 0 30px}.ws-section-tools .ws-tools{margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}.ws-section-assets{margin-top:8px}
#workspaceDock .ws-section-tools .ws-tool{padding:22px;border-radius:18px;gap:10px}#workspaceDock .ws-section-tools .ws-tool span{font-size:12px;line-height:1.8}#workspaceDock .ws-section-tools .ws-tool strong{font-size:16px}
/* The second toolbar row contains contextual tools only. */
#workspaceSectionBar{padding:0 24px;box-sizing:border-box;min-height:40px;margin:4px 0 24px}#workspaceResourcesOpen{display:none!important}#workspaceShortcutMenu,#workspaceShortcutsMore{display:none!important}
@media(max-width:1100px){.ws-index-group{grid-template-columns:110px minmax(0,1fr);gap:18px}.ws-home-heading{padding-left:128px}#workspaceDock .ws-section-card{padding:18px 15px 34px!important}.ws-card-top{gap:8px}#workspaceDock .ws-section-card h3{font-size:16px}}
@media(max-width:800px){#workspaceDock[data-view="home"]{padding:90px 24px 36px}.ws-index-group{grid-template-columns:1fr;gap:12px}.ws-index-group-heading{display:flex!important;align-items:baseline;gap:10px;padding-top:0}.ws-index-group-heading h2{font-size:18px;margin:0}.ws-index-group-heading p{max-width:none;margin-left:auto}.ws-home-heading{padding-left:0;margin-bottom:28px}.ws-index-groups{gap:28px}#workspaceDock .ws-index-group .ws-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ws-overview-page{padding:8px 12px 32px}.ws-section-tools .ws-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){#workspaceDock[data-view="home"]{padding:88px 18px 30px}.ws-home-heading h1{font-size:25px}.ws-index-group-heading p{display:none}#workspaceDock .ws-index-group .ws-home-grid{gap:10px}#workspaceDock .ws-section-card{min-height:150px!important}.ws-card-top{display:block;margin-bottom:8px}.ws-card-icon{display:block;margin-bottom:9px}.ws-card-icon svg{width:22px;height:22px}.ws-object-context{padding:16px 18px;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:28px}.ws-object-context .ws-context-switch{font-size:11px}.ws-overview-page .ws-section-heading h1{font-size:26px}.ws-section-tools .ws-tools{grid-template-columns:1fr}#workspaceSectionBar{padding:0 12px}}

body:has(#workspaceDock[data-view="section"]:not([hidden])){background-image:none!important}body:has(#workspaceDock[data-view="section"]:not([hidden]))::before{display:none!important}

/* Expanded global tools cover the whole viewport without changing navigation. */
body[data-workspace-quick-expanded]{--ws-quick-width:100%;--ws-quick-right:0px;--ws-quick-top:0px}
body[data-workspace-quick-expanded] .ws-quick-chrome{border-radius:0}
body[data-workspace-quick-expanded] .ws-quick-surface,body[data-workspace-quick-expanded] .ws-quick-status{bottom:0;height:calc(100dvh - var(--vuvu-drawer-header-height) + 1px)!important;border-radius:0}
body[data-workspace-quick-expanded] #componentRail,body[data-workspace-quick-expanded] #studioToolbar,body[data-workspace-quick-expanded] .sim-floating,body[data-workspace-quick-expanded] .sim-floating-launcher,body[data-workspace-quick-expanded] .sim-drawer{visibility:hidden!important;pointer-events:none!important}
body #sidProjectAdminPage.ws-quick-surface,body #approvalCenterPage.ws-quick-surface{padding:24px!important;container-type:inline-size}
body:not([data-workspace-quick-expanded]) #approvalCenterPage.ws-quick-surface .approval-layout{grid-template-columns:1fr}
body:not([data-workspace-quick-expanded]) #approvalCenterPage.ws-quick-surface .approval-sidebar{position:static;grid-row:1;max-height:35dvh}
body[data-workspace-view="home"] #workspaceDock{padding-top:calc(var(--studio-toolbar-height,72px) + 24px)}

body[data-workspace-quick-expanded] .plugin-card.ws-quick-surface{padding:24px!important}