.site-nav{gap:14px;padding-left:16px;padding-right:16px}.site-nav .nav-brand{flex:0 0 auto;white-space:nowrap}.site-nav nav{display:flex!important;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;min-width:0;margin-left:auto}.site-nav nav::-webkit-scrollbar{display:none}.site-nav nav a{flex:0 0 auto}.site-nav nav a.brand-route{border-color:rgba(211,174,114,.18)}.site-nav nav a.buddha-route{color:#e4c98e}.site-nav nav a.brmeast-route{color:#df9c78}.site-nav nav a.active{background:rgba(174,124,72,.14);border-color:rgba(211,174,114,.46);color:#fff}

/* Shared compact editor layout for Birthday, Worship, Showa and Guofeng. */
.app-shell{grid-template-columns:350px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;min-height:0!important;overflow:hidden!important}
.sidebar{width:auto!important;min-width:0!important;height:100%!important;min-height:0!important;padding:10px 12px 16px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important;border-radius:16px!important}
.workspace{min-width:0!important;min-height:0!important;height:100%!important;padding:10px 12px!important;overflow:hidden!important;border-radius:16px!important;display:flex!important;flex-direction:column!important}

/* Compact identity header: keep the tool name, remove repeated help copy. */
.brand-block{padding:2px 3px 9px!important;margin:0!important}.brand-block h1{font-size:18px!important;line-height:1.12!important;margin:5px 0 0!important}.brand-block p{display:none!important}.brand-block .eyebrow{font-size:8px!important;margin-bottom:3px!important}
.brand{gap:9px!important;margin:0 0 9px!important;padding:1px 2px!important}.brand h1{font-size:18px!important;line-height:1.12!important}.brand p{display:none!important}.brand .eyebrow{font-size:8px!important}.brand-mark{width:40px!important;height:40px!important;border-radius:12px!important;font-size:21px!important}

/* Main controls stay readable but take much less vertical space. */
.panel-section,.panel{padding:10px 11px!important;margin-bottom:7px!important;border-radius:12px!important}.panel-section.compact{padding:9px 11px!important}.panel-section h2,.panel h2{font-size:12px!important;margin-bottom:8px!important}.section-head{gap:6px!important}.section-head h2{margin-bottom:7px!important}.badge,.premium-badge{font-size:8px!important;padding:4px 6px!important}.microcopy,.help{font-size:9px!important;line-height:1.4!important}.unique-row,.design-row,.status,.batch-status{font-size:9px!important}

/* Accordion sections act like a compact settings rail. */
.collapse-group{margin-bottom:7px!important;border-radius:12px!important}.collapse-group>summary{padding:10px 11px!important;font-size:11px!important}.collapse-body{padding:0 10px 10px!important}.collapse-body>.subsection{padding-top:9px!important}.collapse-body>.subsection+.subsection{margin-top:9px!important}.subsection h3{font-size:10px!important;margin:0 0 7px!important}
.settings{margin:5px 0 0!important}.settings>summary{font-size:10px!important}.settings-body{padding:9px!important;margin-top:7px!important}

/* Forms: dense like an editor, not a long settings document. */
.two-col{gap:6px!important}.effects-grid,.preset-grid,.scene-grid{gap:5px!important}label{font-size:10px!important;margin-bottom:7px!important;gap:5px!important}select,input[type="text"],input[type="number"],button{min-height:38px!important;padding:8px 10px!important;font-size:11px!important;border-radius:9px!important}select{padding-right:38px!important;background-position:right 11px center!important;background-size:15px 15px!important}input[type="range"]{margin-top:5px!important}.inline-check{padding:7px 8px!important;font-size:9px!important;border-radius:9px!important}.file-upload{padding:9px 10px!important;border-radius:10px!important}.file-upload input[type="file"],.file-upload input{font-size:10px!important}.actions,.settings-actions{gap:6px!important}.mini-btn{padding:5px 7px!important;font-size:9px!important}.hero-btn,.export-btn{min-height:40px!important}.secondary-btn{margin-top:6px!important}

/* Give the preview most of the screen and keep portrait canvases fully visible. */
.topbar{flex:0 0 48px!important;min-height:48px!important;margin-bottom:7px!important;padding:0 2px!important}.topbar h2{font-size:18px!important}.pill-row{gap:5px!important}.pill{padding:6px 8px!important;font-size:9px!important}.canvas-wrap{flex:1 1 auto!important;min-height:0!important;height:auto!important;padding:10px!important;border-radius:14px!important;overflow:hidden!important}.canvas-wrap canvas,canvas{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;margin:auto!important;border-radius:12px!important}

/* Stable widths stop the left rail from changing size between tools. */
.sidebar{scrollbar-width:thin}.sidebar::-webkit-scrollbar{width:7px!important}.sidebar::-webkit-scrollbar-track{background:transparent!important}.sidebar::-webkit-scrollbar-thumb{border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}

@media(max-width:1100px){.app-shell{grid-template-columns:320px minmax(0,1fr)!important}}
@media(max-width:900px){.site-nav{padding-left:12px;padding-right:12px}.site-nav nav{display:flex!important;max-width:calc(100vw - 122px)}.app-shell{grid-template-columns:310px minmax(0,1fr)!important;padding:8px!important;gap:8px!important}.sidebar{padding:9px 10px 14px!important}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr!important;height:calc(100vh - 62px)!important}.sidebar{border-radius:12px!important}.workspace{display:none!important}}