.editor-shell .compact-pane-nav{display:none}.canvas-layer .live-preview-button{position:absolute;inset:5px 5px auto auto;z-index:2;padding:4px 10px;border:1px solid #a4b8d5;border-radius:6px;background:#fff;color:#254983;font:600 12px/1.5 system-ui,sans-serif;cursor:pointer}.studio-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media screen{.account-surface,.compact-pane-nav,.editor-header,.editor-shell :is(.inspector-tabs,.canvas-toolbar,.agent-intro,.editor-status,.rail-heading),.workspace{font-family:Tessuvi Inter,Arial,sans-serif}.workspace{color:var(--ink);background:#f6f8fd}.workspace .sidebar{color:#eef2ff;background:linear-gradient(156deg,#111e46,#152853 57%,#182755);border-color:#1e315f}.workspace .sidebar .brand{color:white}.workspace .sidebar .brand-symbol i{background:#edf2ff}.workspace .sidebar .brand-symbol i:nth-child(2){background:var(--ui-accent-light)}.workspace .sidebar-label,.workspace .user-menu small{color:#afbedc}.workspace .sidebar nav :is(button,a){color:#d2ddf2;border-radius:9px;font-weight:500;min-height:39px}.workspace .workspace-service-link{display:flex;align-items:center;gap:11px;padding:10px 12px;font-size:12px}.workspace .sidebar nav :is(button,a):hover{color:#fff;background:#233966}.workspace .sidebar nav .active{color:#fff;background:#344c83;box-shadow:inset 3px 0 #a4beff}.workspace .sidebar :focus-visible{outline:2px solid #adc7ff;outline-offset:-2px}.workspace .sidebar .user-menu>button{color:#edf2ff;border-color:#526692;background:transparent}.workspace .sidebar .user-menu>button:hover{background:#314572}.workspace .sidebar-bottom{border-color:#425984}.workspace .connection-note{background:#223861;color:#cad7ee}.workspace .connection-note strong{color:#f1f5ff}.workspace .connection-note svg{color:#a9c6ff}.workspace .workspace-topbar{gap:15px;min-height:60px;height:auto;padding-block:10px;background:#fff}.workspace .breadcrumb{color:var(--muted)}.workspace .breadcrumb strong{color:var(--ink)}.project-empty-actions,.project-view-controls,.workspace-topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.workspace-topbar-actions{justify-content:flex-end}.workspace .workspace-topbar-actions .import-project{margin:0}.workspace .workspace-topbar-actions .import-project>button{color:var(--brand-blue);min-height:34px}.workspace .search-field input{background:#f4f6fb;border:1px solid #dee5f1;border-radius:9px;padding:9px 12px;max-width:100%}.workspace .dashboard-content{max-width:1380px;padding:clamp(20px,3vw,46px)}.account-surface h1,.workspace .dashboard-heading h1{color:var(--ink);font-weight:640;letter-spacing:-.052em;overflow-wrap:anywhere}.workspace-start{padding:clamp(18px,3.5vw,48px);border-radius:23px;position:relative;isolation:isolate;background:#132454;box-shadow:0 14px 36px #22387512}.workspace-start-art,.workspace-start:before{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.workspace-start-art{object-fit:cover;object-position:center 49%;z-index:-2}.workspace-start:before{content:"";background:linear-gradient(105deg,#101c43f0 3%,#152958c9 56%,#283d6866);z-index:-1}.workspace .workspace-start h1{color:white;font-size:clamp(30px,3.4vw,48px);margin:0 0 8px;line-height:1.11}.workspace .workspace-start .dashboard-heading p{color:#d4dffb;margin:0;font-size:14px}.workspace .workspace-start .dashboard-heading .button{color:#fff;background:#172955;border-color:#8092bd;border-radius:99px;margin-top:0;flex:none}.workspace .create-panel{margin:clamp(18px,2.2vw,30px) 0 0;padding:clamp(16px,2vw,26px);border:1px solid #dae3f6;border-radius:16px;color:var(--ink);background:#fff;box-shadow:0 6px 20px #07102f26}.workspace .create-panel textarea::placeholder{color:#667794}.workspace .create-panel textarea:focus-visible{outline:2px solid var(--brand-blue);outline-offset:4px;border-radius:5px}.workspace .create-panel-bottom,.workspace .format-options{flex-wrap:wrap}.workspace .format-options button{color:#526381;border-radius:8px;min-height:34px}.workspace .format-options button.active{color:#2c429e;background:#e9efff;border-color:#c7d5f5;box-shadow:none}.account-surface .button.purple,.editor-shell .button.purple,.workspace .button.purple{background:var(--brand-blue);color:#fff;border-radius:99px}.workspace .section-title-row{gap:12px;flex-wrap:wrap;margin-top:32px}.workspace .section-title-row h2{color:var(--ink);font-weight:620;font-size:clamp(19px,1.8vw,26px)}.account-surface .service-card,.workspace .form-grid,.workspace .media-card,.workspace .project-card,.workspace .template-discovery{border-color:#d8e2f0;border-radius:14px;background:#fff;box-shadow:0 3px 12px #23365a08}.workspace :is(.template-filters,.project-view-controls) button[aria-pressed=true]{color:#2c409a;background:#e9efff;border-color:#becdf4}.workspace .template-filters button{border-radius:99px}.workspace .project-view-controls{margin:0 0 14px;gap:4px}.workspace .project-view-controls :is(select,button){height:36px;padding:6px 10px;font-size:12px;color:#485a78;background:white;border-radius:8px;border:1px solid var(--line)}.project-view-controls button{display:inline-grid;place-items:center}.project-empty-actions{justify-content:center;margin-top:14px}.workspace .project-grid[data-layout=list]{grid-template-columns:minmax(0,1fr);gap:7px}.workspace .project-grid[data-layout=list] .project-card{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;padding:6px}.workspace .project-grid[data-layout=list] .project-card>a{padding:4px;border-radius:6px}.workspace .project-card-body h3{overflow-wrap:anywhere}.workspace .project-card-body>div:first-child{min-width:0}.workspace .project-grid[data-layout=list] .project-card-body{padding:8px 10px}.workspace .project-empty-actions .text-link{font-size:12px}.account-surface{color:var(--ink)}.account-surface .service-heading{border-inline-start:3px solid var(--brand-blue);padding-inline-start:clamp(16px,2vw,28px)}.account-surface .service-heading h1{margin:0 0 12px}.account-surface .service-card p,.account-surface .service-heading p{color:var(--muted)}.account-surface .service-card :is(input,select,textarea){color:var(--ink);border-color:var(--line)}.editor-shell .editor-header{background:#142348;color:#f1f5ff;border-color:#28395c}.editor-shell .editor-brand-mark i{background:#f1f4ff}.editor-shell .editor-brand-mark i:nth-child(2){background:var(--ui-accent-light)}.editor-shell .editor-home,.editor-shell .editor-title>input{color:#fff}.editor-shell .editor-title>span{color:#bbc9e6}.editor-shell .editor-header-actions :is(.icon-button,.button.quiet,.button.outline){color:#ebf1ff}.editor-shell .editor-header-actions .button.outline{border-color:#65779c;background:#213459}.editor-shell .editor-header-actions .button.purple{background:#dfe7ff;color:#253777}.editor-shell .editor-header-actions :is(.button,.icon-button):not(:disabled):hover{background:#31476e;color:#fff}.editor-shell .editor-header :focus-visible{outline:2px solid #bfd2ff;outline-offset:-2px}.editor-shell .inspector,.editor-shell .page-rail{background:#fcfdff}.editor-shell .editor-stage{background:#edf1f8}.editor-shell .canvas-toolbar,.editor-shell .editor-status,.editor-shell .inspector-tabs{background:#fff;border-color:var(--line)}.editor-shell .canvas-toolbar{gap:5px}.editor-shell .insert-tools{flex-wrap:wrap;gap:3px}.editor-shell .insert-tools button{color:#50617d;font-size:11px;padding:7px 6px;border-radius:7px}.editor-shell .insert-tools button:not(:disabled):hover{color:var(--brand-blue);background:var(--brand-mist)}.editor-shell .inspector-tabs button{color:#566683;font-size:11px}.editor-shell .inspector-tabs button.active{color:var(--brand-blue);font-weight:650}.editor-shell .proposal-banner,.editor-shell .sample-banner{color:#304495;background:#e7eeff}.editor-shell .rail-heading,.editor-shell .thumb-index,.editor-shell .thumb-title{color:#546682}.editor-shell .agent-intro h2{color:#172953;font-size:25px;margin:6px 0 10px;font-weight:620}.editor-shell .agent-intro p{color:var(--muted);max-width:38ch;font-size:12px}.editor-shell .agent-symbol{color:#dce6ff;background:#223b76;margin-bottom:14px}.editor-shell .agent-composer{border-color:var(--line);background:transparent}.editor-shell .agent-composer>textarea{color:#233757;background:#fff;border-color:#bdcbe0;border-radius:12px;font-size:13px}.editor-shell .agent-scope select{background:#f1f5fd;border-color:var(--line);font-size:11px}.editor-shell .agent-panel{gap:16px}.editor-shell :is(.canvas-fit,.add-page){color:#435678;background:#f5f8fd;border-color:#cdd8e9}}@media screen and (min-width:1280px){.editor-shell .editor-header{height:56px}.editor-shell .editor-body{grid-template-columns:160px minmax(480px,1fr) 384px}.editor-shell .canvas-scroll{padding:32px 24px}}@media screen and (max-width:1279px){.editor-shell .agent-panel{display:flex;flex-direction:column}.editor-shell{height:100dvh;min-height:0;overflow:hidden}.editor-shell .compact-pane-nav{display:flex;align-items:center;flex-shrink:0;padding:5px 12px;gap:5px;border-bottom:1px solid var(--line);background:#f5f8ff}.compact-pane-nav button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 12px;border-radius:8px;color:#465778;font-size:12px}.compact-pane-nav button[aria-pressed=true]{color:#283e99;background:#e0e9ff;font-weight:650}.editor-shell .editor-body{position:relative;grid-template-columns:minmax(0,1fr);min-height:0}.editor-shell .inspector,.editor-shell .page-rail{display:none}.editor-shell[data-pane=inspector] .inspector,.editor-shell[data-pane=slides] .page-rail{display:flex;position:absolute;z-index:4;inset-block:0;width:min(420px,90%);box-shadow:0 8px 28px #15234826}.editor-shell[data-pane=slides] .page-rail{inset-inline-start:0;max-width:260px}.editor-shell[data-pane=inspector] .inspector{inset-inline-end:0}.editor-shell .canvas-scroll{min-height:0}}@media screen and (max-width:767px){.workspace .dashboard-content{padding:18px 14px 32px}.workspace .workspace-topbar{padding:9px 14px;flex-wrap:wrap}.workspace .workspace-topbar-actions{margin-inline-start:auto}.workspace .search-field input{width:128px}.workspace-start{border-radius:17px;padding:22px 15px 15px}.workspace-start .dashboard-heading{flex-wrap:wrap;gap:12px}.workspace .workspace-start .dashboard-heading .button{min-height:32px;padding:5px 12px}.workspace .format-options button{flex:1 1 auto}.workspace .sidebar nav .active{box-shadow:inset 0 -2px #a4beff}.workspace .sidebar nav a{white-space:nowrap}.workspace .project-grid[data-layout=list] .project-card{grid-template-columns:74px minmax(0,1fr)}.editor-shell .compact-pane-nav{justify-content:center}.editor-shell .compact-pane-nav button{min-height:40px}.editor-shell .editor-body{padding-bottom:env(safe-area-inset-bottom,0)}.editor-shell[data-pane=inspector] .editor-stage,.editor-shell[data-pane=slides] .editor-stage{display:none}.editor-shell[data-pane=inspector] .inspector,.editor-shell[data-pane=slides] .page-rail{position:static;max-width:none;width:100%;box-shadow:none}.editor-shell .page-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(148px,100%),1fr));align-content:start;gap:10px;padding:7px}.editor-shell .page-thumb{padding:2px 1px 8px}.editor-shell .thumb-title{font-size:11px}.editor-shell .page-rail .add-page{font-size:13px}.editor-shell .agent-panel{display:flex;padding:16px}.editor-shell .insert-tools button,.editor-shell .page-rail .rail-page-actions button{min-width:36px;min-height:38px}.editor-shell .inspector-tabs{justify-content:space-evenly;gap:0}.editor-shell .canvas-toolbar{min-height:0;height:auto;padding:6px 8px}.editor-shell .canvas-scroll{padding:22px 10px}.editor-shell .editor-status{min-height:32px}.editor-shell .agent-composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}