/* Orbit's studio, Forme's light palette, a contrasting rail, and less in the way. */
body.final-studio{--bg:#101117;--surface:#191b24;--ink:#ededf5;--muted:#9699ad;--line:#2c2f3d;--accent:#b3a2ff;--on-accent:#1c1730;--soft:#2c2741;--hover:#242733;--radius:10px;--sidebar:#171921;--stage:#12141b;--input:#14161e;--subtle:#1e212c;color-scheme:dark}
body.final-studio[data-theme=light]{--bg:#f7f9fd;--surface:#fff;--ink:#1c2b47;--muted:#8190a6;--line:#e4eaf3;--accent:#345eee;--on-accent:#fff;--soft:#edf1ff;--hover:#f0f4fc;--stage:#eef2f9;--input:#f9faff;--subtle:#f5f7fc;color-scheme:light}
.final-studio .shell{grid-template-columns:205px minmax(0,1fr)}.final-studio .sidebar{background:var(--sidebar);border-color:#2a2d38;padding:28px 15px;color:#eef0f8;width:auto}.final-studio .sidebar .logo{padding:0 10px;margin-bottom:34px}.final-studio .sidebar .logo .wordmark{color:#f0f0f8}.final-studio .sidebar .logo-mark{background:#b3a2ff;color:#211a36;border-radius:9px}.final-studio .sidebar .wordmark>span{color:#9b92b6!important}.final-studio .workspace-switch{color:#e3e5ef;background:#20232d;border:1px solid #323542;padding:11px 10px;margin:0 0 27px;gap:8px;width:100%;border-radius:9px}.final-studio .workspace-switch .workspace-symbol,.final-studio .team-menu .workspace-symbol{background:#393043;color:#e2d5ec;border:1px solid #54445e}.final-studio .workspace-switch small{font-size:9px;color:#969bad}.final-studio .workspace-switch strong{font-weight:400;font-size:11px}.final-studio .workspace-switch>svg{width:12px;height:12px;color:#9399ae}.final-studio .nav-item{color:#a6abbd;padding:11px 12px;border-radius:8px;margin-bottom:6px;font-size:12px}.final-studio .nav-item.active{color:#d0c4ff;background:#302a47;font-weight:400}.final-studio .nav-item:hover{color:#eaeaf4;background:#242733}.final-studio .nav-title{color:#6f768d;font-size:9px;letter-spacing:1.7px;margin:33px 0 10px}.connection-dot{display:block;margin-left:auto;width:5px;height:5px;background:#8dbd9c;border-radius:50%}.final-studio .sidebar-bottom{padding-top:30px}.new-thread{display:flex;align-items:center;width:100%;gap:8px;background:none;border:0;padding:10px 7px;color:#9299ad;font-size:10px}.new-thread>span:first-child{display:grid;place-items:center;width:22px;height:22px;border:1px solid #383c4a;border-radius:5px}.new-thread svg{width:13px;height:13px}.new-thread .kbd{border-color:#333846;color:#6d758b;margin-left:auto;padding:1px 4px;font-size:8px}.final-studio .user-row{border:0;border-top:1px solid #30333f;border-radius:0;background:none;color:#e0e3ee;padding:22px 4px 2px;text-align:left;width:100%;margin-top:15px;gap:10px}.final-studio .user-row .avatar{background:#3c344f;color:#d8cdf6;border-color:#4b425e;width:31px;height:31px;font-size:9px}.final-studio .user-row strong{font-size:10px;font-weight:400}.final-studio .user-row small{color:#858da3;font-size:9px}.final-studio .user-row>svg{width:12px;color:#798299}.final-studio .prototype-flag{color:#535c73;font-size:8px;letter-spacing:.8px;margin-top:25px}.final-studio .topbar{height:65px;padding:0 32px;background:var(--bg);border-color:var(--line)}.final-studio .breadcrumb{font-size:10px}.crumb-slash{padding:0 13px;color:var(--muted);opacity:.5}.final-studio .search-button{font-size:10px}.final-studio .search-button>svg{width:15px;height:15px}.preview-indicator{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px;margin-left:13px}.preview-indicator .dot{width:4px;height:4px;color:#799589}.final-studio .content{padding:32px 35px;max-width:1500px}.final-studio .pill{font-size:9px}.final-studio .btn{font-size:11px}.final-studio .field{background:var(--input)}
/* Workspace: the conversation is the entry point, not a dashboard widget. */
.final-home-hero{padding:48px 0 35px;max-width:715px}.final-home-hero .orbit-symbol{width:44px;height:44px;margin-bottom:25px;border:1px solid #665282;border-radius:13px;background:linear-gradient(140deg,#46395f,#292436);color:#d5c4ff;box-shadow:0 0 60px #a48be111}.final-studio[data-theme=light] .orbit-symbol{color:#4164dc;background:#edf1ff;border-color:#d4dfff;box-shadow:none}.final-home-hero .eyebrow{font-size:8px;letter-spacing:2.2px;margin-bottom:15px}.final-home-hero h1{font-size:37px;letter-spacing:-1.5px;font-weight:400}.final-home-hero>p{font-size:12px;margin:13px 0 29px;color:var(--muted)}.final-home-hero .prompt-box{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 45px #00000008;text-align:left}.final-home-hero textarea{font-size:13px;min-height:80px;padding:4px 3px;color:var(--ink);line-height:1.7}.final-home-hero textarea::placeholder{color:var(--muted);opacity:.75}.final-home-hero .prompt-box>.row{margin-top:7px}.final-home-hero .prompt-box .btn.subtle{color:var(--muted);font-size:10px;font-weight:400;padding-left:5px}.final-home-hero .prompt-box .btn.primary{padding:8px 12px;font-size:11px}.prompt-context{font-size:9px;color:var(--muted);margin-right:8px}.final-home-hero .prompt-chips{gap:8px;margin-top:16px}.final-home-hero .prompt-chip{font-size:9px;padding:8px 11px;border-radius:7px}.final-home-hero .prompt-chip svg{width:13px;height:13px;margin-right:3px}.home-demo-note{display:block;color:var(--muted);font-size:8px;margin-top:18px;opacity:.65}.final-recent{margin:5px auto 0;max-width:1130px}.final-recent .section-heading{margin:0 0 17px}.final-recent h2{font-size:17px;font-weight:400}.final-recent .section-heading small{font-size:9px;margin-left:3px}.final-recent .project-art{height:160px;aspect-ratio:auto;padding:25px}.final-recent .project-art.poster-thumb .artwork{max-width:88px}.final-recent .project-details{padding:16px}.final-recent .project-details h3{font-size:11px;font-weight:400}.final-recent .project-details p{font-size:9px;margin-top:6px;margin-bottom:13px}.final-recent .project-details .avatar{width:23px;height:23px;font-size:8px}.final-recent .project-details small{font-size:8px}.final-studio .project-tile{border-radius:9px}.final-studio[data-theme=light] .project-art{background:#edf2f5}.final-studio[data-theme=light] .project-art.peach{background:#f4ebe7}.final-studio[data-theme=light] .project-art.blue{background:#e8eef8}.final-project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}.final-project-toolbar .tabs{margin:0;gap:24px;align-self:stretch;flex:1}.final-project-toolbar .tabs button{font-size:11px;font-weight:400;padding:15px 0}.project-search-wrap{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:0 12px;gap:5px;width:210px}.project-search-wrap svg{width:14px;color:var(--muted)}.project-search-wrap .field{border:0;background:none;padding:9px 5px;font-size:10px}.projects-footer{display:flex;gap:7px;justify-content:center;color:var(--muted);font-size:9px;margin-top:30px}.projects-footer svg{width:13px}.empty-projects{grid-column:1/-1;text-align:center;padding:60px}.empty-projects p{color:var(--muted);margin:12px 0 24px}.home-attachment{display:flex;align-items:center;gap:8px;font-size:10px;width:max-content;max-width:100%;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:5px 7px;margin-bottom:12px}.home-attachment>svg{width:13px}.home-attachment .btn{padding:2px}.home-attachment .btn svg{width:12px}
/* A materially more prominent assistant, beside the entire editor. */
.final-studio-main{height:calc(100vh - 65px);min-height:650px}.final-studio .studio-toolbar{height:64px;background:var(--surface);padding:0 22px;border-bottom:1px solid var(--line)}.project-title-wrap{display:flex;align-items:center;gap:11px;min-width:0}.studio-back{background:none;color:var(--muted);padding:7px;border:1px solid var(--line);border-radius:7px}.studio-back svg{width:14px}.studio-title-input{font-size:11px;font-weight:700;border:1px solid transparent;background:none;color:var(--ink);display:block;padding:3px 5px 3px 0;width:225px;text-overflow:ellipsis}.studio-title-input:focus{border-color:var(--line);border-radius:4px;outline:none;padding-left:4px}.project-title-wrap small{font-size:8px;color:var(--muted);display:block}.subtle-dot{margin:0 8px;opacity:.45}.final-studio .studio-toolbar .segmented{padding:3px;border-color:var(--line);background:var(--bg);margin-right:6px}.final-studio .studio-toolbar .segmented button{font-size:9px;padding:6px 10px}.final-studio .studio-toolbar .btn{font-size:10px;font-weight:400}.final-studio-grid{display:grid!important;grid-template-columns:355px minmax(0,1fr)!important}.final-assistant{grid-column:1!important;grid-row:1!important;background:var(--surface)!important;border-right:1px solid var(--line)!important;position:relative}.final-studio .final-assistant .assistant-heading{padding:20px 18px;gap:10px;font-size:12px;border-bottom:0}.assistant-orb{width:30px;height:30px;border:1px solid #6d5b8a;border-radius:9px;background:linear-gradient(135deg,#493c64,#2b273b);color:#d0bbfc;display:inline-grid;place-items:center;flex-shrink:0}.assistant-orb svg{width:17px;height:17px;color:inherit!important}.final-studio[data-theme=light] .assistant-orb{background:#ecf1ff;border-color:#d7e1ff;color:#4b6ae4}.assistant-heading strong{font-size:12px;font-weight:400}.assistant-heading small{display:block;font-size:8px;color:var(--muted);margin-top:3px;font-weight:400}.assistant-status .dot{color:#91b4a1;width:5px;height:5px}.assistant-context{padding:0 18px 17px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:8px;border-bottom:1px solid var(--line)}.assistant-context>span:first-child{display:flex;gap:6px;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assistant-context svg{width:11px;height:11px}.assistant-context>span:last-child{white-space:nowrap}.final-studio .final-thread{padding:20px 18px;font-size:11px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.assistant-intro .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:10px}.assistant-intro p{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 18px}.ai-build-card{padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--subtle)}.ai-build-card>.row{font-size:10px;gap:7px;align-items:start}.ai-build-card>.row svg{width:13px;color:var(--accent)}.ai-build-card>.row strong{font-weight:400}.ai-build-card>p{font-size:9px;margin:10px 0 14px;color:var(--muted)}.ai-field-list{border-top:1px solid var(--line)}.ai-field{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:9px;color:var(--ink)}.ai-field:last-child{border:0;padding-bottom:0}.ai-field input{width:11px;height:11px;accent-color:var(--accent);margin:0}.ai-field small{margin-left:auto;font-size:8px;color:var(--muted)}.ai-structure-check{font-size:8px;color:var(--muted);display:flex;gap:7px;margin-top:14px;line-height:1.6;border-top:1px solid var(--line);padding-top:12px}.ai-structure-check svg{color:var(--accent);width:11px;height:11px;flex-shrink:0}.final-thread .assistant-message{font-size:10px;background:transparent;border:0;padding:0;line-height:1.8;margin:22px 0;color:var(--muted)}.final-thread .assistant-message.user{margin-left:18px;border:1px solid var(--line);padding:12px;background:var(--soft);border-radius:9px 9px 2px 9px;color:var(--ink)}.ai-message-label{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--ink);margin-bottom:9px}.ai-message-label svg{width:12px;height:12px;color:var(--accent)}.ai-change-card{padding:15px;border:1px solid #8671c64d;border-radius:9px;background:var(--subtle);margin:17px 0}.ai-change-card>.row{font-size:10px;font-weight:400}.ai-change-card>.row>svg{width:13px;color:var(--accent)}.ai-change-card strong{font-weight:400}.change-line{border-top:1px solid var(--line);padding-top:10px;margin-top:12px;font-size:10px}.change-line small{display:block;font-size:8px;margin-bottom:7px;color:var(--muted)}.change-before{color:var(--muted);text-decoration:line-through;font-size:9px}.change-after{margin-top:5px;color:var(--accent);display:flex;align-items:center;gap:6px}.change-after svg{width:12px;height:12px}.ai-check-card{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:9px;background:var(--subtle);font-size:9px}.ai-check-card>.row{font-size:10px;margin-bottom:14px}.ai-check-card>div:not(.row){display:flex;align-items:center;gap:7px;margin-top:10px;color:var(--muted)}.ai-check-card svg{width:13px;height:13px;color:var(--accent)}.ai-check-card>a{width:100%;margin:17px 0 10px}.ai-check-card>small{display:block;font-size:8px;color:var(--muted)}.ai-starters{display:flex;gap:5px;padding:10px 12px 0;justify-content:space-between}.ai-starters button{display:flex;align-items:center;gap:4px;white-space:nowrap;background:transparent;color:var(--muted);font-size:8px;border:1px solid var(--line);border-radius:5px;padding:6px}.ai-starters button:hover{background:var(--soft);color:var(--accent)}.ai-starters svg{width:10px;height:10px}.final-assistant .assistant-compose{border-top:0;padding:10px 12px 13px}.final-compose-box{border:1px solid var(--line);border-radius:10px;background:var(--input);padding:10px}.final-compose-box textarea{width:100%;padding:0;min-height:57px;max-height:180px;resize:vertical;background:transparent;border:0;outline:0;color:var(--ink);font-size:10px;line-height:1.7}.final-compose-box textarea::placeholder{color:var(--muted);opacity:.8}.compose-attach{background:none;padding:2px;color:var(--muted)}.compose-attach svg{width:14px;height:14px}.selected-context{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:8px}.selected-context svg{width:10px;height:10px}.final-compose-box .btn{padding:6px 9px}.final-compose-box .btn svg{width:14px;height:14px}.ai-disclosure{display:block;text-align:center;font-size:7px!important;margin-top:9px;color:var(--muted);opacity:.7}.final-canvas{grid-column:2!important;grid-row:1!important;background-color:var(--stage)!important;background-size:18px 18px!important;position:relative;overflow:auto}.canvas-topline{display:flex;justify-content:space-between;align-items:center;padding:16px 19px;flex-shrink:0}.canvas-document-pill{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);max-width:65%;overflow:hidden}.canvas-document-pill span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-document-pill svg{width:12px;height:12px}.properties-toggle{padding:6px 8px!important;font-size:9px!important;color:var(--muted)}.properties-toggle svg{width:13px;height:13px}.properties-toggle.selected{background:var(--soft);color:var(--accent)}.final-studio .final-canvas .stage-tools{margin:0 auto;padding:5px;gap:2px;border-radius:9px;background:var(--surface);box-shadow:0 5px 15px #00000008}.final-canvas .stage-tools .btn{padding:8px;display:flex;gap:6px}.final-canvas .stage-tools .btn svg{width:15px;height:15px}.final-canvas .stage-tools .btn span{font-size:9px}.tool-divider{display:block;width:1px;background:var(--line);margin:4px 5px}.final-studio .final-art-board{padding:40px 48px 20px;flex:1;min-height:330px;justify-content:center}.final-art-board>.artwork{max-width:560px!important;flex-shrink:0}.final-art-board>.artwork.poster{max-width:245px!important}.final-art-board .art-caption{font-size:8px;margin-top:23px}.canvas-selection{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin:0 38px 26px;padding:12px 15px;font-size:9px;flex-shrink:0}.selection-label{display:flex;align-items:center;gap:8px;color:var(--muted)}.selection-label svg{width:13px;height:13px}.selection-ai{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:9px;background:none;padding:0}.selection-ai svg{width:13px;height:13px}.final-canvas .stage-footer{background:var(--surface);position:sticky;bottom:0;padding:10px 16px;font-size:8px;flex-shrink:0}.final-canvas .stage-footer>span{display:flex;align-items:center;gap:5px}.final-canvas .stage-footer svg{width:11px;height:11px}.final-canvas .stage-footer .btn{font-size:8px;padding:5px}.final-properties{position:absolute;right:0;top:0;width:255px;height:100%;background:var(--surface);border-left:1px solid var(--line);z-index:8;box-shadow:-15px 0 45px #00000012;overflow:auto}.properties-head{padding:18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px}.properties-head .btn{padding:0}.properties-head svg{width:14px;height:14px}.final-properties .layer-panel{display:block!important;padding:18px 12px;max-height:235px;overflow:auto;border-right:0}.final-properties .layer-panel .eyebrow{font-size:8px}.final-properties .layer-panel .divider,.final-properties .layer-panel>.eyebrow~small{display:none}.final-properties .layer-panel .layer{font-size:10px}.final-properties .inspector{display:block!important;padding:18px}.final-properties .field{font-size:10px}.properties-assets{padding:15px 18px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;border-top:1px solid var(--line)}.properties-assets svg{width:12px}.customer-workbench{display:grid;grid-template-columns:1fr;gap:24px;max-width:520px;width:100%}.customer-form{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.customer-form .eyebrow{font-size:7px;letter-spacing:1.5px}.customer-form h2{font-size:23px;margin-bottom:8px}.customer-form>p{font-size:10px;color:var(--muted);margin-bottom:23px}.customer-form .label{font-size:9px}.customer-form .field{font-size:11px;padding:10px}.customer-form .field-group+.field-group{margin-top:15px}.customer-preview{width:100%;max-width:400px;margin:auto}.customer-preview .artwork{box-shadow:0 10px 25px #0002}.customer-note{display:flex;gap:7px;align-items:center;font-size:8px;color:var(--muted);margin-top:20px}.customer-note svg{width:11px;height:11px}
/* Profile and team menus keep useful controls out of primary navigation. */
.workspace-switch-wrap,.user-menu-wrap{position:relative}.floating-menu{background:#232631;color:#e7e9f4;border:1px solid #3a3e4d;border-radius:11px;box-shadow:0 20px 55px #0006;padding:8px;z-index:80;width:255px;position:absolute;text-align:left}.team-menu{top:72px;left:0}.user-menu{bottom:70px;left:0;width:265px}.floating-menu button:not(.appearance-controls button),.floating-menu>a{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-radius:6px;color:#c8cddd;font-size:11px;padding:10px;text-align:left}.floating-menu button:hover,.floating-menu>a:hover{background:#303443;color:white}.floating-menu svg{width:15px;height:15px}.floating-menu .menu-eyebrow{font-size:8px;letter-spacing:1.1px;color:#8d96b0;padding:9px 10px 7px}.menu-divider{height:1px;background:#3a3e4b;margin:7px 2px}.menu-profile{padding:9px;display:flex;gap:10px;align-items:center}.menu-profile strong{font-size:11px;font-weight:400}.menu-profile small{display:block;font-size:9px;color:#8d96ad;margin-top:4px}.menu-profile .avatar{background:#453b5a;border-color:#544b69;color:#ddcdfb}.appearance-controls{display:flex;gap:3px;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:4px}.appearance-controls button{display:flex;gap:5px;align-items:center;justify-content:center;flex:1;background:none;color:var(--muted);font-size:9px;padding:7px 10px;border-radius:4px;border:0;cursor:pointer}.appearance-controls svg{width:12px;height:12px}.appearance-controls button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 5px #0001}.user-menu .appearance-controls{margin:2px 6px 9px;background:#191c26;border-color:#3a3e4c}.user-menu .appearance-controls button{font-size:9px;color:#9aa4bb;padding:9px 5px}.user-menu .appearance-controls button.active{background:#363048;color:#d6c9ff}.final-settings{max-width:800px;display:flex;flex-direction:column;gap:20px}.final-settings .panel>p{font-size:11px;margin:10px 0 22px}.final-settings .appearance-controls{max-width:400px}.final-settings .form-pair{margin:22px 0}.final-settings .activity-line{font-size:11px}
/* The Forme entry composition, now under the Orbit identity. */
.final-studio .final-login{display:grid!important;grid-template-columns:1.05fr 1fr;position:relative;background:var(--surface)}.final-login .login-story{position:relative!important;inset:auto!important;pointer-events:auto!important;background:#345bee;color:#fff;padding:42px 55px;justify-content:space-between;min-height:100vh}.final-login .login-story .story-main{display:block!important;margin-top:45px}.final-login .login-story .eyebrow{font-size:9px;letter-spacing:2px;color:#c1d0ff}.final-login .login-story .logo-mark{background:#fff;color:#345bee}.final-login .login-story .wordmark{color:#fff}.final-login .login-story h1{font-family:Studio,sans-serif;font-size:54px;line-height:1.09;letter-spacing:-2.2px;font-weight:400}.final-login .login-story>div>p{font-size:13px;line-height:1.8;color:#d0dbff;opacity:1;max-width:365px;margin-top:18px}.final-login .login-story footer{margin-top:30px;font-size:9px;color:#b6c9ff}.final-login .login-form-side{background:var(--surface)!important;min-height:100vh;position:relative;padding:90px 30px}.final-login .login-form{background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;width:335px!important;max-width:100%}.final-login .login-form h2{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:10px 0}.final-login .login-form>p{font-size:12px;margin-bottom:29px}.final-login .login-form .eyebrow{font-size:8px;letter-spacing:1.8px}.final-login .login-form .btn{font-size:11px;padding:12px}.final-login .login-form .field{font-size:12px;padding:12px}.final-login .login-form .label{font-size:10px}.final-login .login-form .link{font-size:10px}.final-login .login-form .demo-note,.final-login .login-form .fine{font-size:9px}.login-appearance{position:absolute;right:30px;top:27px}.login-appearance .appearance-controls button{font-size:9px;padding:6px 9px}.login-bottom{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:var(--muted);font-size:9px}.login-window{margin:30px 0 5px;background:#1e40b2;border:1px solid #7392ff;border-radius:10px;box-shadow:0 20px 40px #10266b2b;overflow:hidden;max-width:435px;transform:rotate(-3deg)}.window-dots{display:flex;align-items:center;gap:4px;padding:11px 13px;border-bottom:1px solid #6485e877;color:#a8bdff;font-size:7px;letter-spacing:1px}.window-dots i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#8ba7ff}.window-dots span{margin-left:12px}.login-window-body{position:relative;padding:18px 20px;min-height:145px}.mini-ai{display:grid;place-items:center;width:24px;height:24px;background:#4c67d3;border-radius:7px;color:#d7e0ff}.mini-ai svg{width:15px;height:15px}.login-window-body>p{font-size:12px!important;margin:10px 0!important;line-height:1.5!important;color:#fff!important;opacity:1!important}.login-window-answer{display:flex;gap:6px;align-items:center;font-size:8px;color:#bdceff}.login-window-answer svg{width:11px;height:11px}.login-mini-card{position:absolute;right:20px;top:32px;width:165px;transform:rotate(8deg);box-shadow:0 12px 25px #0e276c44;border-radius:3px}.login-mini-card .artwork{box-shadow:none}
/* A check, not another review-management product. */
.final-review{grid-template-columns:minmax(0,1fr) 280px}.final-review .review-canvas{padding:35px 28px;min-height:370px}.review-caption{border-top:1px solid var(--line);padding:16px 21px;font-size:9px;color:var(--muted)}.ai-export-assist>.assistant-orb{margin-bottom:17px}.ai-export-assist h3{font-size:16px;font-weight:400}.ai-export-assist>p{font-size:10px;color:var(--muted);margin:12px 0 20px;line-height:1.8}.ai-export-assist .checklist{margin-bottom:15px}.ai-export-assist .checklist div{font-size:9px;gap:7px}.ai-export-assist>small{font-size:8px}.final-export-layout{display:grid;grid-template-columns:minmax(0,680px) 230px;gap:28px;max-width:1000px;margin:22px auto}.final-export-layout .export-card{margin:0;padding:42px 35px}.final-export-layout .export-card h1{font-size:30px;font-weight:400}.final-export-layout .export-card>p{font-size:12px;line-height:1.8}.final-export-layout .file-card{text-align:left;padding:19px;margin:26px 0}.final-export-layout .file-card strong{font-size:12px;overflow-wrap:anywhere}.final-export-layout .file-card small{font-size:9px}.export-demo-copy{font-size:8px;color:var(--muted);margin:12px auto 0}.export-next{text-align:left}.export-next h3{font-size:12px;font-weight:400;margin-bottom:18px}.export-next>div{display:flex;align-items:center;gap:11px;font-size:10px;color:var(--muted);margin:12px 0}.export-next>div>span{display:grid;place-items:center;width:20px;height:20px;background:var(--soft);border-radius:50%;font-size:9px;color:var(--accent)}.export-footer{margin-top:28px}.final-export-companion{padding-top:38px}.final-export-companion h3{font-size:16px;line-height:1.5;font-weight:400;margin:18px 0 12px}.final-export-companion p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:22px}.final-export-companion .btn{display:block;margin:10px 0;font-size:10px}.final-studio .connector{padding:23px;border-radius:10px}.final-studio .connector .connector-icon{width:39px;height:39px;font-size:22px}.final-studio .connector .connector-icon.infigo{background:#c8344a18;color:#e26277}.final-studio .connector.disabled{opacity:.55}.final-studio .connector .btn{font-size:10px}.final-studio .page-title h1{font-size:30px;letter-spacing:-1px;font-weight:400}.final-studio .page-title .eyebrow{font-size:8px}.final-studio .page-title p{font-size:12px}.final-studio .connector p{font-size:11px}
.final-art-board>.artwork:not(.poster){max-width:min(560px,calc((100vh - 440px)*1.667))!important}
@media(min-width:1500px){.final-studio-grid{grid-template-columns:390px minmax(0,1fr)!important}.final-thread{padding:25px!important}.final-studio .content{padding:40px 50px}.final-home-hero{padding-top:65px}.final-studio .final-art-board{padding-left:65px;padding-right:65px}}
@media(max-width:1100px){.final-studio .shell{grid-template-columns:185px minmax(0,1fr)}.final-studio .sidebar{padding:26px 11px}.final-studio-grid{grid-template-columns:310px minmax(0,1fr)!important}.final-studio .studio-toolbar{padding:0 15px}.studio-title-input{width:180px;font-size:10px}.final-studio .studio-toolbar .segmented{display:inline-flex}.final-studio .studio-toolbar .segmented button{padding:5px 7px;font-size:8px}.final-studio .studio-toolbar .btn{font-size:9px}.final-studio .studio-toolbar .btn.subtle{display:none}.final-studio .final-art-board{padding:35px 27px 20px}.canvas-selection{margin:0 22px 22px;font-size:8px;padding:11px}.selection-ai{font-size:8px}.final-login .login-story{padding:35px}.final-login .login-story h1{font-size:46px}.login-mini-card{width:135px;right:15px;top:38px}.login-window-body>p{font-size:10px!important}.login-window-body{padding:17px}.final-export-layout{grid-template-columns:minmax(0,1fr) 190px;gap:22px}.final-review{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:900px){.final-studio .shell{grid-template-columns:65px minmax(0,1fr)}.final-studio .sidebar{padding:23px 9px;align-items:center}.final-studio .sidebar .logo{padding:0;margin-bottom:26px}.final-studio .sidebar .workspace-switch-wrap{display:block}.final-studio .sidebar .workspace-switch{display:flex;width:36px;padding:4px;justify-content:center;background:none;border:0;margin:0 0 20px}.final-studio .sidebar .workspace-switch .grow,.final-studio .sidebar .workspace-switch>svg{display:none}.final-studio .sidebar .nav-title{display:block;letter-spacing:.5px;text-align:center;font-size:6px;margin:30px 0 8px;padding:0}.final-studio .sidebar .nav-item{padding:12px}.final-studio .sidebar .connection-dot{display:none}.final-studio .sidebar .new-thread{padding:10px 0;justify-content:center}.new-thread .kbd{display:none}.final-studio .sidebar .user-row{padding:17px 0 0;justify-content:center}.final-studio .sidebar .user-row>svg{display:none}.final-studio .sidebar .user-row .avatar{width:30px;height:30px}.final-studio .sidebar .team-menu{left:43px;top:0}.final-studio .sidebar .user-menu{left:43px;bottom:0}.final-studio-grid{grid-template-columns:290px minmax(0,1fr)!important}.final-studio .topbar{padding:0 25px}.preview-indicator{display:none}.final-studio .content{padding:30px 25px}.final-home-hero{padding:35px 0;max-width:640px}.final-home-hero h1{font-size:34px}.final-recent .grid3{grid-template-columns:repeat(3,1fr);gap:13px}.final-recent .project-art{height:125px;padding:15px}.final-recent .project-details{padding:13px}.final-recent .project-details .row small{display:none}.final-recent .project-details h3{font-size:10px}.final-recent .project-details p{font-size:8px}.final-recent .project-details .avatar{display:none}.final-studio .studio-toolbar .segmented{display:none}.final-studio .studio-toolbar .studio-title-input{width:200px}.final-studio .studio-toolbar .btn.primary{font-size:9px;padding:8px 10px}.final-studio .final-art-board{padding:30px 22px 20px}.final-studio .final-canvas .stage-tools{gap:0}.final-canvas .stage-tools .btn{padding:7px}.final-canvas .stage-tools .btn svg{width:13px;height:13px}.final-canvas .stage-tools .btn span{display:none}.canvas-topline{padding:16px 12px}.canvas-topline .properties-toggle{font-size:0!important;gap:0}.properties-toggle svg{width:16px;height:16px}.canvas-document-pill{font-size:8px;max-width:75%}.final-canvas .stage-footer>span{font-size:7px}.final-canvas .stage-footer>.btn:last-child{display:none}.canvas-selection{margin:0 15px 22px;gap:10px;padding:10px}.selection-ai{font-size:0}.selection-ai svg{width:14px;height:14px}.final-review{grid-template-columns:1fr}.final-review>.stack{display:block}.final-review .ai-export-assist{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.ai-export-assist .assistant-orb{display:none}.ai-export-assist h3,.ai-export-assist>p{grid-column:1}.ai-export-assist .checklist{grid-column:2;grid-row:1/5}.ai-export-assist>.btn{grid-column:1}.final-export-layout{grid-template-columns:1fr;max-width:650px}.final-export-companion{padding:10px 5px 0}.final-export-companion .assistant-orb{float:left;margin:0 14px 10px 0}.final-export-companion h3{margin-top:0}.final-export-companion .btn{display:inline-flex;margin-right:9px}.final-login .login-story{padding:30px}.final-login .login-story h1{font-size:40px}.final-login .login-story>div>p{font-size:11px}.login-window-body{min-height:190px}.login-mini-card{top:100px;right:20px;width:130px}.login-window-answer{font-size:7px}.final-login .login-form h2{font-size:25px}.login-appearance{right:20px;top:20px}.login-appearance .appearance-controls button{font-size:8px;padding:6px 7px}.customer-form{padding:20px}.customer-form .field{font-size:10px}.final-studio .customer-workbench{max-width:450px}}
@media(max-width:650px){.final-studio .shell{grid-template-columns:54px minmax(0,1fr)}.final-studio .sidebar{padding:20px 7px}.final-studio .sidebar .nav-item{padding:10px}.final-studio .sidebar .workspace-switch{width:30px}.final-studio .topbar{height:56px;padding:0 17px}.final-studio .breadcrumb{font-size:8px}.crumb-slash{padding:0 8px}.final-studio .search-button span{display:none}.final-studio .content{padding:25px 18px}.final-home-hero{padding:30px 0 25px}.final-home-hero .orbit-symbol{width:37px;height:37px;margin-bottom:22px}.final-home-hero .eyebrow{font-size:6px;letter-spacing:1.4px}.final-home-hero h1{font-size:28px;line-height:1.22;letter-spacing:-1px}.final-home-hero>p{font-size:10px;line-height:1.8}.final-home-hero .prompt-box{padding:13px}.final-home-hero textarea{font-size:11px;min-height:85px}.prompt-context{display:none}.final-home-hero .prompt-chip{font-size:8px;padding:7px}.final-home-hero .prompt-chip svg{width:11px}.home-demo-note{font-size:7px;line-height:1.7}.final-recent .section-heading{gap:10px;align-items:start}.final-recent .section-heading>.row small{display:none}.final-recent .section-heading h2{font-size:14px}.final-recent .section-heading .btn{font-size:8px;white-space:nowrap;padding:4px}.final-recent .grid3{grid-template-columns:1fr}.final-recent .project-art{height:175px;padding:22px}.final-recent .project-art.poster-thumb .artwork{max-width:100px}.final-recent .project-details{padding:16px}.final-recent .project-details h3{font-size:12px}.final-recent .project-details p{font-size:10px}.final-recent .project-details .row small{display:block}.final-recent .project-details .avatar{display:inline-flex}.final-studio-main{height:auto;min-height:calc(100vh - 56px)}.final-studio .studio-toolbar{height:auto;min-height:70px;gap:10px;align-items:center;padding:11px}.final-studio .studio-toolbar .studio-title-input{width:175px;font-size:10px}.studio-back{display:none}.final-studio .studio-toolbar .btn.primary{font-size:8px;padding:7px}.final-studio .studio-toolbar .btn.primary svg{width:12px}.final-studio-grid{display:flex!important;flex-direction:column!important}.final-studio .final-assistant{order:1!important;border-left:0!important;border-right:0!important;border-top:1px solid var(--line)!important;min-height:610px}.final-canvas{order:0!important;min-height:470px!important;overflow:auto}.final-canvas .canvas-topline{padding:13px}.final-studio .final-art-board{padding:32px 20px 20px;min-height:270px}.final-art-board>.artwork.poster{max-width:210px!important}.final-canvas .stage-tools{margin-top:0!important}.final-canvas .canvas-selection{margin:0 18px 17px}.final-canvas .stage-footer{position:relative;padding:9px 13px}.final-thread{max-height:400px}.final-assistant .assistant-heading strong{font-size:13px}.final-studio .final-assistant .assistant-heading{padding:20px}.final-assistant .assistant-context{padding:0 20px 16px}.final-thread{padding:20px!important}.final-assistant .assistant-compose{padding:12px 16px 15px}.ai-starters{padding:12px 16px 0;justify-content:start;gap:7px}.ai-starters button{font-size:8px}.final-properties{width:245px}.final-project-toolbar{display:block;margin-bottom:20px}.final-project-toolbar .tabs{gap:15px;margin-bottom:16px}.final-project-toolbar .tabs button{font-size:9px}.project-search-wrap{width:100%}.final-studio .page-title h1{font-size:26px}.final-studio .page-title p{font-size:10px}.final-review .review-canvas{padding:25px;grid-template-columns:1fr}.final-review .ai-export-assist{display:block}.final-review .panel-head{align-items:start;gap:15px}.final-review .panel-head h3{font-size:11px}.final-review .segmented{flex-wrap:wrap}.final-review .segmented button{font-size:8px;padding:5px}.final-export-layout .export-card{padding:30px 20px}.final-export-layout .export-card h1{font-size:27px}.final-export-layout .export-card>p{font-size:10px}.final-export-layout .file-card{padding:13px;gap:10px}.file-card>svg{width:22px}.final-export-layout .file-card strong{font-size:9px}.final-export-layout .file-card small{font-size:8px}.final-export-layout .export-footer{flex-direction:column;gap:10px}.final-login{display:flex!important;flex-direction:column!important}.final-login .login-story{min-height:390px;padding:25px!important}.final-login .login-story .story-main{margin-top:30px!important}.final-login .login-story h1{font-size:36px!important}.final-login .login-story p{font-size:10px!important;max-width:300px!important}.final-login .login-story footer,.final-login .login-window{display:none}.final-login .login-form-side{min-height:620px;padding:85px 27px 65px!important}.final-login .login-form{width:100%!important;max-width:350px}.login-appearance{top:20px;right:25px}.login-bottom{font-size:8px}.final-settings .form-pair{grid-template-columns:1fr}.final-settings .appearance-controls button{font-size:8px;padding:7px}.floating-menu{max-width:calc(100vw - 85px)}.final-studio .sidebar .user-menu,.final-studio .sidebar .team-menu{left:36px}.final-studio .sidebar .new-thread{padding:5px 0}.final-studio .sidebar .logo-mark{width:27px;height:27px}.final-studio .sidebar .logo{margin-bottom:25px}.final-studio .sidebar .nav-title{margin-top:27px}}

.canvas-document-pill{background:none;border:0;padding:0;text-align:left}.canvas-document-pill:hover{color:var(--ink)}
@media(max-width:900px){.final-studio .studio-toolbar .segmented{display:inline-flex}.final-studio .studio-toolbar{height:auto;min-height:90px;flex-wrap:wrap;padding:12px 15px;gap:10px}.final-studio .studio-toolbar>.row{flex:1;justify-content:flex-end}.final-studio .studio-toolbar .segmented button{font-size:8px;padding:6px}.final-studio .studio-toolbar .studio-title-input{width:170px}}
@media(max-width:650px){.final-studio .studio-toolbar>.row{justify-content:space-between;flex-basis:100%}.final-studio .final-assistant{order:0!important}.final-canvas{order:1!important}}

@media(max-width:650px){body.final-studio .final-login{display:flex!important;flex-direction:column!important;grid-template-columns:1fr}.final-login .login-story{width:100%;min-height:360px!important}.final-login .login-form-side{width:100%;min-height:620px!important}.final-login .login-story .story-main{margin-top:25px!important}}

body.final-studio{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.final-login .login-story h1{font-family:inherit}

.new-thread{gap:6px}.new-thread .nav-label{font-size:9px;white-space:nowrap}.new-thread .kbd{font-size:7px;padding:1px 3px}

/* ForMe identity: the original blue four-square mark. */
.final-studio .sidebar .logo-mark{background:#245cf0;color:#fff;border-radius:7px}.final-studio .sidebar .wordmark>span{color:#557cf5!important}.final-login .login-story .logo-mark{background:#fff;color:#245cf0;border-radius:7px}

.final-studio .sidebar .logo{font-size:18px;gap:8px;padding-left:7px;padding-right:7px}.final-studio .logo .wordmark{white-space:nowrap}

/* Keep the complete Pressroom.ai wordmark in one colour. */
.final-studio .logo .wordmark>span{color:inherit!important}

/* Public login: a larger typographic statement and original paper composition. */
.final-login .login-story{padding:38px 55px}.final-login .login-story .story-main{margin-top:25px}.final-login .login-story .eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:21px;color:#d5dfff}.final-login .login-story h1{font-size:72px;line-height:1.04;letter-spacing:-3.4px;font-weight:500;max-width:550px}.login-artwork{width:100%;max-width:490px;margin:24px 0 0}.login-artwork>svg{width:100%;height:auto;display:block;overflow:visible}.final-login .login-story footer{margin-top:14px;font-size:10px}.final-login .login-form h2{margin:13px 0 0}.final-login .login-form>.eyebrow{font-size:9px;letter-spacing:1.7px}.login-providers{display:grid;gap:10px;margin-top:30px}.final-login .login-providers .sso{margin:0!important;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:500;font-size:12px;padding:12px;background:var(--surface)}.provider-logo{width:18px;height:18px;flex-shrink:0}.final-login .or-rule{margin:21px 0;font-size:9px}.final-login .login-form .fine{margin-top:26px;font-size:11px}.final-login .login-form .fine>a{color:var(--accent);text-decoration:none;font-weight:600;margin-left:3px}.login-theme-trigger{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:7px;color:var(--muted);background:none;padding:8px 10px;font-size:10px}.login-theme-trigger:hover,.login-theme-trigger[aria-expanded=true]{background:var(--hover);border-color:var(--line);color:var(--ink)}.login-theme-trigger>svg{width:14px;height:14px}.login-theme-trigger>svg:last-child{width:11px;height:11px;opacity:.7}.login-theme-menu{position:absolute;top:43px;right:0;z-index:40;width:165px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 35px #0002}.login-theme-menu .menu-eyebrow{padding:7px 8px 8px;font-size:8px;letter-spacing:1.2px;color:var(--muted)}.login-theme-menu>button{display:flex;align-items:center;gap:9px;padding:9px 8px;width:100%;background:none;color:var(--muted);border-radius:5px;font-size:11px}.login-theme-menu>button:hover,.login-theme-menu>button.active{background:var(--soft);color:var(--accent)}.login-theme-menu>button>span:first-of-type{flex:1;text-align:left}.login-theme-menu svg{width:14px;height:14px}.theme-check-spacer{width:14px}.contact-back{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-bottom:32px}.contact-back svg{width:13px;height:13px}.demo-contact-form h2{margin-bottom:14px!important}.demo-contact-form>p{line-height:1.8;font-size:11px!important}.contact-feedback{color:var(--muted);font-size:10px;line-height:1.8;margin-top:17px}.contact-feedback:empty{display:none}
@media(min-width:1500px){.final-login .login-story{padding:48px 70px}.final-login .login-story h1{font-size:86px;letter-spacing:-4px}.login-artwork{max-width:550px;margin-top:35px}}
@media(max-width:1100px){.final-login .login-story{padding:34px 35px}.final-login .login-story h1{font-size:61px;letter-spacing:-2.8px}.final-login .login-story .eyebrow{font-size:10px;letter-spacing:1.5px}.login-artwork{margin-top:25px}.final-login .login-form{width:320px!important}.final-login .login-providers .sso{font-size:11px}}
@media(max-width:900px){.final-login .login-story{padding:30px}.final-login .login-story h1{font-size:53px;letter-spacing:-2.5px}.final-login .login-story .eyebrow{font-size:9px}.login-artwork{margin-top:25px}.final-login .login-form-side{padding-left:25px!important;padding-right:25px!important}.final-login .login-form h2{font-size:24px}.login-theme-trigger{font-size:9px}}
@media(max-width:650px){.final-login .login-story{min-height:410px!important;padding:25px!important}.final-login .login-story .story-main{margin-top:25px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 115px;column-gap:5px}.final-login .login-story .eyebrow{grid-column:1/-1;font-size:9px;letter-spacing:1.1px;margin-bottom:17px}.final-login .login-story h1{font-size:43px!important;letter-spacing:-2px;grid-column:1;line-height:1.08}.login-artwork{grid-column:2;align-self:end;width:165px;margin:0 0 0 -35px;transform:rotate(-9deg)}.final-login .login-story footer{display:block!important;margin-top:22px;font-size:9px}.final-login .login-story footer span{display:inline!important}.final-login .login-form-side{padding-top:72px!important;min-height:650px!important}.login-theme-trigger{padding:7px;font-size:9px}.login-providers{margin-top:25px}.final-login .login-form .fine{font-size:10px}}

@media(min-width:651px){.final-login .login-form-side{padding-top:70px;padding-bottom:70px}}

/* Login occupies the visible viewport, including when a phone keyboard opens.
   Decorative content gives way first; the form scales only on short screens. */
html:has(body.final-studio){overflow-x:clip}
html:has(.viewport-login),body:has(.viewport-login){width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body.final-studio .viewport-login{position:fixed;inset:0;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);height:100vh;height:100dvh;min-height:0!important;width:100%;max-width:100%;overflow:hidden}
body.final-studio .viewport-login .login-story{position:relative;inset:auto;min-width:0;min-height:0!important;height:100%;padding:clamp(18px,4vh,48px) clamp(24px,4vw,70px)!important;overflow:hidden;gap:14px}
.viewport-login .login-story .story-main{min-height:0;margin-top:0!important;display:flex!important;flex-direction:column}
.viewport-login .login-story h1{font-size:clamp(30px,min(5.5vw,9vh),86px)!important;letter-spacing:-.045em;flex-shrink:0}
.viewport-login .login-story .eyebrow{font-size:clamp(8px,1vw,12px);margin-bottom:clamp(8px,2vh,21px)}
.viewport-login .login-artwork{min-height:0;width:100%;max-width:490px;margin:clamp(8px,3vh,25px) 0 0;flex:1;transform:none}
.viewport-login .login-artwork svg{height:min(25vh,242px);max-width:100%;overflow:hidden}
.viewport-login .login-story footer{display:block!important;flex-shrink:0;margin-top:0;font-size:9px}
body.final-studio .viewport-login .login-form-side{position:relative;min-width:0;min-height:0!important;height:100%;padding:58px clamp(18px,3vw,55px) 22px!important;overflow:hidden}
body.final-studio .viewport-login .login-form{flex-shrink:0;max-width:100%!important;width:min(360px,100%)!important;margin:0}
.viewport-login .login-appearance{top:14px;right:18px}
.viewport-login .login-form h2{font-size:clamp(22px,2.2vw,29px)}
.viewport-login .field{font-size:16px}
@media(max-width:650px){
 body.final-studio .viewport-login{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,auto) minmax(0,1fr);flex-direction:unset!important}
 body.final-studio .viewport-login .login-story{height:auto;max-height:190px;padding:16px 24px!important;gap:10px}
 .viewport-login .login-story>.logo{font-size:20px}
 .viewport-login .login-story .story-main{display:block!important;margin:0!important}
 .viewport-login .login-story .eyebrow,.viewport-login .login-artwork{display:none}
 .viewport-login .login-story h1{font-size:27px!important;line-height:1.05;letter-spacing:-1px}
 .viewport-login .login-story footer{font-size:8px}
 body.final-studio .viewport-login .login-form-side{padding:45px 24px 14px!important}
 .viewport-login .login-appearance{top:6px;right:16px}
 .viewport-login .login-providers{margin-top:18px;gap:8px}
 .viewport-login .or-rule{margin:14px 0}
 .viewport-login .login-form .fine{margin-top:18px}
}
@media(max-width:650px) and (max-height:740px){
 .viewport-login .login-story .story-main,.viewport-login .login-story footer{display:none!important}
 body.final-studio .viewport-login .login-story{padding:12px 24px!important}
}
@media(min-width:651px) and (max-height:550px){
 .viewport-login .login-artwork{display:none}
 .viewport-login .login-story h1{font-size:clamp(24px,8vh,48px)!important}
}

/* Workspace hub and explicit project actions. */
.workspace-hub{width:265px!important;padding:12px!important}
.hub-heading{display:flex;gap:10px;align-items:center;padding:5px 5px 15px}
.hub-heading strong{display:block;font-size:12px;color:var(--ink)}
.hub-heading small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.hub-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 4px 12px}
.hub-counts>a{display:flex!important;flex-direction:column;gap:1px!important;align-items:flex-start!important;background:var(--soft);border:1px solid var(--line);padding:12px!important;border-radius:7px}
.hub-counts strong{font-size:20px;line-height:1.3;color:var(--ink);font-weight:500}
.hub-counts small{font-size:9px;color:var(--muted)}
.final-studio .project-tile{cursor:default;transition:box-shadow .2s,border-color .2s}
.final-studio .project-tile:hover{transform:none}
.studio-edit-button{width:100%;margin-top:17px;font-size:10px!important;justify-content:space-between;background:var(--surface)}
.studio-edit-button:hover{color:var(--accent);border-color:var(--accent)}
.saved-project-art img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 8px 20px #0001}
.connection-brand-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px;flex-wrap:wrap}
.connection-logo{display:flex;align-items:center;justify-content:flex-start;height:52px;max-width:100%;background:#fff;border-radius:7px;padding:12px 14px;width:190px}
.connection-logo img{display:block;width:auto;max-width:100%;height:auto;max-height:28px;object-fit:contain}
.final-studio .connector .connection-brand-row .pill{position:static;float:none;margin:0;font-size:8px}
.connection-detail{display:block;margin-top:15px;color:var(--muted);font-size:9px}
.future-connection{opacity:1}
.immersive-studio{position:fixed;inset:0;z-index:60;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}
body.studio-open{overflow:hidden}
#real-product-studio{width:100%;height:100%;border:0;display:block;opacity:0;transition:opacity .4s ease;background:var(--bg)}
#real-product-studio.ready{opacity:1}
.studio-opening{position:absolute;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;transition:opacity .4s ease,transform .4s ease;text-align:center;padding:25px}
.studio-opening h1{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:38px 0 9px;color:var(--ink)}
.studio-opening>p{font-size:11px;color:var(--muted)}
.opening-orbit{position:relative;width:58px;height:58px;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.opening-orbit:before{content:'';position:absolute;inset:-30px;border:1px solid var(--line);border-radius:50%;animation:opening-ring 2s ease-in-out infinite}
.opening-orbit i{display:block;background:#245cf0;border-radius:4px;animation:opening-squares 1.6s cubic-bezier(.4,0,.2,1) infinite;--dx:-7px;--dy:-7px}
.opening-orbit i:nth-child(2){--dx:7px;--dy:-7px;animation-delay:.08s}
.opening-orbit i:nth-child(3){--dx:-7px;--dy:7px;animation-delay:.16s}
.opening-orbit i:nth-child(4){--dx:7px;--dy:7px;animation-delay:.24s}
.opening-complete{opacity:0;transform:scale(1.08);pointer-events:none}
.opening-error{margin-top:24px;font-size:11px;color:var(--muted)}
.opening-error .btn{margin:15px 12px 0 0}
.opening-failed>.opening-orbit i{animation-play-state:paused}
@keyframes opening-squares{0%,100%{transform:translate(0,0) scale(1);opacity:1}50%{transform:translate(var(--dx),var(--dy)) scale(1.08);opacity:.65}}
@keyframes opening-ring{0%,100%{transform:scale(.9);opacity:.4}50%{transform:scale(1.2);opacity:1}}
@media(prefers-reduced-motion:reduce){.opening-orbit i,.opening-orbit:before{animation:none}.studio-opening,#real-product-studio{transition:none}}





/* Equal-height project cards; a compact, consistently placed Studio action. */
.final-studio .project-tile{display:flex;flex-direction:column;height:100%;min-width:0}
.final-studio .project-tile .project-art{height:210px;min-height:210px;flex:0 0 210px;overflow:hidden}
.final-studio .project-tile .project-details{display:flex;flex-direction:column;flex:1;min-width:0}
.final-studio .project-tile .project-details>p{margin-bottom:18px}
.final-studio .project-tile .project-details>.row:nth-last-child(2){margin-top:auto}
.final-studio .project-tile .studio-edit-button{align-self:flex-end;flex:none;width:auto;min-height:36px;height:36px;padding:0 13px;margin:18px 0 0;gap:12px;justify-content:center;white-space:nowrap;background:#245cf0;color:#fff;border:1px solid #245cf0;font-weight:600}
.final-studio .project-tile .studio-edit-button:hover{background:#1948cd;border-color:#1948cd;color:#fff}
.studio-edit-button svg{width:14px;height:14px}
@media(max-width:900px) and (min-width:651px){.final-studio .final-recent .project-tile .project-art{height:150px;min-height:150px;flex-basis:150px}}



/* Connection cards share the same header, copy and action tracks. */
.final-studio .connection-grid{align-items:stretch}
.final-studio .connection-grid .connector{display:grid;grid-template-rows:48px auto minmax(48px,1fr) 32px 16px;gap:16px;min-width:0;height:100%;padding:24px}
.final-studio .connection-grid .connection-brand-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;height:48px;margin:0}
.connection-brand-row .connection-logo{display:flex;align-items:center;justify-content:flex-start;min-width:0;width:200px;max-width:100%;height:48px;padding:0;border-radius:6px;background:#fff;overflow:hidden}
.connection-brand-row .connection-logo img{display:block;flex:0 1 auto;width:auto;height:auto;max-width:100%;max-height:none;object-fit:contain}
.connection-brand-row .logo-infigo img{width:88px}
.connection-brand-row .logo-shopify img{width:112px}
/* The supplied Gelato image includes transparent space above and below its wordmark. */
.connection-brand-row .logo-gelato img{width:200px}
.final-studio .connection-grid .connector>h3{margin:0;font-size:15px;line-height:1.4}
.final-studio .connection-grid .connector>p{margin:0;line-height:1.75;min-height:0}
.final-studio .connection-grid .connector>.btn{justify-self:start;align-self:start;height:32px;min-height:32px;width:auto;margin:0;padding:0 11px;font-size:10px;white-space:nowrap}
.final-studio .connection-grid .connector>.connection-detail{display:block;margin:0;line-height:16px;font-size:9px;color:var(--muted)}
.final-studio .connection-grid .connection-brand-row .pill{white-space:nowrap}
@media(max-width:1100px) and (min-width:651px){.final-studio .connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}