/* App chrome only: project specimen typography is never normalized here. */
:root{--app-meta:12px;--app-copy:14px;--app-section:18px;--app-title:26px}
:where(.main-content,.topbar,.app-sidebar,.production-dialog,.premium-popup){font-size:var(--app-copy);line-height:1.5;font-weight:400;letter-spacing:normal}
:where(.main-content,.production-dialog) :is(h1,h2,h3,h4,p,small,strong,label,button,input,textarea,select):not(:where(.ds-anatomy-stage *,.ds-section-example *,.ds-component-grid *,.ds-type-comparison *,.sitemap-wireframe *,.reference-mini-wire *,.section-preview *,[data-premium-exclude] *)){letter-spacing:normal;font-weight:400;line-height:1.5}
:where(.main-content,.production-dialog) :is(h1,h2,h3,h4):not(:where(.ds-anatomy-stage *,.ds-section-example *,.ds-component-grid *,.ds-type-comparison *,.sitemap-wireframe *,.reference-mini-wire *,.section-preview *,[data-premium-exclude] *)){font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.main-content .reference-view-header h1{font-size:26px;font-weight:600;letter-spacing:normal}
:where(.main-content,.production-dialog) h2:not(:where(.ds-anatomy-stage *,.ds-section-example *,.ds-component-grid *,.ds-type-comparison *,.sitemap-wireframe *,.reference-mini-wire *,.section-preview *,[data-premium-exclude] *)){font-size:18px}
:where(.main-content,.production-dialog) :is(p,label,input,textarea,select,button):not(:where(.ds-anatomy-stage *,.ds-section-example *,.ds-component-grid *,.ds-type-comparison *,.sitemap-wireframe *,.reference-mini-wire *,.section-preview *)){font-size:14px}
:where(.main-content,.production-dialog) :is(small,.eyebrow):not(:where(.ds-anatomy-stage *,.ds-section-example *,.ds-component-grid *,.ds-type-comparison *,.sitemap-wireframe *,.reference-mini-wire *,.section-preview *,[data-premium-exclude] *)){font-size:12px}
:where(.main-content,.production-dialog) :is(strong,button,label):not(:where(.ds-anatomy-stage *,.ds-section-example *,.ds-component-grid *,.ds-type-comparison *,.sitemap-wireframe *,.reference-mini-wire *,.section-preview *,[data-premium-exclude] *)){font-weight:500}
button.ts-task-title,button.dock-task-title,.ts-task-file button,.dock-today-steps button{justify-content:flex-start;text-align:left;white-space:normal;overflow-wrap:anywhere}
.ts-task-title strong,.dock-task-title strong{font-weight:500}
.ts-task-title,.dock-task-title{height:auto!important;min-width:0;display:block!important}
html.pd-vnext .ds-studio{container-type:inline-size;container-name:design-space}
html.pd-vnext .ds-anatomy-layout.reference-resizable{display:block!important}
.ds-anatomy-layout>.pane-splitter{display:none}
html.pd-vnext .ds-all-breakpoints{display:grid;grid-template-columns:1fr;gap:20px}
html.pd-vnext .ds-all-breakpoints>.ds-spacing-detail{grid-column:auto!important;grid-row:auto!important;order:initial}
.ds-all-breakpoints [data-anatomy].is-selected{border-color:#0B63F6;box-shadow:inset 0 3px #0B63F6}
.ds-all-breakpoints .ds-anatomy-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
.ds-anatomy-layout .ds-token-wrapper{margin:16px 0}
.ds-anatomy-layout .ds-inspector-trigger{display:inline-flex!important}
.ds-anatomy-layout .ds-inspector-close{display:inline-flex!important}
.ds-anatomy-layout .ds-token-drawer{display:none}
.ds-anatomy-layout .ds-token-wrapper.is-open .ds-token-drawer{display:block;position:fixed;inset:64px 16px 64px auto;width:min(380px,calc(100vw - 32px));overflow:auto;z-index:80;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 48px #0003}
@container design-space (min-width:1200px){html.pd-vnext .ds-all-breakpoints{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.8fr)}}
@container design-space (min-width:1700px){html.pd-vnext .ds-anatomy-layout.reference-resizable{display:grid!important;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.ds-anatomy-layout .ds-token-drawer{display:block;position:static}.ds-anatomy-layout .ds-inspector-trigger,.ds-anatomy-layout .ds-inspector-close{display:none!important}}
.clarity-nav-group{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:start}
.clarity-nav-toggle{min-width:26px!important;min-height:36px!important;padding:2px!important;color:#94a3b8;background:transparent;border:0;border-radius:8px;display:grid;place-items:center;transition:background .18s,color .18s}
.clarity-nav-toggle:hover{background:#ffffff12;color:#fff}
.clarity-nav-toggle i{font-size:16px;transition:transform .18s}
.clarity-nav-toggle[aria-expanded=true] i{transform:rotate(180deg)}
.clarity-nav-toggle:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
.clarity-nav-sub{grid-column:1/-1;display:grid;gap:4px;padding:4px 4px 8px 30px}
.clarity-nav-sub[hidden]{display:none}
.clarity-nav-sub button{justify-content:flex-start!important;text-align:left;white-space:normal;height:auto;font-size:12px!important;min-height:30px!important;border:0;background:transparent;color:#cbd5e1;padding:6px 8px}
.clarity-nav-sub button[aria-current]{background:#193761;color:#fff;border-radius:8px}
.app-sidebar .primary-nav{overflow-y:auto;min-height:0;flex:1}
.clarity-nav-target{scroll-margin-top:24px}
.clarity-context,.clarity-next,.clarity-pending{padding:20px;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.clarity-context dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px}.clarity-context dd{margin:0;overflow-wrap:anywhere}.clarity-next p{max-width:75ch}
.clarity-package-form{display:grid;gap:16px}.clarity-package-form label{display:grid;gap:6px}.clarity-package-form select{width:100%}
.clarity-package-form [hidden]{display:none!important}
.clarity-package-preview{overflow-wrap:anywhere}.clarity-package-preview ul{padding-left:20px}.clarity-package-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.clarity-package-images label{display:flex;gap:8px;align-items:center}.clarity-package-images img{width:60px;height:60px;object-fit:contain}
.clarity-secondary{margin:16px 0}.clarity-secondary summary{cursor:pointer;padding:12px;border:1px solid var(--line);border-radius:12px}
@media(max-width:800px){.clarity-context dl{grid-template-columns:1fr}.clarity-nav-sub{padding-left:12px}}
/* Narrow navigation retains usable text submenus by expanding on demand. */
html[data-sidebar-mode=compact] .clarity-nav-group{grid-template-columns:minmax(0,1fr) 20px}
html[data-sidebar-mode=compact] .clarity-nav-sub{display:none}
@media(max-width:1439px){html:not([data-sidebar-mode=expanded]) .clarity-nav-group{grid-template-columns:minmax(0,1fr) 20px}html:not([data-sidebar-mode=expanded]) .clarity-nav-sub{display:none}}
.premium-popup :is(p,label,input,select,button){font-size:14px;font-weight:400;line-height:1.5;letter-spacing:normal}
.premium-popup :is(h1,h2,h3){font-weight:600;letter-spacing:normal;line-height:1.3}
.premium-popup small{font-size:12px;font-weight:400}
.premium-popup :is(button,label){font-weight:500}
@container design-space (min-width:1700px){.ds-anatomy-layout .ds-token-wrapper.is-open .ds-token-drawer{position:static;inset:auto;width:auto;max-height:none;box-shadow:none}}

/* Semantic surface pairs: project specimens retain their own brand rules. */
html.pd-vnext{--app-selected-surface:#edf4ff;--app-selected-text:#172b4d}
html.pd-vnext[data-pd-resolved-theme=dark]{--app-selected-surface:#19304e;--app-selected-text:#e7f0ff}
html.pd-vnext :is(.portfolio-project-row.active,.category-row.active,.prompt-source-switcher>button.active,.expert-profile-card,.dock-recommended){background:var(--app-selected-surface);color:var(--app-selected-text)}
html.pd-vnext :is(.portfolio-project-row.active,.category-row.active,.prompt-source-switcher>button.active,.expert-profile-card,.dock-recommended) :is(h2,h3,h4,strong,p,span,small){color:inherit}
html.pd-vnext :is(.portfolio-client-logo,.prompt-source-switcher>button,.brand-context-card){background:var(--surface);color:var(--pd-text-primary);border-color:var(--line)}
html.pd-vnext :is(.portfolio-client-logo,.brand-context-card) :is(strong,p,small){color:inherit}
html.pd-vnext .prompt-context-panel{background:var(--surface);color:var(--pd-text-primary)}
html.pd-vnext .prompt-context-panel :is(h3,p){color:inherit}
html.pd-vnext .main-content :is(p,label,input,textarea,select,button):not(:where(.ds-anatomy-stage *,.ds-section-example *,.ds-component-grid *,.ds-type-comparison *,.sitemap-wireframe *,.reference-mini-wire *,.section-preview *,[data-premium-exclude] *)){font-size:14px;line-height:1.5}
html.pd-vnext :is(.main-content,.app-sidebar,.topbar,dialog) :is(button,label,strong,b,h1,h2,h3,h4,h5,h6):not(:where(.ds-anatomy-stage *,.ds-section-example *,.ds-component-grid *,.ds-type-comparison *,.sitemap-wireframe *,.reference-mini-wire *,.section-preview *,[data-premium-exclude] *)){font-weight:600;letter-spacing:normal}
html.pd-vnext :is(.main-content,dialog) :is(small,.eyebrow,.task-meta,.prompt-card-meta,.source-pill):not(:where(.ds-anatomy-stage *,.ds-type-comparison *,.sitemap-wireframe *,.reference-mini-wire *)){font-size:12px}
html.pd-vnext :is(.task-subtask,.reference-notification-list button,.task-description li,.task-content li,.production-dialog li){text-align:left;justify-content:flex-start;font-size:14px;line-height:1.5}
.reference-notification-list button>span{flex:1;min-width:0;text-align:left}
.task-subtask{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;width:100%;white-space:normal}
.task-description :is(ul,ol){text-align:left;padding-left:20px}
html.pd-vnext .ts-step{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;width:100%;text-align:left;justify-content:start;white-space:normal}
html.pd-vnext .ts-markdown :is(ul,ol,li){text-align:left;font-size:14px;line-height:1.5}
html.pd-vnext .ts-markdown :is(ul,ol){padding-left:20px}
html.pd-vnext .main-content li:not(:where(.ds-anatomy-stage *,.ds-type-comparison *,.sitemap-wireframe *,.reference-mini-wire *)){text-align:left}
html.pd-vnext .focus-mix-layer>span{font-size:14px}
html.pd-vnext .focus-mix-layer output{font-size:12px}
html.pd-vnext :is(.ts-date,.ts-estimate,.ts-priority,.ts-task-file small,.reference-project-caption,.prompt-source-switcher small,.shortcut-bar small){font-size:12px}
/* Larger, consistent close targets without affecting footer actions. */
html.pd-vnext :is(dialog,.command-palette) :is(header,.dialog-header) button:has(.ph-x),html.pd-vnext .production-dialog>header>button{width:36px;height:36px;min-width:36px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--pd-text-primary);font-size:22px;cursor:pointer}
html.pd-vnext :is(dialog,.command-palette) :is(header,.dialog-header) button:has(.ph-x):hover,html.pd-vnext .production-dialog>header>button:hover{background:var(--app-selected-surface);color:var(--app-selected-text)}
dialog button:focus-visible{outline:2px solid #0B63F6;outline-offset:3px}
.sitemap-page-icon-control{display:grid;gap:4px;font-size:12px}.sitemap-page-icon-control select{max-width:160px}
html.pd-vnext .sync-dialog.image-viewer-dialog{width:calc(100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;margin:auto;padding:0}
.sync-dialog.image-viewer-dialog>section{height:100%;min-height:0}
.image-viewer-dialog .sync-dialog-body{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;padding:12px}
.image-viewer-dialog :is(.generic-lightbox,.portfolio-lightbox){height:100%;min-height:0;max-height:none;overflow:hidden}
.image-viewer-dialog .portfolio-lightbox{background-size:contain!important;background-color:var(--surface);width:100%}
.image-viewer-dialog :is(.generic-lightbox,.portfolio-lightbox) img{width:100%;height:100%;max-height:none;object-fit:contain}
.image-viewer-dialog .lightbox-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:600px){html.pd-vnext .sync-dialog.image-viewer-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}}
html.pd-vnext :is(.main-content,.app-sidebar,.topbar,dialog) :is(button,label):not(:where(.ds-anatomy-stage *,.ds-section-example *,.ds-component-grid *,.ds-type-comparison *,.sitemap-wireframe *,.reference-mini-wire *,.section-preview *,[data-premium-exclude] *)){font-weight:500}
.task-ideas{border:1px solid #a78bfa;border-radius:12px;padding:20px;margin-top:20px;background:color-mix(in srgb,#8b5cf6 9%,transparent)}
.task-ideas header,.task-ideas [data-edit-idea]{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left}
.task-ideas [data-edit-idea]{width:100%;margin-top:8px}.task-ideas h2{font-size:18px;font-weight:600}
.section-layout-alternatives{display:grid;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.section-layout-options,.section-concept-controls{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.section-concept-versions{display:flex;gap:10px;overflow-x:auto;padding:8px 0}
.section-concept-versions>button{display:grid;gap:6px;flex:0 0 140px;text-align:left}
.section-concept-versions .asset-image{display:block;height:80px;width:100%;background:center/contain no-repeat}
.section-concept-versions [aria-pressed=true],.section-layout-options [aria-pressed=true]{border-color:#0B63F6;box-shadow:0 0 0 1px #0B63F6}
.production-concept-page .section-concept-versions,.production-concept-page .section-concept-controls,.production-concept-page .section-layout-alternatives{display:none}
.three-column:has(.brand-list) .sitemap-workspace{height:clamp(420px,calc(100dvh - 330px),900px);min-height:0}
.three-column:has(.brand-list) .sitemap-canvas,.three-column:has(.brand-list) .sitemap-page-tree{min-height:0;overflow-y:auto;overscroll-behavior:contain}
html.pd-vnext dialog.team-workspace-dialog{width:min(1440px,calc(100vw - 48px));max-width:none;height:min(940px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:24px;overflow:hidden;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px}
.team-workspace-dialog[open]{display:flex;flex-direction:column;gap:12px}.team-workspace-dialog>header{flex:none;margin:0}.team-workspace-dialog h2{font-size:18px;font-weight:600}.team-workspace-dialog>header h2{font-size:22px}.team-workspace-dialog .tw-subtitle{margin:0;color:var(--muted);font-size:14px;flex:none}
.tw-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;min-height:0;flex:1}.tw-sidebar{display:flex;flex-direction:column;gap:20px;border:1px solid var(--line);border-radius:12px;padding:16px;overflow:auto}.tw-sidebar label{display:grid;gap:8px}.tw-sidebar nav{display:grid;gap:6px}.tw-sidebar nav button{justify-content:flex-start;text-align:left;display:flex;gap:12px;width:100%;border-color:transparent}.tw-sidebar [aria-pressed=true],.tw-toolbar [aria-pressed=true]{background:color-mix(in srgb,#0B63F6 12%,var(--surface));color:#0B63F6;border-color:color-mix(in srgb,#0B63F6 30%,var(--line))}.tw-sidebar>p{margin-top:auto;color:var(--muted);font-size:12px}.tw-sidebar summary{cursor:pointer;font-size:14px}.tw-sidebar form{display:grid;gap:10px;padding-top:12px}.tw-shell>main{min-width:0;overflow:auto;overscroll-behavior:contain;padding:0 2px}.tw-shell footer{padding:16px 0;color:var(--muted);font-size:12px}
.tw-title,.tw-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.tw-title h2,.tw-panel h2{margin:0 0 8px}.tw-title p{margin:0;color:var(--muted);font-size:14px}.tw-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tw-toolbar input{margin-left:auto;min-width:180px}.tw-panel{padding:18px;border:1px solid var(--line);border-radius:12px;min-width:0;background:var(--surface)}.tw-projects{padding:0 16px}.tw-project{display:grid;grid-template-columns:80px minmax(140px,1fr) minmax(180px,1fr) auto;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.tw-project:last-child{border:0}.tw-project strong,.tw-member strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.tw-project small,.tw-member small,.tw-activity small{display:block;margin-top:6px;font-size:12px;color:var(--muted);line-height:1.5}.tw-cover{display:grid;place-content:center;width:80px;height:64px;border-radius:8px;background:var(--surface-soft);background-size:cover;background-position:center;font-size:28px;color:var(--muted)}.tw-badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 10px;background:var(--surface-soft);color:var(--ink);font-size:12px}.tw-badge.online{background:color-mix(in srgb,#16a34a 12%,var(--surface));color:var(--ink)}
.tw-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-top:16px}.tw-member{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line)}.tw-member>span:first-of-type{flex:1;min-width:130px}.tw-member>i{font-size:28px;color:#0B63F6}.tw-member:last-child{border:0}.tw-member select{max-width:110px}.tw-panel #teamRename{display:grid;gap:12px;max-width:400px}.tw-panel label{display:grid;gap:8px}.tw-activity{display:flex;gap:12px;font-size:14px}.tw-activity i{color:#16a34a}.tw-empty{padding:50px 24px;text-align:center}.tw-empty>i{font-size:40px;color:#0B63F6}.team-workspace-dialog #teamStatus{margin:0;min-height:22px;flex:none;font-size:14px}
@media(max-width:1100px){.tw-bottom{grid-template-columns:1fr}.tw-project{grid-template-columns:64px minmax(0,1fr) auto}.tw-project>div:nth-of-type(2){grid-column:2}.tw-project>button{grid-column:3;grid-row:1/3}.tw-cover{width:64px}}
@media(max-width:760px){html.pd-vnext dialog.team-workspace-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:16px}.tw-shell{grid-template-columns:1fr;overflow:auto}.tw-sidebar{overflow:visible}.tw-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-sidebar>p{display:none}.tw-shell>main{overflow:visible}.tw-title,.tw-panel>header{align-items:flex-start;flex-direction:column}.tw-project{gap:10px}.tw-project>button{grid-column:2;grid-row:auto;justify-self:start}.tw-toolbar input{margin-left:0;width:100%}}
html.pd-vnext .image-direction-section{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;gap:20px;container-type:inline-size}
html.pd-vnext .image-direction-head h3{font-size:26px;font-weight:600;line-height:1.3}html.pd-vnext .image-direction-head p{font-size:14px;color:var(--muted);margin-top:6px}html.pd-vnext .image-direction-head>span{font-size:13px;font-weight:500}
html.pd-vnext .cinema-summary{gap:16px}html.pd-vnext .cinema-summary article{padding:16px;background:var(--surface);border-radius:12px;align-items:flex-start}html.pd-vnext .cinema-summary small{font-size:14px;font-weight:600;color:var(--ink)}html.pd-vnext .cinema-summary strong{font-size:14px;font-weight:400;line-height:1.5;color:var(--muted)}html.pd-vnext .cinema-summary i{font-size:24px;color:#0B63F6}
html.pd-vnext .image-style-grid{gap:16px;align-items:start}html.pd-vnext .image-style-card{padding:16px;gap:16px;border-radius:12px;background:var(--surface)}html.pd-vnext .image-style-card::before{display:none}
html.pd-vnext .image-style-card .production-style-proxy{width:100%;height:clamp(180px,16vw,240px);object-fit:contain;background:var(--surface-muted);border-radius:8px;display:block}html.pd-vnext .image-style-card>small{font-size:12px;color:var(--muted);margin-top:-8px}
html.pd-vnext .image-style-title{display:flex;align-items:baseline;gap:10px}html.pd-vnext .image-style-number{font-size:16px;font-weight:600;color:#0B63F6;align-self:auto}html.pd-vnext .image-style-title h4{font-size:18px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
html.pd-vnext .image-style-card p{font-size:14px;line-height:1.5}html.pd-vnext .image-style-card dl{gap:14px}html.pd-vnext .image-style-card dl>div{grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);gap:12px;align-items:start}html.pd-vnext .image-style-card dt{font-size:13px;font-weight:500;text-transform:none;letter-spacing:normal;color:var(--ink);display:flex;gap:8px;align-items:center}html.pd-vnext .image-style-card dt i{font-size:20px;color:#0B63F6;flex-shrink:0}html.pd-vnext .image-style-card dd{font-size:14px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
html.pd-vnext .image-style-technical{border-top:1px solid var(--line);padding-top:14px}html.pd-vnext .image-style-technical summary,html.pd-vnext .image-direction-rules summary{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;cursor:pointer;list-style:none}html.pd-vnext .image-style-technical summary::-webkit-details-marker,html.pd-vnext .image-direction-rules summary::-webkit-details-marker{display:none}html.pd-vnext .image-style-technical summary>i:last-child,html.pd-vnext .image-direction-rules summary>i:last-child{margin-left:auto}html.pd-vnext .image-style-technical[open] summary>i:last-child,html.pd-vnext .image-direction-rules details[open] summary>i:last-child{transform:rotate(180deg)}html.pd-vnext .image-style-technical dl{margin-top:16px}html.pd-vnext .image-style-card button{min-height:40px;font-size:14px;font-weight:500}
html.pd-vnext .image-direction-rules{gap:16px}html.pd-vnext .image-direction-rules>details{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}html.pd-vnext .image-direction-rules summary>i:first-child{color:#0B63F6;font-size:24px}html.pd-vnext .image-direction-rules strong{font-size:16px;font-weight:600}html.pd-vnext .image-direction-rules li{font-size:14px;line-height:1.5;color:var(--muted);margin:8px 0;text-align:left}
@container(max-width:1000px){html.pd-vnext .image-style-grid{grid-template-columns:1fr}html.pd-vnext .cinema-summary{grid-template-columns:1fr}html.pd-vnext .image-style-card .production-style-proxy{height:240px}html.pd-vnext .image-direction-rules{grid-template-columns:1fr}}
html.pd-vnext .reference-asset-group{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:16px;container-type:inline-size}
html.pd-vnext .reference-asset-group .asset-library-intro{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}html.pd-vnext .reference-asset-group .asset-library-intro>i{color:#0B63F6;font-size:26px;margin-top:2px}html.pd-vnext .reference-asset-group h3{font-size:18px;font-weight:600;margin:0 0 4px}html.pd-vnext .reference-asset-group .asset-library-intro p{font-size:14px;line-height:1.5;margin:0;color:var(--muted)}
html.pd-vnext .reference-asset-group .asset-slot-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}html.pd-vnext .reference-asset-group .asset-slot{padding:12px;gap:8px;min-width:0;min-height:260px;text-align:left;align-items:stretch;border-radius:12px;background:var(--surface);color:var(--ink)}
html.pd-vnext .reference-asset-group .asset-slot-preview{height:160px;aspect-ratio:auto;border-radius:8px;background-size:contain;background-repeat:no-repeat}html.pd-vnext .reference-people-group .asset-slot-preview{height:180px}html.pd-vnext .reference-asset-group .asset-slot>strong{font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}html.pd-vnext .reference-asset-group .asset-slot>small{font-size:13px;line-height:1.4;overflow-wrap:anywhere;color:var(--muted)}
html.pd-vnext .reference-asset-group .asset-slot.filled>div{display:flex;gap:8px;margin-top:auto}html.pd-vnext .reference-asset-group .asset-slot .quiet-button{flex:1;border:1px solid var(--line);border-radius:8px;min-height:36px;color:#0B63F6;font-size:14px;font-weight:500}html.pd-vnext .reference-asset-group .asset-slot .icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;flex-shrink:0;color:var(--ink)}
html.pd-vnext .reference-asset-group button.asset-slot{justify-content:center;border-style:dashed}html.pd-vnext .reference-asset-group button.asset-slot>i{font-size:28px;align-self:center;margin-bottom:12px}html.pd-vnext .reference-asset-group button.asset-slot:hover{background:var(--app-selected-surface);border-color:#0B63F6}html.pd-vnext .reference-asset-group button:focus-visible{outline:2px solid #0B63F6;outline-offset:3px}
@container(max-width:1250px){html.pd-vnext .reference-asset-group .asset-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container(max-width:650px){html.pd-vnext .reference-asset-group .asset-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container(max-width:380px){html.pd-vnext .reference-asset-group .asset-slot-grid{grid-template-columns:1fr}}
html.pd-vnext .production-style-library{padding:24px;position:static;container-type:inline-size;background:var(--surface);border:1px solid var(--line);border-radius:12px}
html.pd-vnext .production-style-library>header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}html.pd-vnext .production-style-library h2{font-size:26px;font-weight:600;margin:0 0 6px}html.pd-vnext .production-style-library p{font-size:14px;line-height:1.5;margin:0;color:var(--muted)}html.pd-vnext .production-style-library .style-library-notice{display:flex;gap:10px;padding:12px;border:1px solid var(--line);background:var(--app-selected-surface);border-radius:10px;color:var(--app-selected-text);max-width:420px}html.pd-vnext .style-library-notice i{font-size:22px;flex-shrink:0}
html.pd-vnext .production-style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}html.pd-vnext .production-style-grid>article{padding:12px;gap:10px;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface)}html.pd-vnext .production-style-grid img{width:100%;height:180px;object-fit:contain;background:var(--surface-muted);border-radius:8px}html.pd-vnext .production-style-grid h3{font-size:16px;font-weight:600;line-height:1.4;margin:4px 0 0;overflow-wrap:anywhere}html.pd-vnext .production-style-grid small{font-size:13px;color:var(--muted)}html.pd-vnext .production-style-grid button{margin-top:auto;width:100%;min-height:40px;font-size:14px;font-weight:500}
html.pd-vnext .ds-components{padding:24px;container-type:inline-size}html.pd-vnext .ds-component-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}html.pd-vnext .ds-component-grid>article{padding:20px;min-height:150px;border-radius:12px}html.pd-vnext .ds-component-grid h3{font-size:18px;font-weight:600;margin-bottom:20px}html.pd-vnext .ds-component-grid input{font-size:14px;min-height:42px;padding:12px}html.pd-vnext .ds-component-grid p{font-size:14px;line-height:1.5}html.pd-vnext .ds-component-grid .ds-badge{font-size:13px;padding:7px 10px}html.pd-vnext .ds-component-grid button{font-size:14px;min-height:40px;padding:10px 14px}html.pd-vnext .ds-component-grid button:disabled{font-size:14px}
html.pd-vnext .ds-section-grid{gap:16px}html.pd-vnext .ds-section-example{min-height:280px}html.pd-vnext .ds-section-example h3{font-size:26px;font-weight:600;line-height:1.3;letter-spacing:normal;margin:12px 0}html.pd-vnext .ds-section-example>p:not(.eyebrow){font-size:16px;line-height:1.5}html.pd-vnext .ds-section-example>.eyebrow{font-size:13px;font-weight:500}html.pd-vnext .ds-section-example .ds-preview-primary{font-size:14px;min-height:40px;padding:10px 16px}html.pd-vnext .ds-section-example .ds-example-card{padding:16px;margin-top:20px}html.pd-vnext .ds-section-example .ds-example-card strong{font-size:16px;font-weight:600}html.pd-vnext .ds-section-example .ds-example-card small{font-size:14px;line-height:1.5}
@container(max-width:1100px){html.pd-vnext .production-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html.pd-vnext .production-style-library>header{flex-direction:column}html.pd-vnext .ds-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container(max-width:650px){html.pd-vnext .production-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container(max-width:430px){html.pd-vnext .production-style-grid,html.pd-vnext .ds-component-grid{grid-template-columns:1fr}}
.app-logomark{width:32px;height:32px;flex:0 0 32px;object-fit:contain;vertical-align:middle;margin-right:8px}
.app-sidebar .brand{display:flex;align-items:center;gap:0;font-weight:600;letter-spacing:0;white-space:nowrap}
html.pd-vnext .app-sidebar .brand{display:flex!important;align-items:center;font-weight:600;font-size:20px}
html[data-sidebar-mode="compact"].pd-vnext .app-sidebar .brand{font-size:0;justify-content:center}
html[data-sidebar-mode="compact"] .app-sidebar .brand>span{display:none}
html[data-sidebar-mode="compact"] .app-sidebar .brand .app-logomark{margin:0}
@media(min-width:768px) and (max-width:1439px){html:not([data-sidebar-mode="expanded"]).pd-vnext .app-sidebar .brand{font-size:0;justify-content:center}html:not([data-sidebar-mode="expanded"]) .app-sidebar .brand>span{display:none}html:not([data-sidebar-mode="expanded"]) .app-sidebar .brand .app-logomark{margin:0}}
.onboarding-brand{display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:0}
.premium-popup header>strong{display:flex;align-items:center;font-weight:600;letter-spacing:0}
html[data-theme="dark"] .premium-popup .app-logomark{content:url('../assets/branding/logomark-dark.svg')}