.pb-studio{min-height:100vh;background:var(--page);color:var(--ink-900);font-family:var(--font-sans);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.pb-topbar{min-height:76px;display:grid;grid-template-columns:minmax(220px,auto) minmax(260px,1fr) auto;grid-gap:var(--s4);gap:var(--s4);align-items:center;padding:var(--s3) var(--s5);background:var(--surface);border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:30}.pb-approval>div,.pb-brand,.pb-canvas-topline,.pb-composition-title,.pb-file-card,.pb-library-item,.pb-node-actions,.pb-node-select,.pb-node-toolbar,.pb-page-identity,.pb-pagination,.pb-panel-header,.pb-shortcuts,.pb-statusbar,.pb-subbar>div,.pb-top-actions,.pb-validation>header{display:flex;align-items:center}.pb-brand{gap:var(--s3)}.pb-brand-mark{width:42px;height:42px;border-radius:var(--r-lg);display:grid;place-items:center;color:var(--palette-fff);font-weight:800;background:var(--gradient-brand);box-shadow:var(--shadow-sm)}.pb-brand strong,.pb-page-identity strong{display:block}.pb-brand small,.pb-canvas-topline small,.pb-composition-title small,.pb-contract-meta,.pb-inspector-muted,.pb-library-item small,.pb-node-select small,.pb-page-identity small,.pb-panel-header small,.pb-runtime-placeholder p{color:var(--ink-500);font-size:var(--text-12)}.pb-page-identity{min-width:0;gap:var(--s2)}.pb-page-identity small,.pb-page-identity strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-page-identity>span{padding:var(--s1) var(--s2);border-radius:var(--r-pill);background:var(--brand-100);color:var(--brand-800);font-size:var(--text-11);font-weight:800}.pb-top-actions{justify-content:flex-end;gap:var(--s2);flex-wrap:wrap}.pb-viewport-switcher{display:flex;padding:3px;border:1px solid var(--border-subtle);background:var(--ink-50);border-radius:var(--r-md)}.pb-mode-tabs button,.pb-node-actions button,.pb-subbar button,.pb-viewport-switcher button{border:0;background:transparent;color:var(--ink-600);border-radius:var(--r-sm);min-height:34px;display:inline-flex;gap:var(--s1);align-items:center;justify-content:center;padding:0 var(--s2);font:inherit}.pb-mode-tabs button[aria-selected=true],.pb-viewport-switcher button[aria-checked=true]{background:var(--surface);color:var(--brand-700);box-shadow:var(--shadow-xs)}.pb-subbar{min-height:46px;padding:0 var(--s5);display:flex;justify-content:space-between;gap:var(--s3);align-items:center;background:var(--surface-soft);border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:76px;z-index:29}.pb-subbar>div{gap:var(--s3);font-size:var(--text-12);color:var(--ink-600)}.pb-subbar button{cursor:pointer}.pb-workspace{display:grid;grid-template-columns:286px minmax(480px,1fr) 310px;min-height:0;grid-gap:var(--s3);gap:var(--s3);padding:var(--s3);overflow:hidden}.pb-workspace-with-layers{grid-template-columns:270px 220px minmax(480px,1fr) 310px}.pb-canvas-panel,.pb-inspector,.pb-layers,.pb-library{min-width:0;min-height:0;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-xs);overflow:hidden}.pb-inspector,.pb-layers,.pb-library{display:flex;flex-direction:column}.pb-canvas-topline,.pb-panel-header{justify-content:space-between;gap:var(--s3);padding:var(--s4);border-bottom:1px solid var(--border-subtle)}.pb-canvas-topline>div,.pb-panel-header>div{min-width:0}.pb-library-search{margin:var(--s3);display:flex;align-items:center;gap:var(--s2);padding:0 var(--s3);border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--ink-50)}.pb-library-search input{min-width:0;width:100%;height:40px;border:0;background:transparent;outline:0}.pb-mode-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 var(--s3) var(--s3);padding:3px;border-radius:var(--r-md);background:var(--ink-75)}.pb-inspector-field,.pb-library-filter{display:grid;grid-gap:var(--s1);gap:var(--s1);font-size:var(--text-12);font-weight:700;color:var(--ink-700)}.pb-library-filter{margin:0 var(--s3) var(--s3)}.pb-approval textarea,.pb-form-field input,.pb-form-field select,.pb-form-field textarea,.pb-inspector-field input,.pb-inspector-field select,.pb-inspector-field textarea,.pb-inspector-section>textarea,.pb-library-filter select{width:100%;border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface);color:var(--ink-900);padding:var(--s2) var(--s3);font:inherit}.pb-composition-tree,.pb-inspector,.pb-layers>ul,.pb-library-list{overflow:auto}.pb-composition-tree,.pb-library-list{display:grid;grid-gap:var(--s2);gap:var(--s2);padding:0 var(--s3) var(--s3)}.pb-composition-item,.pb-library-item{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--surface);padding:var(--s2);cursor:-webkit-grab;cursor:grab;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pb-library-item{gap:var(--s2)}.pb-composition-title>div:last-child,.pb-library-item>div:nth-child(2){min-width:0;flex:1 1}.pb-composition-item:hover,.pb-library-item:hover{border-color:var(--brand-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pb-library-icon{width:34px;height:34px;border-radius:var(--r-md);background:var(--surface-brand);color:var(--brand-700);display:grid;place-items:center;flex:0 0 auto}.pb-composition-item{display:grid;grid-gap:var(--s2);gap:var(--s2)}.pb-composition-path{display:flex;flex-wrap:wrap;gap:var(--s1)}.pb-composition-path span{font-size:var(--text-11);padding:2px var(--s2);border-radius:var(--r-pill);background:var(--ink-75);color:var(--ink-600)}.pb-composition-title{gap:var(--s2);align-items:flex-start}.pb-canvas-panel{display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--ink-75)}.pb-viewport-pill{padding:var(--s1) var(--s2);border-radius:var(--r-pill);background:var(--blue-100);color:var(--blue-700);font-size:var(--text-11);font-weight:800}.pb-canvas-frame{margin:var(--s4) auto;padding:var(--s4);background:var(--page);border:1px solid var(--border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:auto;transition:max-width .2s ease,width .2s ease}.pb-canvas-frame-desktop{width:100%;max-width:1440px}.pb-canvas-frame-tablet{width:768px;max-width:100%}.pb-canvas-frame-mobile{width:390px;max-width:100%}.pb-canvas-node{position:relative;min-width:0;border:1px solid transparent;border-radius:var(--r-lg);padding:var(--s2);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.pb-canvas-node[data-selected=true]{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100),var(--shadow-sm)}.pb-canvas-node[data-locked=true]{background:var(--ink-50)}.pb-node-toolbar{justify-content:space-between;gap:var(--s2);margin-bottom:var(--s2)}.pb-node-select{min-width:0;flex:1 1;gap:var(--s2);border:0;background:transparent;text-align:left;color:inherit}.pb-node-select strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-node-handle{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--ink-75);color:var(--ink-500)}.pb-node-actions{gap:var(--s1)}.pb-node-actions button{width:30px;padding:0;cursor:pointer}.pb-node-preview{min-height:34px}.pb-node-slot{margin-top:var(--s2);padding:var(--s2);border:1px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface-soft)}.pb-node-slot>header{display:flex;justify-content:space-between;color:var(--ink-500);font-size:var(--text-11);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pb-slot-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:var(--s2);gap:var(--s2);margin-top:var(--s2)}.pb-slot-child{display:contents}.pb-dropzone{grid-column:1/-1;min-height:34px;border:1px dashed var(--border-strong);border-radius:var(--r-md);display:grid;place-items:center;color:var(--ink-400);font-size:var(--text-11);background:var(--alpha-255-255-255-0p62);transition:min-height .14s ease,background .14s ease,border-color .14s ease}.pb-dropzone-compact{min-height:8px;border-color:transparent}.pb-dropzone-compact span{display:none}.pb-dropzone[data-tone=green]{min-height:44px;background:var(--green-50);border-color:var(--green-500);color:var(--green-700)}.pb-dropzone[data-tone=orange]{min-height:44px;background:var(--orange-50);border-color:var(--orange-500);color:var(--orange-700)}.pb-dropzone[data-tone=red]{min-height:44px;background:var(--red-50);border-color:var(--red-500);color:var(--red-700)}.pb-inspector-section{display:grid;grid-gap:var(--s3);gap:var(--s3);padding:var(--s4);border-bottom:1px solid var(--border-subtle)}.pb-inspector-section h3{font-size:var(--text-13);margin:0}.pb-inspector-field textarea{resize:vertical}.pb-toggle-field{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);font-size:var(--text-13);font-weight:700}.pb-toggle-field input{width:36px;height:20px}.pb-contract-meta{display:grid;grid-gap:var(--s1);gap:var(--s1);padding:var(--s2);border-radius:var(--r-md);background:var(--ink-50);word-break:break-word}.pb-inspector-empty{padding:var(--s5);color:var(--ink-600)}.pb-layers ul,.pb-layers>ul{list-style:none;margin:0;padding:0}.pb-layers button{width:100%;min-height:38px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--s2);gap:var(--s2);align-items:center;border:0;background:transparent;text-align:left;color:var(--ink-700)}.pb-layers button[data-selected=true]{background:var(--surface-brand);color:var(--brand-800)}.pb-layers small{font-size:var(--text-11);color:var(--ink-500)}.pb-statusbar{min-height:38px;justify-content:flex-end;gap:var(--s4);padding:0 var(--s5);border-top:1px solid var(--border-subtle);background:var(--surface);font-size:var(--text-11);color:var(--ink-600)}.pb-statusbar span{display:inline-flex;align-items:center;gap:var(--s1)}.pb-validation{display:grid;grid-gap:var(--s4);gap:var(--s4)}.pb-validation>header{justify-content:space-between}.pb-validation h3{margin:0 0 var(--s2)}.pb-validation ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--s2);gap:var(--s2)}.pb-validation li button{width:100%;display:grid;grid-gap:var(--s1);gap:var(--s1);text-align:left;border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface);padding:var(--s3);color:inherit}.pb-validation li span{color:var(--ink-600);font-size:var(--text-12)}.pb-full-preview{margin:auto;background:var(--page);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:auto}.pb-full-preview-desktop{width:100%}.pb-full-preview-tablet{width:768px;max-width:100%}.pb-full-preview-mobile{width:390px;max-width:100%}.pb-runtime-page{padding:var(--s4)}.pb-runtime-page,.pb-runtime-section{display:grid;grid-gap:var(--s4);gap:var(--s4)}.pb-runtime-section{padding:var(--s5);border:1px solid var(--border-subtle);border-radius:var(--r-xl);background:var(--surface)}.pb-runtime-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:var(--s3);gap:var(--s3)}.pb-runtime-cell{min-width:0}.pb-runtime-stack{display:grid;grid-gap:var(--s3);gap:var(--s3)}.pb-runtime-divider{border:0;border-top:1px solid var(--border-subtle)}.pb-runtime-text{margin:0;color:var(--ink-700);line-height:var(--line-body)}.pb-runtime-text-lead{font-size:var(--text-18);color:var(--ink-800)}.pb-runtime-text-muted{color:var(--ink-500)}.pb-runtime-rich{line-height:var(--line-body)}.pb-runtime-list{margin:0;padding-left:var(--s5)}.pb-callout{padding:var(--s4);border-radius:var(--r-lg);background:var(--surface-brand);border-left:4px solid var(--brand-500)}.pb-callout-info{background:var(--blue-50);border-color:var(--blue-500)}.pb-callout-warning{background:var(--orange-50);border-color:var(--orange-500)}.pb-callout-success{background:var(--green-50);border-color:var(--green-500)}.pb-breadcrumb{display:flex;gap:var(--s2);color:var(--ink-500);font-size:var(--text-12)}.pb-breadcrumb span+span:before{content:"/";margin-right:var(--s2)}.pb-metric-note{color:var(--ink-500);font-size:var(--text-12)}.pb-metric-note,.pb-search{display:flex;gap:var(--s2);align-items:center}.pb-search{min-height:42px;padding:0 var(--s3);border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface)}.pb-search input{width:100%;border:0;outline:0}.pb-filter-bar{display:flex;flex-wrap:wrap;gap:var(--s3);padding:var(--s3);border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--surface-soft)}.pb-filter-bar label{display:grid;grid-gap:var(--s1);gap:var(--s1);font-size:var(--text-11);font-weight:700}.pb-filter-bar select{min-width:145px;border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--s2);background:var(--surface)}.pb-pagination{justify-content:center;gap:var(--s3)}.pb-shortcuts{gap:var(--s2);flex-wrap:wrap}.pb-chart-card,.pb-table-card{padding:var(--s4)}.pb-chart-card h3,.pb-table-card h3{margin:0 0 var(--s3)}.pb-mini-bars{height:88px;display:flex;align-items:flex-end;gap:var(--s2);padding:var(--s3);border-bottom:1px solid var(--border-subtle)}.pb-mini-bars i{flex:1 1;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--gradient-brand)}.pb-mini-line{width:100%;height:112px}.pb-mini-line polyline{fill:none;stroke:var(--brand-600);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.pb-gauge{padding:var(--s4);display:grid;grid-gap:var(--s2);gap:var(--s2)}.pb-gauge strong{font-size:var(--text-32)}.pb-gauge>div{height:8px;background:var(--ink-100);border-radius:var(--r-pill);overflow:hidden}.pb-gauge i{display:block;height:100%;background:var(--gradient-brand)}.pb-funnel{padding:var(--s4);display:grid;grid-gap:var(--s2);gap:var(--s2)}.pb-funnel>div{margin:auto;text-align:center;color:var(--palette-fff);padding:var(--s2);background:var(--gradient-brand);border-radius:var(--r-sm)}.pb-timeline{display:grid;grid-gap:var(--s3);gap:var(--s3)}.pb-timeline article{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--s3);gap:var(--s3)}.pb-timeline i{width:12px;height:12px;margin-top:5px;border-radius:50%;background:var(--brand-500);box-shadow:0 0 0 5px var(--brand-100)}.pb-timeline span{display:block;color:var(--ink-500);font-size:var(--text-12)}.pb-map-placeholder,.pb-media-placeholder,.pb-video-placeholder{min-height:160px;display:grid;place-items:center;align-content:center;grid-gap:var(--s2);gap:var(--s2);background:var(--ink-75);border:1px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--ink-500)}.pb-table{display:grid;min-width:520px}.pb-table-head,.pb-table-row{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));grid-gap:var(--s2);gap:var(--s2);padding:var(--s2);border-bottom:1px solid var(--border-subtle)}.pb-table-head{font-size:var(--text-11);font-weight:800;text-transform:uppercase;color:var(--ink-500);background:var(--ink-50)}.pb-runtime-list-cards{display:grid;grid-gap:var(--s2);gap:var(--s2)}.pb-runtime-list-cards .card{padding:var(--s3);display:flex;justify-content:space-between}.pb-kanban{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));grid-gap:var(--s3);gap:var(--s3);overflow:auto}.pb-kanban>section{min-height:220px;padding:var(--s2);border-radius:var(--r-lg);background:var(--ink-75)}.pb-kanban header{font-weight:800;margin-bottom:var(--s2)}.pb-kanban .card{padding:var(--s3);margin-bottom:var(--s2)}.pb-kanban small{display:block;color:var(--ink-500);margin-top:var(--s1)}.pb-form-field{display:grid;grid-gap:var(--s1);gap:var(--s1);font-weight:700}.pb-approval{padding:var(--s4);display:grid;grid-gap:var(--s3);gap:var(--s3)}.pb-approval>div{justify-content:flex-end;gap:var(--s2)}.pb-runtime-placeholder{padding:var(--s3);display:flex;gap:var(--s3);align-items:center}.pb-logo-placeholder{min-height:70px;display:grid;place-items:center;border:1px dashed var(--border-strong);border-radius:var(--r-lg);font-weight:900;color:var(--brand-700)}.pb-avatar-placeholder{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--gradient-brand);color:var(--palette-fff);font-weight:900}.pb-file-card{padding:var(--s3);gap:var(--s3)}.pb-file-card strong{flex:1 1}.pb-legacy-block{padding:var(--s4);display:grid;grid-gap:var(--s2);gap:var(--s2);border:1px dashed var(--orange-500);border-radius:var(--r-lg);background:var(--orange-50)}@media(max-width:1320px){.pb-topbar{grid-template-columns:auto 1fr}.pb-top-actions{grid-column:1/-1;justify-content:flex-start}.pb-subbar{top:122px}.pb-workspace{grid-template-columns:260px minmax(420px,1fr) 290px}.pb-workspace-with-layers{grid-template-columns:240px minmax(420px,1fr) 290px}.pb-workspace-with-layers .pb-layers{display:none}}@media(max-width:980px){.pb-topbar{position:static;grid-template-columns:1fr}.pb-subbar{position:static;align-items:flex-start;flex-direction:column;padding-block:var(--s2)}.pb-workspace,.pb-workspace-with-layers{grid-template-columns:1fr;overflow:auto}.pb-inspector,.pb-layers,.pb-library{max-height:none}.pb-canvas-panel{min-height:720px}.pb-statusbar{justify-content:flex-start;overflow:auto}.pb-runtime-grid{grid-template-columns:1fr}.pb-runtime-cell{grid-column:1/-1!important}.pb-kanban{grid-template-columns:repeat(4,250px)}}@media(max-width:640px){.pb-top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.pb-viewport-switcher{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.pb-viewport-switcher button span{display:none}.pb-subbar>div{flex-wrap:wrap}.pb-canvas-frame{margin:var(--s2);padding:var(--s2)}.pb-node-toolbar{align-items:flex-start}.pb-node-select small{display:none}.pb-node-actions{display:grid;grid-template-columns:repeat(2,30px)}.pb-filter-bar{display:grid}.pb-filter-bar select{width:100%}.pb-statusbar{padding-inline:var(--s2)}.pb-statusbar span:nth-child(-n+2){display:none}}@media(prefers-reduced-motion:reduce){.pb-studio *,.pb-studio :after,.pb-studio :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.pb-mobile-panel{display:contents}.pb-mobile-panel-switch{display:none}.pb-canvas-topline small,.pb-canvas-topline strong,.pb-panel-header small,.pb-panel-header strong{display:block}@media(max-width:980px){.pb-studio{height:100vh;min-height:0;overflow:hidden;grid-template-rows:auto auto 48px minmax(0,1fr) auto}.pb-mobile-panel-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;padding:6px var(--s3);background:var(--surface);border-bottom:1px solid var(--border-subtle)}.pb-mobile-panel-switch button{min-height:36px;border:0;border-radius:var(--r-md);background:var(--ink-75);color:var(--ink-600);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:var(--s1)}.pb-mobile-panel-switch button[data-active=true]{background:var(--surface-brand);color:var(--brand-700);box-shadow:inset 0 0 0 1px var(--brand-200)}.pb-workspace,.pb-workspace-with-layers{display:block;overflow:hidden;padding:var(--s2)}.pb-mobile-panel{display:none;height:100%;min-height:0}.pb-mobile-panel-active{display:contents}.pb-mobile-panel-active>.pb-inspector,.pb-mobile-panel-active>.pb-library{height:100%}.pb-mobile-panel-active>.pb-canvas-panel{height:100%;display:grid}.pb-layers{display:none!important}.pb-canvas-frame-desktop{width:1440px;max-width:none}.pb-canvas-frame-tablet{width:768px;max-width:none}.pb-canvas-frame-mobile{width:390px;max-width:100%}}@media(max-width:640px){.pb-studio{grid-template-rows:auto 0 48px minmax(0,1fr) 34px}.pb-subbar{visibility:hidden;pointer-events:none;min-height:0;padding:0;overflow:hidden}.pb-topbar{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:6px;gap:6px;padding:8px 10px}.pb-brand small,.pb-page-identity small,.pb-page-identity>span{display:none}.pb-page-identity strong{max-width:170px}.pb-top-actions{grid-column:1/-1;display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%}.pb-top-actions .button span:last-child{display:none}.pb-top-actions .button-primary span:last-child{display:inline}.pb-viewport-switcher{display:flex;grid-column:auto}.pb-viewport-switcher button span:last-child{display:none}.pb-mobile-panel-switch{padding:6px 10px}.pb-workspace{padding:6px}.pb-canvas-frame{margin:6px;padding:6px}.pb-canvas-frame-mobile{width:100%}}