/* V165: shared glass controls, with opaque fallbacks and clear touch targets. */
:root{--nc-glass-border:#8db7bd40;--nc-glass-bg:linear-gradient(145deg,#c5eef012,#93d4d407);--nc-glass-shadow:inset 0 1px 0 #eaffff14,0 3px 10px #0002}
.account-page :is(.back,#recover,#recovery-back){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid var(--nc-glass-border);border-radius:12px;background-color:#17292d;background-image:var(--nc-glass-bg);box-shadow:var(--nc-glass-shadow);color:#ccece7;font-size:13px;font-weight:600;line-height:1.4;white-space:normal;text-align:center;text-decoration:none;transition:background-color .15s,border-color .15s}
.account-page .back{margin:0 0 16px}
.account-page :is(#recover,#recovery-back){margin:14px 0 0;width:100%}
.account-page .account-card{background:linear-gradient(155deg,#192a2d,#111c23 55%);border-color:#91b8bd2f;box-shadow:inset 0 1px #defcff0a,0 16px 44px #0003;border-radius:20px}
.account-page #auth-form{padding-top:4px}
.account-page #auth-form>label:first-child{margin-top:4px}
.account-page .account-heading{gap:10px}
.account-page .account-heading h1{font-size:24px}
.account-page .nc-launch-card{margin:18px 0 22px;padding:16px;border-color:#7bbfaf4d;background:radial-gradient(ellipse at 0 0,#26574b70,transparent 80%),#162c2a;box-shadow:inset 0 1px #e0fff10d}
.account-page .nc-launch-card .nc-launch-label{font-size:9px;letter-spacing:1.2px;margin-bottom:10px}
.account-page .nc-launch-prices{gap:8px 12px}
.account-page .nc-launch-prices>strong{font-size:34px}
.account-page .nc-launch-prices>b{margin-left:0;padding:5px 8px}
.account-page .nc-launch-timer{gap:6px}
.account-page .nc-launch-timer>div{padding:7px 2px}
.account-page .nc-launch-timer strong{font-size:19px}
.account-page .nc-launch-once{margin-bottom:12px}
.account-page #session-policy{padding-top:14px;margin-top:18px;border-top:1px solid #9abdc21c;line-height:1.65}
.account-page input:not([type=checkbox]){min-height:44px;background:#0d1b22;border-color:#789da34a;border-radius:11px;font-size:16px}
.account-page .primary{min-height:44px;border:1px solid #acf4e554;box-shadow:inset 0 1px #f2fffa24,0 4px 14px #0002}
.account-page .account-header{margin-bottom:18px}
.account-page .account-header button{min-height:40px;background:var(--nc-glass-bg);border-color:var(--nc-glass-border);box-shadow:var(--nc-glass-shadow)}

/* Project uses the same blue-green palette as the look galleries. */
#app #inspector:has(.project-panel){background:#13232b;border-color:#71949c38}
#app #inspector:has(.project-panel) .panel-heading{background:linear-gradient(135deg,#20353d,#182a32);border-color:#71949c38}
#app #inspector #panel-body.project-panel{gap:12px;padding-bottom:20px;scrollbar-color:#527682 transparent}
#app #inspector .project-panel :is(.project-overview,.project-card){padding:12px;border:1px solid #82a9b12c;border-radius:14px;background:linear-gradient(145deg,#20363f,#1a2c35);box-shadow:inset 0 1px #e1ffff08}
#app #inspector .project-panel .project-overview{background:linear-gradient(130deg,#214247,#1a3038)}
#app #inspector .project-panel :is(.project-caption,.project-help,.project-setting label,.project-name-label){color:#acc5cc}
#app #inspector .project-panel :is(h3,h4){color:#e1f1f4;letter-spacing:.15px}
#app #inspector .project-panel .project-facts strong{color:#c3dce1}
#app #inspector .project-panel .project-facts .icon{color:#84c5ce}
#app #inspector .project-panel :is(.project-overview input,.project-select-trigger,.project-more>summary,.project-background-custom input[type=text]){border-color:#80a8b242;background:linear-gradient(145deg,#21383f,#172b33);color:#e3f4f6;box-shadow:inset 0 1px #d7f9ff0a;border-radius:11px}
#app #inspector .project-panel :is(.wide-button:not(.accent),.project-background-modes button,.project-background-photo-actions button){min-height:44px;border:1px solid var(--nc-glass-border);border-radius:11px;background-color:#20363f;background-image:var(--nc-glass-bg);color:#d6ebef;box-shadow:var(--nc-glass-shadow)}
#app #inspector .project-panel .project-background-modes button[aria-pressed=true]{background:linear-gradient(140deg,#285359,#23404a);border-color:#7be0de;color:#c2fbf4}
#app #inspector .project-panel .project-background-photo-actions [data-background-upload]{background:linear-gradient(140deg,#80e5dc,#25bdc9);color:#09353b}
#app #inspector:has(.project-panel) .panel-heading .icon-button{background:var(--nc-glass-bg);border-color:var(--nc-glass-border);color:#d6ebef;box-shadow:var(--nc-glass-shadow)}
#app #inspector .project-panel .wide-button.accent{background:linear-gradient(140deg,#80e5dc,#25bdc9);border-color:#acfff54d;color:#09353b;box-shadow:inset 0 1px #e5fff959}
#app #inspector .project-panel .project-more>summary{min-height:44px}
#app #inspector .project-panel .project-card .project-help{margin-top:7px;line-height:1.5}

/* Export controls stay compact; the scroll area has breathing room at its edge. */
#modal:has(.export-dialog){background:#152630;border-color:#81a6b13b;border-radius:19px}
#modal .export-dialog>.modal-top{padding:13px 16px;background:linear-gradient(135deg,#243b45,#1c3039)}
#modal .export-dialog>.modal-top h2{font-size:20px}
#modal .export-dialog .export-body{padding:15px 16px 24px;scroll-padding-block:14px 24px;min-height:100px}
#modal .export-dialog .export-intro{font-size:11px;margin-bottom:12px}
#modal .export-dialog .export-filename{gap:6px;margin-bottom:14px;font-size:13px}
#modal .export-dialog .export-filename input{min-height:44px;padding:9px 11px;border-radius:11px;border-color:#7fa5b045}
#modal .export-dialog .export-filename small{font-size:11px}
#modal .export-dialog .export-resolution-grid{gap:8px;margin-bottom:16px}
#modal .export-dialog .export-resolution{min-height:68px;padding:8px 6px;background:#142730;border-color:#8ab3bc2e;border-radius:12px}
#modal .export-dialog .export-resolution strong{font-size:13px;line-height:1.4}
#modal .export-dialog .export-resolution span{font-size:10px}
#modal .export-dialog .export-resolution small{font-size:10px}
#modal .export-dialog .export-resolution.selected{background:linear-gradient(140deg,#255159,#203c47);border-color:#83e8e8;box-shadow:inset 0 1px #d9ffff19,0 0 0 1px #6fe0df24}
#modal .export-dialog .export-frame-rate{display:grid;gap:8px;margin:0 0 16px;font-size:12px}
#modal .export-dialog .export-advanced{padding:0;border:0;background:transparent}
#modal .export-dialog .export-advanced>summary{min-height:44px;padding:10px 40px 10px 12px;font-size:12px;background-color:#1b333d;border-color:#81a7b242;border-radius:11px;box-shadow:var(--nc-glass-shadow)}
#modal .export-dialog .export-advanced[open]>.export-settings{margin-top:12px}
#modal .export-dialog .export-footer{padding:13px 16px 16px;background:linear-gradient(145deg,#203741,#1a2d36);border-top-color:#92c2ca33}
#modal .export-dialog .export-summary-label{font-size:10px}
#modal .export-dialog .export-summary{padding:9px 10px;margin:6px 0 8px;font-size:11px;white-space:normal;background:#91dbe30a;border-color:#92c2ca29}
#modal .export-dialog .export-footer .wide-button{min-height:44px;font-size:13px;margin-top:9px;border-radius:11px}
#modal .export-dialog #export-download:empty{display:none}
#modal .export-dialog .export-timing{margin-top:14px;padding-top:10px;border-top:1px solid #91b9c32b;font-size:11px;color:#b9d1da}
#modal .export-dialog .export-timing summary{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer;list-style:none}
#modal .export-dialog .export-timing summary::-webkit-details-marker{display:none}
#modal .export-dialog .export-timing summary::before{content:'›';font-size:20px;color:#8ccecf;transition:transform .15s}
#modal .export-dialog .export-timing[open] summary::before{transform:rotate(90deg)}
#modal .export-dialog .export-timing p{font-size:11px;line-height:1.6;margin:5px 0 0}

/* The FPS and mode pickers expand inside the dialog, including on Android. */
.export-picker{min-width:0;width:100%}
.export-picker>select[hidden]{display:none!important}
#modal .export-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--nc-glass-border);border-radius:11px;background-color:#203640;background-image:var(--nc-glass-bg);box-shadow:var(--nc-glass-shadow);color:#deeff3;font-family:inherit;font-weight:600;font-size:13px;line-height:1.5;text-align:left;cursor:pointer}
.export-picker-trigger::after{content:'';width:7px;height:7px;border-right:1.5px solid #a3dce1;border-bottom:1.5px solid #a3dce1;transform:rotate(45deg);margin:0 3px 3px;flex-shrink:0}
.export-picker-trigger[aria-expanded=true]::after{transform:rotate(225deg);margin-bottom:-3px}
.export-picker-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:9px;margin-top:8px;border:1px solid #8db7bd30;border-radius:13px;background:#10232d;box-shadow:inset 0 1px #deffff08}
.export-picker-options[hidden]{display:none!important}
#modal .export-picker-option{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:48px;padding:7px 4px;border:1px solid #8db7bd2e;border-radius:9px;background:var(--nc-glass-bg);color:#d4e7ec;cursor:pointer;font:inherit}
.export-picker-option strong{font-size:13px;font-weight:650;line-height:1.35}
.export-picker-option small{font-size:9px;line-height:1.3;color:#a6c2ca;white-space:normal}
#modal .export-picker-option[aria-checked=true]{border-color:#8de8e3;background:#285259;color:#c6fffa;box-shadow:inset 0 1px #d4fff523}
#modal .export-picker-option[aria-checked=true] small{color:#b9e5df}
#modal .export-picker-trigger:disabled{opacity:.5;cursor:default}
#modal :is(.export-picker-trigger,.export-picker-option):focus-visible{outline:2px solid #a4ebdf;outline-offset:3px}
#app #inspector .visual-adjust-bar .remove-look{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;margin:12px 0 4px;border:1px solid #daa6a742;border-radius:11px;background-color:#2b333a;background-image:var(--nc-glass-bg);box-shadow:var(--nc-glass-shadow);color:#f0c1bd;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}
@supports(backdrop-filter:blur(8px)){.account-page :is(.back,#recover,#recovery-back),#app #inspector .visual-adjust-bar .remove-look{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
@media(hover:hover){.account-page :is(.back,#recover,#recovery-back):hover,#modal .export-picker-trigger:not(:disabled):hover{background-color:#2b4549;border-color:#a1d8d274}#app #inspector .visual-adjust-bar .remove-look:hover{background-color:#454148;border-color:#e3b2ae75}}
@media(max-width:360px){.account-page .account-card{padding:16px}.account-page .nc-launch-card{padding:13px}.account-page .nc-launch-prices>strong{font-size:32px}.account-page .nc-launch-prices>span{font-size:13px}.account-page .nc-launch-prices>b{font-size:10px}.account-page .nc-launch-timer span{font-size:9px}}
@media(max-height:650px){#modal .export-dialog .export-body{min-height:80px}#modal .export-dialog .export-footer{padding-block:10px}#modal .export-dialog .export-timing{margin-top:10px;padding-top:7px}}
@media(prefers-reduced-motion:reduce){.account-page :is(.back,#recover,#recovery-back),#modal .export-dialog .export-timing summary::before{transition:none}}
@media(forced-colors:active){.export-picker-option[aria-checked=true]{outline:2px solid Highlight}.account-page :is(.back,#recover,#recovery-back),#modal .export-picker-trigger,#app #inspector .visual-adjust-bar .remove-look{border-color:ButtonText;backdrop-filter:none}}

#modal .export-dialog .export-mode>label{margin:0;font-size:12px;color:#bdd5dc}