/* One shared backdrop continues behind both rounded panel corners. */
.app{background:radial-gradient(ellipse at 18% 30%,color-mix(in srgb,var(--ui-tint) 42%,transparent),transparent 66%),var(--ui-base)}
.workspace:before,.workspace:after{display:none!important}
.workspace{background:transparent!important}
.panel{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ui-line) 38%,transparent)!important;border-color:color-mix(in srgb,var(--ui-line) 60%,transparent)!important;border-bottom:0;background:var(--ui-chrome)!important;background-clip:padding-box;border-radius:26px 26px 0 0}
.panel:before{display:none!important}
.app.no-photo{--panel:252px}
.no-photo .panel{padding:19px 22px 22px}
.no-photo .panel-head{min-height:30px;margin-bottom:8px;align-items:center}
.no-photo .panel-head h1{font-size:15px;letter-spacing:.7px;font-weight:550}
.no-photo .panel-head>.text-link{font-size:10px;min-height:32px;padding:6px 0 6px 10px;white-space:nowrap;color:var(--ui-muted)}
.no-photo .welcome-intro{margin:0 0 17px;font-size:11px;line-height:1.7;letter-spacing:.2px;color:var(--ui-muted)}
.welcome-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:0 0 16px;padding:14px 0;border-top:1px solid color-mix(in srgb,var(--ui-line) 60%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ui-line) 60%,transparent)}
.welcome-steps li{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:32px;padding:0 5px;border-right:1px solid color-mix(in srgb,var(--ui-line) 55%,transparent)}
.welcome-steps li:first-child{justify-content:flex-start;padding-left:0}.welcome-steps li:last-child{justify-content:flex-end;border-right:0;padding-right:0}
.step-number{font-size:9px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.7px;color:var(--ui-accent);opacity:.85}
.step-name{font-size:11px;line-height:1.4;letter-spacing:.2px;white-space:nowrap;color:var(--ui-ink)}
.welcome-examples{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--ui-line) 75%,transparent);border-radius:12px;background:color-mix(in srgb,var(--ui-tint) 16%,transparent);font-size:11px;line-height:1.4;color:var(--ui-ink)}
.welcome-examples svg{width:14px;height:14px;transform:rotate(90deg);color:var(--ui-muted)}

.no-photo .empty-upload{gap:14px}.no-photo .empty-upload strong{font-size:17px;letter-spacing:1px}.no-photo .empty-upload>span:last-child{font-size:11px;letter-spacing:1px}
@media(max-width:359px){.no-photo .panel{padding-left:16px;padding-right:16px}.welcome-steps li{gap:5px;padding-inline:4px}.step-name{font-size:10px}.step-number{font-size:9px}.no-photo .panel-head h1{font-size:14px}}
@media(max-height:700px){.app.no-photo{--panel:224px}.no-photo .panel{padding-top:14px;padding-bottom:14px}.welcome-steps{padding:9px 0;margin-bottom:11px}.no-photo .welcome-intro{margin-bottom:11px}.no-photo .empty-upload{min-height:160px}}
@media(min-width:820px){.panel{border-radius:26px 0 0 0}.no-photo .panel{padding:24px}.welcome-steps li{gap:6px}.step-name{font-size:10px}}