/* App chrome only; public portfolio keeps its own composition. */
.studio-create-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:0 16px;border:1px solid #ffffff30;border-radius:16px;background:linear-gradient(145deg,#ffffff18,#ffffff08);color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer}
.studio-create-panel{width:min(480px,calc(100% - 24px));max-height:calc(var(--app-visible-height,100dvh) - 24px);margin:auto;padding:24px;border:1px solid #ffffff30;border-radius:28px;color:#f9f8fb;background:linear-gradient(145deg,#303039f5,#19181ff8);box-shadow:0 24px 90px #0009,inset 0 1px #ffffff20;overflow:auto;overscroll-behavior:contain}
.studio-create-panel::backdrop{background:#05050bb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.studio-create-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.studio-create-eyebrow{font-size:11px;letter-spacing:.15em;color:#c2bac9}
.studio-create-panel h2{font-size:28px;line-height:1.2;margin:7px 0 0}
.studio-create-option{display:flex;gap:14px;align-items:center;padding:18px 12px;min-height:84px;border-radius:18px;text-decoration:none;color:inherit;border:1px solid transparent}
.studio-create-option:hover,.studio-create-option:focus-visible{background:#ffffff0b;border-color:#ffffff20}
.studio-create-option>span{display:grid;place-items:center;background:#f8376020;color:#ffa1b4;width:48px;height:48px;flex-shrink:0;border-radius:15px}
.studio-create-option>div{flex:1;min-width:0}.studio-create-option strong{display:block;font-size:17px}.studio-create-option small{display:block;font-size:14px;line-height:1.5;color:#c9c2cf;margin-top:4px}
.studio-create-trigger:focus-visible,.studio-create-option:focus-visible{outline:2px solid #ffa1b4;outline-offset:3px}
@media(max-width:1099px){
 body.studio-shell{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
 .studio-shell input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),.studio-shell select,.studio-shell textarea,.form-auth input:not([type=checkbox]):not([type=radio]),.form-auth textarea,.form-auth select{font-size:16px;min-height:48px}
 .studio-shell .btn,.studio-shell .btn-sm,.studio-shell .btn--sm,.studio-shell .studio-icon-button,.studio-shell .nav-toggle,.form-auth .btn{min-height:48px}
 .studio-shell .nav-toggle,.studio-shell .studio-icon-button{min-width:48px}
 .studio-shell .studio-dock{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));width:auto}
 .studio-shell .studio-dock a,.studio-shell .studio-dock button{min-height:52px;font-size:11px;line-height:1.3}
 .studio-shell .nav-links{max-height:calc(var(--app-visible-height,100dvh) - 110px);overscroll-behavior:contain}
 .studio-shell .nav-links .nav-link{min-height:48px;font-size:16px}
 .studio-shell .studio-area-links a{min-height:48px;display:inline-flex;align-items:center}
 .studio-shell .studio-search input{font-size:16px;min-height:48px}
 .studio-shell .studio-search{min-height:52px}
 .studio-shell .studio-page-heading{align-items:flex-start}
 html[data-app-keyboard] .studio-dock{display:none}
 html[data-app-keyboard] body.studio-shell{padding-bottom:24px}
 .studio-create-panel{margin:auto auto max(12px,env(safe-area-inset-bottom,0px));padding:24px 16px}
}
@media(max-width:700px){
 .nav--admin .studio-admin-area{display:none}
 .nav--admin .studio-create-trigger{margin-left:auto}
 .nav--admin .nav-logo{flex:0 1 auto}
 .studio-shell .studio-page-heading{gap:20px}
 .studio-shell .studio-page-lead{font-size:16px;line-height:1.6}
 .studio-shell .studio-area-card p{font-size:15px;line-height:1.6}
 .form-auth{scroll-margin-top:20px}
}
@media(prefers-reduced-transparency:reduce){.studio-create-panel{background:#222129}.studio-create-panel::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media print{.studio-create-trigger,.studio-create-panel{display:none}}

@media(max-width:1099px){
 .studio-gallery.studio-shell .pick-bar{bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 html[data-app-keyboard] .studio-gallery.studio-shell .pick-bar{display:none}
}