/* A compact consent island with one surface for both states. */
:root{--cookie-gap:4px;--cookie-inset:16px;--cookie-surface:#19191c;--cookie-text:var(--text,#f3f3f5);--cookie-muted:#a6a6b2;--cookie-accent:var(--ac,#0088ff);--cookie-notice-space:0px}
.cookie-notice,.cookie-notice *{box-sizing:border-box}
.cookie-notice{position:fixed;z-index:90;left:50%;bottom:calc(var(--cookie-inset) + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;align-items:center;gap:0 var(--cookie-gap);width:max-content;max-width:calc(100% - 2*var(--cookie-inset));padding:1px var(--sp-1) 1px var(--sp-3);border:1px solid #ffffff14;border-radius:22px;background:var(--cookie-surface);color:var(--cookie-text);box-shadow:0 6px 18px #0004,inset 0 1px 0 #ffffff03;font:12px/18px var(--sans,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);animation:cookie-appear .2s ease-out;transition:border-radius .32s cubic-bezier(.22,1,.36,1)}
.cookie-copy{grid-column:1;grid-row:1;min-width:0;color:var(--cookie-muted);white-space:nowrap;text-align:left;user-select:text}
.cookie-copy a{color:#9dcaff;text-decoration:underline;text-decoration-color:#9dcaff66;text-underline-offset:3px;transition:color .18s,text-decoration-color .18s}
.cookie-copy a:hover{color:#c1ddff;text-decoration-color:currentColor}
.cookie-notice button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:auto;min-width:0;min-height:40px;height:40px;margin:0;padding:0;border:0;border-radius:999px;font:500 12px/16px var(--sans,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);letter-spacing:normal;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,transform .18s}
.cookie-notice .cookie-accept{grid-column:2;grid-row:1;width:40px;background:transparent;color:#fff}
.cookie-notice .cookie-accept>span{display:grid;place-items:center;width:28px;height:26px;border-radius:9px;background:var(--cookie-accent);transition:background .18s}
.cookie-notice .cookie-accept:focus-visible{outline:none}
.cookie-notice .cookie-accept:focus-visible>span{outline:2px solid #9dcaff;outline-offset:2px}
.cookie-notice .cookie-accept:hover>span{background:color-mix(in srgb,var(--cookie-accent) 86%,white)}
.cookie-notice .cookie-toggle{grid-column:3;grid-row:1;width:40px;height:40px;background:transparent;color:var(--cookie-muted)}
.cookie-notice .cookie-toggle:hover{background:#ffffff08;color:var(--cookie-text)}
.cookie-notice button:active{transform:scale(.97)}
.cookie-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.cookie-notice.is-expanded{border-radius:24px}
.cookie-notice.is-expanded .cookie-toggle svg{transform:rotate(180deg)}
.cookie-options{grid-column:1/-1;grid-row:2;min-width:0;margin-left:-10px;contain:inline-size;display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),visibility 0s .28s}
.cookie-options-inner{position:relative;min-height:0;overflow:hidden;opacity:0;transition:opacity .16s}
.cookie-options-inner:before{content:"";position:absolute;z-index:1;top:0;left:10px;right:10px;height:1px;background:#ffffff0d;pointer-events:none}
.cookie-notice .cookie-necessary{display:flex;flex-direction:column;gap:0;width:100%;height:48px;min-height:48px;border-radius:0 0 20px 20px;background:transparent;color:var(--cookie-text)}
.cookie-necessary small{display:block;color:var(--cookie-muted);font:400 10px/14px var(--sans,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}
.cookie-notice .cookie-necessary:hover{background:#ffffff06}
.cookie-notice.is-expanded .cookie-options{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),visibility 0s}
.cookie-notice.is-expanded .cookie-options-inner{opacity:1;transition:opacity .2s .06s}
.cookie-notice :focus-visible{outline:2px solid #9dcaff;outline-offset:2px}
.cookie-notice .cookie-necessary:focus-visible{outline-offset:-3px}
body.cookie-consent-visible{padding-bottom:calc(var(--cookie-page-padding,0px) + var(--cookie-notice-space))!important}
/* Keep full-screen editor backgrounds edge-to-edge; reserve space inside them. */
.cookie-consent-visible #ed[role="dialog"]{bottom:0!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--cookie-notice-space))!important}
.cookie-consent-visible #preference-feedback{bottom:calc(20px + env(safe-area-inset-bottom,0px) + var(--cookie-notice-space))}
@media(max-width:640px){
 .cookie-notice{--cookie-inset:12px;grid-template-columns:minmax(0,1fr) 44px 40px;border-radius:24px}
 .cookie-notice .cookie-accept{width:44px;height:44px;min-height:44px}
 .cookie-consent-visible #sheet.on{margin-bottom:var(--cookie-notice-space)}
}
@media(max-width:359px){.cookie-notice{--cookie-inset:8px}}
@media(max-width:999px){.cookie-consent-visible.skin-editor .drawing-dock,.cookie-consent-visible.skin-editor .inspector,.cookie-consent-visible.skin-editor .color-popover{margin-bottom:var(--cookie-notice-space)}}
@keyframes cookie-appear{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.cookie-notice,.cookie-notice *{animation:none!important;transition:none!important}}

/* Match the quiet controls and typography of the shared site island. */
.cookie-notice{padding-left:var(--sp-4);background:#19191c;box-shadow:0 6px 18px #0004,inset 0 1px 0 #ffffff03;color:#a6a6b2}
.cookie-copy{font-size:12px;color:#a6a6b2}
.cookie-copy a{color:#d0d0d8;text-decoration-color:#ffffff38}
.cookie-copy a:hover{color:#fff;text-decoration-color:#ffffff80}
.cookie-notice .cookie-accept{color:#85bfff}
.cookie-notice .cookie-accept>span{width:30px;height:28px;border-radius:999px;background:#ffffff08;color:inherit;font-weight:600}
.cookie-notice .cookie-accept:hover>span{background:#ffffff12;color:#b8dbff}
.cookie-notice .cookie-toggle{color:#747480}
.cookie-notice .cookie-toggle:hover{color:#c8c8d0;background:transparent}
.cookie-notice .cookie-necessary{color:#d0d0d8;font-size:12px;font-weight:500}
.cookie-necessary small{color:#81818d;font-size:10px}
.cookie-notice .cookie-necessary:hover{background:#ffffff03;color:#fff}
.cookie-options-inner:before{background:#ffffff09;left:14px;right:14px}