body{isolation:isolate}.page-background{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.background-photo,.background-dim{pointer-events:none;position:absolute;inset:0}.background-photo{background-repeat:no-repeat}.background-dim{background:#000}.background-settings-dialog{background:var(--card);width:min(520px,100vw - 24px);max-width:520px;max-height:calc(100dvh - 24px);color:var(--foreground);border-radius:16px;gap:20px;padding:26px;overflow:auto}.background-fields{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.background-fields:disabled{opacity:.65}.background-mode{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.background-mode button{min-height:42px}.background-mode button[aria-pressed=true]{background:var(--accent);color:var(--primary);border-color:var(--primary)}.background-preview{isolation:isolate;border:1px solid var(--border);border-radius:12px;place-items:center;height:148px;display:grid;position:relative;overflow:hidden}.background-preview-surface{z-index:-1;position:absolute;inset:0;overflow:hidden}.background-preview-card{color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:9px;align-items:center;gap:10px;padding:14px 22px;font-size:14px;display:flex;box-shadow:0 4px 18px #0002}.background-preview-card svg{color:var(--completion)}.background-color-field{gap:10px;display:grid}.background-color-field>label,.background-fit,.background-adjustment,.background-theme{font-size:14px;font-weight:500}.background-color-inputs{gap:10px;display:flex}.background-color-inputs input{min-height:44px;font-size:16px}.background-color-inputs input[type=color]{cursor:pointer;flex:0 0 48px;width:48px;padding:5px}.background-color-inputs input:not([type=color]){max-width:160px;font-family:ui-monospace,monospace}.background-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.background-swatches button{border:1px solid #8887;border-radius:7px;height:36px;position:relative}.background-swatches button[aria-pressed=true]:after{content:"";border:2px solid #fff;border-radius:3px;position:absolute;inset:4px;box-shadow:0 0 0 1px #000}.background-swatches button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.background-photo-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.background-photo-actions button{min-height:44px}.background-fit{justify-content:space-between;align-items:center;gap:12px;display:flex}.background-fit [data-slot=select-trigger]{width:190px;min-height:44px}.background-adjustments{gap:15px;display:grid}.background-adjustment{gap:8px;display:grid}.background-adjustment>span{justify-content:space-between;gap:10px;display:flex}.background-adjustment output{color:var(--muted-foreground);font-variant-numeric:tabular-nums}.background-adjustment [data-slot=slider]{min-height:28px}.background-theme{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex}.background-loading{align-items:center;gap:10px;font-size:14px;display:flex}.background-error{color:var(--destructive);gap:10px;font-size:14px;display:grid}.background-footer{border-top:1px solid var(--border);flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex}.background-footer>div{gap:8px;margin-left:auto;display:flex}.background-footer button{min-height:44px}@media (max-width:420px){.background-settings-dialog{padding:20px}.background-footer button{padding-inline:10px;font-size:13px}}