/* Shared brand and spacing in every theme/layout; scene and layout geometry stay intact. */
html body#daailokStudio .brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important}
html body#daailokStudio .brand .brand-lockup{display:flex;flex-direction:column;gap:5px;align-items:flex-start;white-space:nowrap}
html body#daailokStudio .brand .brand-name{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:700;font-size:20px;letter-spacing:.015em;line-height:1;color:var(--ds-optical-accent)}
html body#daailokStudio .brand .brand-studio{font-size:.49em;font-weight:400;letter-spacing:.14em;margin-left:7px;vertical-align:2px;color:#eeeee8}
html body#daailokStudio .brand .brand-local{font-family:"PingFang TC","Microsoft JhengHei",sans-serif;font-size:10px;font-weight:400;letter-spacing:.2em;line-height:1.2;color:#a0a69e}
html[data-studio-theme=light] body#daailokStudio .brand .brand-studio{color:#242a26}
html[data-studio-theme=light] body#daailokStudio .brand .brand-local{color:#454a45}
html body#daailokStudio #layersPanel::before{content:none!important;display:none!important}
html body#daailokStudio :is(#layerSectionTitle,#propertyTitle,#drawerTitle){font-size:15px!important;font-weight:600!important;line-height:1.4!important}
html body#daailokStudio #drawerContent>.drawer-section+.drawer-section{margin-top:20px!important}
html body#daailokStudio #drawerContent .drawer-kicker{margin-bottom:12px!important;gap:10px!important}
html body#daailokStudio #drawerContent .drawer-item{min-height:56px!important;height:auto!important;padding:12px!important;gap:12px!important;box-sizing:border-box!important}
html body#daailokStudio #drawerContent .drawer-item>span:not(.drawer-icon){min-width:0;flex:1}
html body#daailokStudio #drawerContent .drawer-item :is(b,strong){display:block;line-height:1.5!important}
html body#daailokStudio #drawerContent .drawer-item small{display:block;margin-top:5px!important;line-height:1.6!important;white-space:normal!important}
html body#daailokStudio #drawerContent .drawer-section>:is(.drawer-item,.drawer-card,.drawer-note,.drawer-grid,.asset-tabs,.character-preset-grid)+:is(.drawer-item,.drawer-card,.drawer-note,.drawer-grid,.asset-tabs,.character-preset-grid){margin-top:10px!important}
html body#daailokStudio :is(.drawer-grid,.character-preset-grid,.asset-library-grid,.project-list,.cloud-asset-grid){gap:12px!important}
html body#daailokStudio :is(.asset-tabs,.drawer-pills,.quick-actions,.transform-actions,.ai-chips){gap:8px!important;row-gap:10px!important}
html body#daailokStudio #propertyContent :is(.prop-row,.prop-slider,.check-row)+:is(.prop-row,.prop-slider,.check-row){margin-top:10px!important}
html body#daailokStudio #propertyContent .sub-title{margin-top:18px!important;margin-bottom:10px!important}
html body#daailokStudio :is(.creation-dialog,.preview-simple-card) label{line-height:1.6!important}
html[data-studio-theme=dark][data-studio-layout=normal] body#daailokStudio .light-viewport-frame{border:1px solid #ffffff18!important;box-shadow:inset 0 1px 0 #ffffff08!important;box-sizing:border-box!important;background:transparent!important}
@media(max-width:800px){html body#daailokStudio .brand .brand-name{font-size:17px}html body#daailokStudio .brand .brand-local{font-size:9px}}
html body#daailokStudio .preview-auth-form{gap:14px!important}
html body#daailokStudio .preview-simple-body>label+label{margin-top:14px!important}
html body#daailokStudio .creation-dialog :is(.creation-actions,.creation-tabs){gap:10px!important}