/* Compact home composer: circular collapsed selection, pill-shaped on expansion. */
/* React Bits GlassSurface adaptation: refract the backdrop, not the controls. */
.account-glass-surface{display:none;pointer-events:none}
body.view-home .creation-account-dock .rail-bottom{position:relative;z-index:0;background:transparent;border:1px solid transparent;border-radius:16px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;overflow:visible}
body.view-home .account-glass-surface{display:block;position:absolute;inset:-1px;z-index:-1;border-radius:inherit;overflow:hidden;background:rgba(255,255,255,.04);backdrop-filter:blur(12px) saturate(1.5) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.5) brightness(1.1);box-shadow:inset 0 0 2px 1px #ffffff1c,inset 0 0 8px 2px #ffffff0a,0 6px 24px #090c161a}
body.view-home .account-glass-surface.starter-refractive:not(.starter-refractive-fallback){background:rgba(255,255,255,.015);backdrop-filter:var(--starter-refraction) saturate(1.35);-webkit-backdrop-filter:var(--starter-refraction) saturate(1.35)}
body.view-home .account-glass-surface::after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff12;box-shadow:inset 0 1px 1px #ffffff18;pointer-events:none}
body.view-home .creation-account-dock .rail-avatar{box-shadow:none;border-color:#ffffff24}
body.view-home .creation-account-dock .rail-points{color:#f2f3f6;text-shadow:0 1px 3px #10182790}
@supports not (backdrop-filter:blur(1px)){body.view-home .account-glass-surface{background:#272b35e6}}
/* Shared soft glass for account, qualifications and public settings. Background
   lives on its own layer so nested menus retain their existing positioning. */
body .settings-sheet{position:relative;background:transparent!important;border:0!important}
body .settings-sheet .settings-group{background:#ffffff03;border-color:#ffffff09}
body .creation-account-dock .rail-flyout,body .creation-account-dock .rail-flyout-sub,body .guest-public-menu,body .guest-public-sub,body .settings-sheet,body .guest-legal-dialog{isolation:isolate;background:transparent;border:0;box-shadow:0 12px 40px #03061138;backdrop-filter:none;-webkit-backdrop-filter:none}
body .creation-account-dock .rail-flyout::after,body .creation-account-dock .rail-flyout-sub::after,body .guest-public-menu::after,body .guest-public-sub::after,body .settings-sheet::after,body .guest-legal-dialog::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#becbdf08,#c8bcdb03 55%,#a8cddb06),#1c202b9c;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 1px 1px #ffffff10}
body .creation-account-dock .rail-flyout-head{border-bottom-color:#ffffff0b}
body .creation-account-dock .rail-flyout-item:hover,body .creation-account-dock .rail-flyout-row:hover>.rail-flyout-item,body .creation-account-dock .rail-flyout-row:focus-within>.rail-flyout-item,body .creation-account-dock .rail-flyout-logout{background:#ffffff07}
body .creation-account-dock .rail-flyout-logout:hover{background:#ffffff0e}
body .creation-account-dock .rail-qual-body,body .creation-account-dock .rail-qual-body a{color:#d4d5dfba}
@supports not (backdrop-filter:blur(1px)){body .creation-account-dock .rail-flyout::after,body .creation-account-dock .rail-flyout-sub::after,body .guest-public-menu::after,body .guest-public-sub::after,body .settings-sheet::after,body .guest-legal-dialog::after{background:#252832f5}}
body #viewHome .home-center{width:min(1000px,calc(100% - 40px))}
body #composerHome{padding:14px 16px!important}
body #composerHome .composer-main{padding-left:68px;min-height:98px;box-sizing:border-box;transition:padding-left .28s cubic-bezier(.2,.8,.2,1)}
body #composerHome #promptHome{padding-top:13px;min-height:98px!important}
body #composerHome .composer-bar{margin-top:12px;min-height:40px;padding-top:0}
body #composerGlass .home-creation-switch{left:16px;top:14px;bottom:auto;transform:none;box-sizing:border-box;width:52px;gap:6px}
body #composerGlass .home-creation-switch button{box-sizing:border-box;height:40px;padding:12px;border-radius:20px;flex-shrink:0}
body #composerGlass .home-creation-switch:hover,body #composerGlass .home-creation-switch:focus-within{width:124px}
body #composerGlass:has(.home-creation-switch:hover) .composer-main,body #composerGlass:has(.home-creation-switch:focus-within) .composer-main{padding-left:130px}
body #composerHome #barHome{padding:0;margin:0}
body #composerHome .composer-boot-preview{grid-column:1;grid-row:1;justify-self:start;left:16px}
body #composerHome.composer-starting .composer-bar>.ofs-wrap{display:none!important}
body #composerHome.composer-starting .bar-right{grid-row:1}
#pinterestSourceMenu{position:fixed;bottom:auto;z-index:1700;width:210px;max-width:calc(100vw - 16px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;border:1px solid #ffffff1c;border-radius:12px;background:#252528;box-shadow:0 12px 32px #0006;padding:6px}
#pinterestSourceMenu button{font-family:inherit;font-size:13px;line-height:20px;padding:10px 12px;white-space:nowrap}
.pinterest-status-links{display:flex;justify-content:center;gap:16px;font-size:12px;margin:0 0 18px}.pinterest-status-links a{color:#bfb2d7;text-decoration:none}.pinterest-status-links a:hover{color:#e2d4f5}
.gsp-pin-connect-state #inspireConnectTitle{max-width:440px;margin-left:auto;margin-right:auto;line-height:1.8}
.canvas-selection-count{font:12px/18px system-ui;color:#a7a2b3;padding:0 12px 0 8px;border-right:1px solid #ffffff16;flex:none}
.lovart-group-frame{position:absolute;box-sizing:border-box;border:1px solid #bfb0e260;border-radius:10px;background:#b7a5df0c;cursor:grab;touch-action:none}
.lovart-group-frame.selected{border-color:#c4b5ed;background:#b7a5df14}
.lovart-group-frame>button{position:absolute;top:4px;left:12px;border:0;background:none;color:#bfb5d4;font:12px/20px system-ui;cursor:grab;white-space:nowrap}
#canvasMultiActions{box-sizing:border-box;max-width:calc(100% - 24px);overflow-x:auto;overscroll-behavior:contain;align-items:center;padding:6px!important;gap:3px!important;border:1px solid #ffffff18;border-radius:14px!important;box-shadow:0 8px 26px #0003;color:#ddd;white-space:nowrap}
#canvasMultiActions .lovart-sel-btn{height:32px;flex:none;border:0;background:transparent;color:inherit;font:12px/18px system-ui;padding:6px 10px!important;border-radius:8px!important;cursor:pointer}
#canvasMultiActions .lovart-sel-btn:hover{background:#ffffff0d;color:#eee}
#canvasMultiActions .lovart-sel-btn:focus-visible{outline:2px solid #c2b5f5;outline-offset:-2px}
#lovartCanvasWrap,#canvasMultiActions,#canvasPrimaryTools,.lovart-node,.lovart-bottom-bar{user-select:none;-webkit-user-select:none}
#lovartCanvasWrap:focus{outline:none}
#lovartCanvasWrap input,#lovartCanvasWrap textarea,#lovartCanvasWrap [contenteditable=true]{user-select:text;-webkit-user-select:text}
.lovart-tool-btn[data-tip]::before,.lovart-tool-btn[data-tip]::after{display:none!important}
@media(max-width:600px){body #viewHome .home-center{width:100%;padding-inline:16px}body #composerHome{padding:14px 12px!important}body #composerGlass .home-creation-switch{left:12px}}
@media(prefers-reduced-motion:reduce){body #composerHome .composer-main{transition:none}}
