/* The navigation edge belongs to its own surface; no luminous overlay above it. */
#app:not(.no-photo) #nav{background:var(--ui-chrome);box-shadow:0 -3px 14px color-mix(in srgb,var(--ui-ink) 5%,transparent);border:0}
#app:not(.no-photo) #nav:before,#app:not(.no-photo) #nav:after{content:none!important;display:none!important}
.settings-panel #panel{padding:18px 20px 12px!important;overflow:hidden!important;z-index:17}.settings-panel .panel-edge{display:none}
.settings-shell{display:flex;flex-direction:column;height:100%;min-height:0}.settings-header{flex:none;background:var(--ui-chrome);padding-bottom:12px}.settings-header .panel-head{margin:0 0 10px!important;min-height:38px}.settings-header .panel-head h1{font-size:16px}.settings-header .panel-head .icon-button{width:38px;height:38px;min-height:38px;border-radius:13px}
.settings-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:13px;background:color-mix(in srgb,var(--ui-tint) 43%,var(--ui-chrome))}.settings-category{min-width:0;min-height:36px;padding:7px 3px;font-size:11px;white-space:nowrap;border-radius:10px;color:var(--ui-muted);transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease!important}.settings-category.on{background:var(--ui-chrome);color:var(--ui-ink);box-shadow:0 1px 5px color-mix(in srgb,var(--ui-ink) 7%,transparent);font-weight:600}
.settings-body{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:3px 0 18px;scroll-padding-top:0;outline:none;mask-image:linear-gradient(to bottom,transparent,#000 5px,#000 calc(100% - 5px),transparent)}.settings-group{padding:3px 0 20px}.settings-group:last-child{padding-bottom:0}.settings-group h2{font-size:12px;letter-spacing:.4px;font-weight:650;margin:0 0 12px;color:var(--ui-ink)}.settings-group .appearance-toggle{min-height:40px;margin:0 0 12px;padding:0;border:0}.settings-group .section-label{font-size:10px;letter-spacing:.4px;margin:0 0 8px;line-height:1.5}.settings-group .theme-list{padding-bottom:0!important}.settings-group .note{display:block;font-size:10px;line-height:1.65;margin:8px 0 0}.settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-action{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0;min-height:48px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--ui-line) 60%,transparent);background:color-mix(in srgb,var(--ui-tint) 15%,var(--ui-chrome));font-size:12px;line-height:1.4;text-align:left;box-shadow:none}.settings-action svg{flex:none;width:19px;height:19px;stroke-width:1.6}.settings-action.full-width{grid-column:1/-1}.settings-action:disabled{opacity:.42}.settings-retiring{position:fixed;z-index:17;pointer-events:none;overflow:hidden;background:var(--ui-chrome);border-radius:26px 26px 0 0;padding:18px 20px 12px;box-sizing:border-box}
@media(max-width:819px){.settings-panel #panel{position:absolute;left:0;right:0;bottom:var(--settings-bottom,64px);height:min(66dvh,calc(100dvh - 120px));max-height:none!important;border-radius:26px 26px 0 0}.settings-panel.no-photo #panel{bottom:0;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.settings-panel .canvas-ratio,.settings-panel .view-toolbar{opacity:0;pointer-events:none}}
@media(max-width:359px){.settings-panel #panel{padding-left:14px!important;padding-right:14px!important}.settings-action{font-size:11px;padding:10px;gap:7px}.settings-categories{gap:2px}.settings-category{font-size:10px}}
@media(min-width:820px){.settings-panel #panel{position:relative;height:100%;min-height:0}.settings-retiring{border-radius:24px 0 0 0}}
@media(prefers-reduced-motion:reduce){.settings-category{transition:none!important}}

.workspace .canvas-ratio,.view-toolbar{transition:opacity 180ms ease}@media(prefers-reduced-motion:reduce){.workspace .canvas-ratio,.view-toolbar{transition:none}}
@media(max-width:819px){.settings-panel #nav{grid-row:4}.settings-panel .workspace{grid-row:2}.settings-panel .top{grid-row:1}}

@media(max-width:819px){.export-panel #nav{grid-row:4}.export-panel .workspace{grid-row:2}.export-panel #panel{position:absolute;left:0;right:0;bottom:var(--settings-bottom,80px);height:min(54dvh,calc(100dvh - 120px));max-height:none!important;border-radius:26px 26px 0 0}.export-panel .view-toolbar,.export-panel .canvas-ratio{opacity:0;pointer-events:none}.export-panel .panel-edge{display:none}}
.export-panel #panel #download{width:100%;margin:0 0 3px}.export-panel .panel-head{margin-bottom:14px}.export-panel .draft-export{margin:8px 0 0}.export-panel .export-options{margin-top:0}

@media(max-width:819px){#app.settings-panel.no-photo{grid-template-rows:56px minmax(0,1fr) var(--settings-welcome-panel,235px) 0!important}}