/* DAAILOK | Typography system · Preview only · 2026-10-27
   Applies only where this asset is explicitly linked by PREVIEW pages.
   Optical effects, button geometry, 3D view, scene graph and modal anchoring
   are outside this file. No external font dependencies or downloaded fonts.
   Density: title / primary 12-14px / secondary 11px; distinct line heights.
*/
:root{
  --daai-type-sans:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI","PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  --daai-type-title:14px;
  --daai-type-control:12px;
  --daai-type-body:13px;
  --daai-type-caption:11px;
  --daai-type-regular:400;
  --daai-type-medium:500;
  --daai-type-semibold:600;
  --daai-type-leading:1.5;
}
:is(html body#daailokStudio,html body[data-daailok-channel="test"],html body[data-content-page],html body.admin-page,html body.admin-login-page,html body.ui-utility-page){
  font-family:var(--daai-type-sans)!important;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  font-synthesis:none;
}
:is(html body#daailokStudio,html body[data-daailok-channel="test"],html body[data-content-page],html body.admin-page,html body.admin-login-page,html body.ui-utility-page) :is(button,input,textarea,select,option){
  font-family:inherit!important;
  font-kerning:inherit;
}
/* Studio: primary information, not icon-only tools or 3D model labels. */
html body#daailokStudio :is(.layers-panel,.ai-panel,.properties-panel,.left-drawer,.timeline,.creation-dialog,.preview-simple-card,.account-menu){
  font-family:var(--daai-type-sans)!important;
  line-height:var(--daai-type-leading);
}
html body#daailokStudio :is(.section-head h2,.drawer-head h2,.ai-head h2,.prop-head h2,.timeline-title,.drawer-title,.creation-dialog h2){
  font-size:var(--daai-type-title)!important;
  font-weight:var(--daai-type-semibold)!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
html body#daailokStudio :is(.layer-row,.layer-folder-row,.drawer-item,.drawer-card,.prop-row,.property-row,.ai-mode,.ai-chips button,.hud-menu button,.context-menu button,.creation-quality-btn,.creation-action,.creation-dialog label,.quick-actions button,.shot-info b,.camera-aspect-presets button,.camera-lens-presets button,.camera-filter-grid button,.camera-setting-label){
  font-size:var(--daai-type-control)!important;
  line-height:1.5!important;
  letter-spacing:0!important;
}
html body#daailokStudio :is(.layer-row,.layer-folder-row,.drawer-item,.camera-aspect-presets button,.camera-lens-presets button,.creation-quality-btn){
  font-weight:var(--daai-type-medium)!important;
}
html body#daailokStudio :is(.drawer-head small,.ai-head small,.section-head small,.prop-head small,.drawer-item small,.drawer-card small,.drawer-note,.selection-summary small,.layer-state,.folder-count,.ai-feedback,.camera-filter-note,.camera-settings-head small,.camera-filter-head small,.camera-preset-label small,.camera-metric>span,.shot-info small,.quality-invite-note){
  font-size:var(--daai-type-caption)!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  font-weight:var(--daai-type-regular)!important;
}
html body#daailokStudio :is(.ai-input-wrap textarea,.creation-dialog textarea,.creation-dialog input,.creation-dialog select,.drawer-search input,.account-menu input,.prop-row input,.prop-row select){
  font-size:var(--daai-type-body)!important;
  line-height:1.6!important;
  letter-spacing:0!important;
}
html body#daailokStudio :is(.ai-chips,.drawer-tabs,.layer-toolbar,.camera-filter-grid){
  column-gap:8px;
  row-gap:6px;
}
html body#daailokStudio :is(.layers-panel,.ai-panel,.properties-panel,.left-drawer) :is(button,input,select,textarea){
  min-width:0;
}
/* Sidebar and toolbars remain compact; preserve explicit numeric counters. */
html body#daailokStudio .hud-menu :is(button,.small-chip,.mode-btn,.quality-btn){
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:500!important;
}
html body#daailokStudio .creation-quality-btn .quality-invite-note{
  font-size:11px!important;
  line-height:1.35!important;
}
/* Preview Director Workbench / infinite canvas.
   Never scale absolute-positioned node geometry, icons or line endpoints. */
