/* SenceTools 0.9 unified workspaces. Scoped so the standalone plugins are unchanged. */
.st-app .st-suite-toolbar{position:relative;align-items:center;gap:10px;background:#f5f8fc;border:1px solid #dce6ef;border-radius:14px;padding:16px;margin:16px 0 26px;box-shadow:0 3px 12px rgba(38,64,91,.04)}
.st-app .st-suite-toolbar label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;margin:0;color:#384e65}
.st-app .st-suite-toolbar input[type=color]{width:37px;height:37px;padding:2px;border:1px solid #c1ceda;border-radius:9px}
.st-app .st-suite-toolbar button,.st-app .st-suite-toolbar .st-shelf-link{display:inline-flex;justify-content:center;align-items:center;min-height:37px;padding:9px 11px;border:1px solid #cedbe6;border-radius:9px;background:white;color:#334e67;font-size:13px;font-weight:650;cursor:pointer;text-decoration:none}
.st-app .st-suite-toolbar button:hover,.st-app .st-suite-toolbar .st-shelf-link:hover{background:#e9f2fb}
.st-app .st-suite-toolbar .st-bridge-title{display:flex;flex-direction:column;gap:3px;min-width:140px;margin-right:auto}
.st-app .st-suite-toolbar .st-bridge-title strong{font-size:15px;color:#253d55}
.st-app .st-suite-toolbar .st-bridge-title span{font-size:12px;font-weight:400;color:#627b8b}
.st-app .st-suite-toolbar .st-bridge-status{flex-basis:100%;font-size:13px;color:#334e67}
.st-app .st-suite-toolbar .st-bridge-status:empty{display:none}
.st-app .st-suite-project-list{width:100%;display:grid;gap:6px;border-top:1px solid #cedbe6;padding-top:14px}
.st-app .st-suite-project-list[hidden]{display:none}
.st-app .st-suite-project-item{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#fff;border:1px solid #dde6ee;border-radius:8px;padding:7px 10px;font-size:13px}
.st-app .st-suite-project-item span{overflow-wrap:anywhere}
.st-app .st-suite-project-item button{min-height:32px}
.st-app .st-library{max-width:1320px}
.st-app .st-library .st-asset-card{min-width:0}
.st-app .st-integrated-content{width:100%;min-width:0}
@media (max-width:740px){.st-app .st-suite-toolbar .st-bridge-title{width:100%;margin:0}.st-app .st-suite-toolbar button,.st-app .st-suite-toolbar .st-shelf-link{flex:1 1 auto}.st-app .st-suite-toolbar label{flex:1 1 120px}}

/* Only the embedded illustration instance loses its duplicate website chrome. */
.st-integration #sence-illustrations-app .si-topbar,
.st-integration #sence-illustrations-app .si-hero,
.st-integration #sence-illustrations-app .si-bottom-banner,
.st-integration #sence-illustrations-app .si-footer{display:none!important}
.st-integration #sence-illustrations-app .si-container{max-width:none;width:100%}
.st-integration #sence-illustrations-app .si-catalog-wrap{padding-top:10px}
.st-integration .sws-app{max-width:none;width:100%;min-width:0}

.st-integration .si-suite-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.st-integration .si-suite-actions button{flex:1 1 160px;margin:0}

/* Connected creative studios, visible above the tool directory */
.st-featured-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 26px}
.st-featured{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #dbe7ef;border-radius:14px;background:#f5f9fc;text-decoration:none!important;color:#243b52!important;min-width:0}
.st-featured:hover,.st-featured:focus-visible{border-color:#90c2e7;background:#eaf3fa}.st-featured span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}
.st-featured strong{font-size:1rem}.st-featured small{font-size:.73rem;color:#62758a;line-height:1.5}
.st-featured-symbol{font-size:1.6rem;display:grid;place-items:center;background:#e2edf5;border-radius:10px;width:44px;height:44px;flex-shrink:0;color:#4f6783}
@media(max-width:850px){.st-featured-tools{grid-template-columns:1fr}}

/* Frontend theme breakout: creative editors must not be constrained to 600px post content width. */
.st-app.st-integration{width:min(1480px,calc(100vw - 32px));max-width:none;position:relative;left:50%;transform:translateX(-50%);margin-left:0;margin-right:0}
.st-bridge-toolbar{flex-wrap:wrap}

/* 1.1: primary actions first; advanced actions and brand palette on demand. */
.st-app .st-suite-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.st-app .st-suite-toolbar .st-bridge-title{min-width:170px;flex:1 1 190px}
.st-app .st-toolbar-primary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-app .st-suite-toolbar .st-action-primary{background:#4f6783;color:#fff;border-color:#4f6783}
.st-app .st-suite-toolbar .st-action-primary:hover{background:#3a536b;color:#fff}
.st-app .st-toolbar-more{position:relative;flex:0 1 auto}
.st-app .st-toolbar-more>summary{list-style:none;display:flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border:1px solid #cfdce7;border-radius:9px;background:#fff;color:#3e5771;font-size:13px;font-weight:650;cursor:pointer}
.st-app .st-toolbar-more>summary::-webkit-details-marker{display:none}
.st-app .st-toolbar-options{position:absolute;right:0;top:calc(100% + 8px);z-index:100;width:min(425px,82vw);padding:16px;background:#fff;border:1px solid #d6e4ee;border-radius:13px;box-shadow:0 16px 36px rgba(24,45,66,.15);display:grid;gap:15px}
.st-app .st-toolbar-option-buttons,.st-app .st-toolbar-brand{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-app .st-toolbar-brand{border-top:1px solid #e2ebf3;padding-top:14px}
.st-app .st-project-name-form[hidden]{display:none!important}
.st-app .st-project-name-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;width:100%;background:#fff;padding:14px;border:1px solid #cbdce9;border-radius:10px}
.st-app .st-project-name-form label{flex:1 1 200px;display:grid;gap:5px}
.st-app .st-project-name-form input[type=text]{min-height:41px;width:100%;border:1px solid #c1d1df;border-radius:8px;padding:8px 10px}
.st-app .st-suite-toolbar .st-bridge-status{width:100%;margin:0}
.st-app .st-suite-project-list{flex-basis:100%}
@media(max-width:680px){.st-app .st-toolbar-primary{width:100%}.st-app .st-toolbar-primary>*{flex:1}.st-app .st-toolbar-more{width:100%}.st-app .st-toolbar-more>summary{width:100%}.st-app .st-toolbar-options{position:static;width:100%;margin-top:8px;box-shadow:none}.st-app .st-toolbar-more>summary{justify-content:space-between}}