html body[data-daailok-channel="test"]{
  --daai-canvas-body:13px;
  font-size:var(--daai-canvas-body);
  line-height:1.5;
}
html body[data-daailok-channel="test"] :is(.topbar,.director-sidebar,.inspector,.palette,.canvas-toptools,.canvas-node,.board-toolbar){
  font-family:var(--daai-type-sans)!important;
}
html body[data-daailok-channel="test"] :is(.product-label,.director-side-title,.inspector-header,.director-panel .board-toolbar h2){
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
html body[data-daailok-channel="test"] :is(.quiet,.quiet-border,.primary,.inspector-bottom button,.property-action,.palette button,.canvas-toptools button,.director-nav-item,.director-item-detail strong,.board-card-name,.node-heading,.node-shot a){
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
html body[data-daailok-channel="test"] :is(.board-toolbar p,.board-card-date,.boards-footnote,.save-status,.director-side-subtitle,.director-item-detail small,.node-kind,.property-label,.property-hint,.canvas-hint,.palette small,.property-empty p,.zoom-controls span:not(.tool-separator)){
  font-size:11px!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  font-weight:400!important;
}
html body[data-daailok-channel="test"] :is(.property-input,.property-textarea,.node-text,.inspector-body input,.inspector-body textarea,.inspector-body select){
  font-size:13px!important;
  line-height:1.65!important;
}
html body[data-daailok-channel="test"] :is(.director-nav-item,.board-card-bottom,.inspector-body .property-row,.director-side-nav){
  column-gap:10px;
  row-gap:7px;
}
html body[data-daailok-channel="test"] :is(.inspector,.director-sidebar) :is(button,input,textarea,select){min-width:0}
/* Preview web, community, pricing, contacts.
   Editorial hero typography is intentionally unchanged. */
html body[data-content-page] :is(.header nav .pill,.header-actions .pill,.theme-choice,.community-tab,.filters .pill,.community-compose,.community-search input,.community-search button,.community-search-row select,.membership-policy,.contact-list,.contact-intro>p){
  font-family:var(--daai-type-sans)!important;
  font-size:12px!important;
  line-height:1.5!important;
  letter-spacing:0!important;
}
html body[data-content-page] :is(.community-main,.community-side,.membership-page,.contact-page,.section-page){
  font-family:var(--daai-type-sans)!important;
}
html body[data-content-page] :is(.community-heading p,.community-access-note p,.community-side-caption,.community-list p,.community-thread-content,.membership-card p,.membership-heading p,.contact-intro p){
  font-size:13px!important;
  line-height:1.75!important;
}
html body[data-content-page] :is(.community-side-title h3,.community-heading h2,.membership-card h3){
  font-weight:600!important;
  line-height:1.4!important;
}
html body[data-content-page] :is(.community-side-title>span,.community-thread-meta,.community-loading,.community-side-card small,.membership-policy span,.contact-photo-note small){
  font-size:11px!important;
  line-height:1.55!important;
}
html body[data-content-page] :is(.community-dialog input,.community-dialog textarea,.community-dialog select,.community-search input){
  font-size:13px!important;
  line-height:1.6!important;
}
/* Preview website: do not modify oversized cinematic display headings. */
html body[data-content-page="home"] :is(.header nav .pill,.header-actions .enter,.theme-choice,.director-actions .director-enter-label){
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.4!important;
}
html body[data-content-page="home"] :is(.section-heading p,.card-copy p,.gallery-copy span,.visual-note,.director-summary p){
  font-size:13px!important;
  line-height:1.75!important;
}

/* High-specificity controls already customized by older preview stylesheets. */
html body#daailokStudio :is(.layer-row,.layer-folder-row)>b,
html body#daailokStudio .drawer-item b{
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.45!important;
}
html body#daailokStudio :is(.prop-row,.prop-slider)>span{
  font-size:12px!important;
  line-height:1.5!important;
}
html body[data-daailok-channel="test"] #boardsView.director-workbench .director-nav-item{
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.5!important;
}
html body[data-daailok-channel="test"] #boardsView.director-workbench :is(.director-side-subtitle,.director-item-detail small,.director-item-detail strong){
  font-size:11px!important;
  line-height:1.5!important;
  letter-spacing:0!important;
}
html body[data-daailok-channel="test"] #boardsView.director-workbench .director-item-detail strong{
  font-size:12px!important;
  font-weight:500!important;
}

/* Preview administrative/editorial utilities: do not change table layout. */
html body.admin-page :is(.sidebar button,.admin-nav button,.toolbar button,.admin-panel button,.admin-page-controls button,td,th,label),
html body.admin-login-page :is(button,input,label),
html body.ui-utility-page :is(button,input,textarea,label){
  font-size:12px!important;
  line-height:1.55!important;
}
html body.admin-page :is(p,.help-copy,.panel-description),html body.admin-login-page p,html body.ui-utility-page .sub{
  line-height:1.7!important;
}
@media(max-width:820px){
  html body[data-content-page="home"] :is(.header nav .pill,.header-actions .enter,.theme-choice){font-size:11px!important}
  html body[data-content-page="home"] :is(.section-heading p,.card-copy p,.gallery-copy span,.visual-note){font-size:12px!important}
  html body[data-daailok-channel="test"] .director-nav-item{font-size:11px!important}
}