/* DRL.Ésotérique: shared composition, independent identity. */
.sunway-logo{background:none!important;width:auto!important;min-width:120px!important;aspect-ratio:auto!important;color:#e8e2d5!important}
.sunway-logo::before{content:'DRL.ÉSOTÉRIQUE';font:500 18px/1.2 Arial,sans-serif;letter-spacing:.16em}
.sunway-logo::after{display:none!important}
.instagram-link[hidden]{display:none!important}
.terminal-editorial .right-editorial p{max-width:46ch;line-height:1.7}

body[data-depth="0"] #signature.without-editorial-image{justify-content:center!important}
body[data-depth="0"] #signature h2{font-size:clamp(30px,3.65vw,60px)!important;line-height:1.1!important}
body[data-depth="0"] #signature .editorial-letter{padding-top:20px}

/* V3.1: every clipped facet shares exactly the same background coordinates. */
#scene #collection.design-continuous .collection-facet{background:#263b3d!important}
#scene #collection.design-continuous .collection-facet:nth-child(2){background:#343b3b!important}
#scene #collection.design-continuous .collection-facet:nth-child(3){background:#37322e!important}
#scene #collection.design-continuous .collection-facet:nth-child(4){background:#39382f!important}
#scene #collection.design-continuous .collection-facet:nth-child(5){background:#24353e!important}
#scene #collection.design-continuous .collection-facet::before{content:'';position:absolute;inset:0;background:url('/assets/esoterique/atlas.webp') 0 0/100% 100% no-repeat;pointer-events:none;opacity:1}
#scene #collection.design-continuous .collection-facet>img{display:none!important}
#scene #collection.design-continuous .collection-facet>span{padding:0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;line-height:1.2!important;letter-spacing:0;text-transform:none;color:#f1eade;z-index:2;text-shadow:0 2px 20px #0005;overflow:visible!important}
#scene #collection.design-continuous .facet-subtitle{position:static!important;display:block!important;color:#d1c6b0;font:400 11px/1.5 Arial,sans-serif!important;letter-spacing:.13em;text-transform:uppercase;margin:0!important;padding:0!important;max-width:100%;white-space:normal}
#scene #collection.design-continuous .collection-facet:focus-visible{filter:brightness(1.2);outline:none}
#scene #collection.design-continuous .collection-facet:hover{filter:brightness(1.08)}
#signature.has-editorial-image .editorial-portrait{object-fit:contain!important}
body:not([data-depth="0"]) #signature.has-editorial-image{display:flex!important;flex-direction:column;justify-content:flex-start}
body:not([data-depth="0"]) #signature.has-editorial-image .editorial-portrait{max-height:24dvh;width:100%;aspect-ratio:auto;flex:none}

/* V3.2 — immersive home only */
body[data-depth="0"] #signature,body[data-depth="0"] #sunway-header,body[data-depth="0"] #contact-footer,body[data-depth="0"] #phone-dock{display:none!important}
html body[data-depth="0"] #scene{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:0!important}
html body[data-depth="0"] #collection.design-continuous{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;transform:none!important}
html body[data-depth="0"] #collection.design-continuous .mosaic-page{height:100%!important;min-height:0!important}
body[data-depth="0"] #global-toggle{display:flex!important;position:fixed;top:max(18px,env(safe-area-inset-top));right:20px;z-index:40}
#design-home-layer[hidden]{display:none!important}
#design-home-layer{position:fixed;inset:0;z-index:20;pointer-events:none;color:#f1eade}
.design-center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;padding:22px 36px;border-radius:50%;background:radial-gradient(ellipse,#242d2bdd,transparent 72%)}
.design-center h1{font:400 clamp(28px,4.7vw,72px)/1.1 Arial,sans-serif;letter-spacing:.16em;margin:0;text-shadow:0 2px 22px #0007}
.design-center p{font:400 13px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#d4ccbc;margin:14px 0 0}
#design-dialogue{pointer-events:auto;position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(600px,calc(100vw - 320px));display:flex;align-items:center;gap:13px;padding:10px 12px;border:1px solid #c2b59d66;border-radius:32px;background:#101716dc;box-shadow:0 8px 40px #0003;backdrop-filter:blur(18px)}
#design-dialogue input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#f1eade;font:400 14px/1.4 Arial,sans-serif}
#design-dialogue input::placeholder{color:#d4ccbcaa}
#design-dialogue:focus-within{border-color:#d6cbb1}
.ai-mark,.ai-submit{flex:none;border:0;cursor:pointer;padding:0;background:transparent;color:#f1eade;min-width:40px;height:40px}
.ai-mark img{width:38px;height:38px;border-radius:50%;display:block}
.ai-submit{border-radius:50%;background:#e9e2d3;color:#202725;font-size:24px}
#design-home-contact{pointer-events:auto;position:absolute;right:30px;bottom:34px;border:0;background:none;color:#f1eade;min-height:44px;font:400 13px Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
#design-home-contact span{color:#d59875;margin-left:14px}
#design-ai-panel{width:min(520px,calc(100vw - 44px));max-height:85dvh;box-sizing:border-box;overflow:auto;border:1px solid #c2b59d55;border-radius:24px;background:#18211f;color:#eee7db;padding:30px;font:15px/1.65 Arial,sans-serif}
#design-ai-panel::backdrop{background:#07100bb3;backdrop-filter:blur(8px)}
.ai-panel-heading{display:flex;gap:16px;align-items:center}.ai-panel-heading img{width:50px;height:50px;border-radius:50%}.ai-panel-heading h2{font:400 24px Arial,sans-serif;margin:0}.ai-panel-heading small{color:#c2b59d;font-size:11px;letter-spacing:.1em}
.ai-close{position:absolute;right:16px;top:12px;width:40px;height:40px;font-size:26px;border:0;background:none;color:inherit;cursor:pointer}.ai-preview-note{color:#b9b9af;font-size:13px}
#design-ai-panel label{display:block;margin-top:25px;font-size:12px;color:#c2b59d}#design-ai-panel textarea{box-sizing:border-box;resize:vertical;width:100%;padding:14px;margin:8px 0 16px;border:1px solid #c2b59d55;border-radius:12px;background:#0c1512;color:#eee7db;font:14px/1.5 Arial,sans-serif}.ai-contact{padding:12px 18px;border:1px solid #c2b59d77;border-radius:24px;color:#eee7db;background:transparent;cursor:pointer}
@media(max-width:650px){.design-center h1{font-size:28px;letter-spacing:.1em}.design-center p{font-size:10px;letter-spacing:.06em;margin-top:10px}.design-center{padding:20px 14px}#design-dialogue{width:calc(100vw - 48px);bottom:max(20px,env(safe-area-inset-bottom));box-sizing:border-box;gap:8px}#design-dialogue input{font-size:12px}#design-home-contact{bottom:94px;right:24px;font-size:12px}#scene #collection.design-continuous .facet-subtitle{font-size:9px!important;letter-spacing:.07em}}

body[data-depth="0"] #global-toggle{flex-direction:column;align-items:center;justify-content:center;gap:6px}
body[data-depth="0"] #global-toggle span{display:block!important;width:18px;height:1px;background:#eee7db}
#scene #collection.design-continuous .facet-subtitle{width:100%!important;white-space:normal!important;overflow-wrap:anywhere}

/* V3.3: silver lettering, champagne detail, and one living facet at a time. */
.design-center h1{color:#c9c8c2;background-image:linear-gradient(#c9c8c2,#c9c8c2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;background-repeat:no-repeat}
.design-center p{color:#b8b9b3}
#scene #collection.design-continuous .collection-facet>span{color:#cbc9c1;text-shadow:0 2px 18px #0003;transition:color 1.2s ease}
#scene #collection.design-continuous .facet-subtitle{color:#d3b795!important;transition:color 1.2s ease}
#scene #collection.design-continuous .collection-facet{transition:filter 1.45s ease;filter:brightness(1)}
#scene #collection.design-continuous .collection-facet.lit{filter:brightness(1.23)}
#scene #collection.design-continuous .collection-facet.lit>span{color:#e0dcd1}
#scene #collection.design-continuous .collection-facet:hover,#scene #collection.design-continuous .collection-facet:focus-visible{filter:brightness(1.25)}
#scene #collection.design-continuous:has(.collection-facet:hover) .collection-facet.lit:not(:hover),#scene #collection.design-continuous:has(.collection-facet:focus-visible) .collection-facet.lit:not(:focus-visible){filter:brightness(1)}
#design-home-contact{display:flex;align-items:center;gap:14px;color:#c9c8c2}
.design-contact-arrow{width:18px;height:18px;fill:none;stroke:#d3b795;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){#scene #collection.design-continuous .collection-facet,#scene #collection.design-continuous .collection-facet>span{transition:none}.design-center h1{background-image:linear-gradient(#c9c8c2,#c9c8c2)!important}}
#scene #collection.design-continuous .collection-facet>span{color:#cbc9c1!important;-webkit-text-fill-color:currentColor!important}
#scene #collection.design-continuous .collection-facet.lit>span{color:#e0dcd1!important}
#scene #collection.design-continuous .facet-subtitle{color:#d3b795!important;-webkit-text-fill-color:#d3b795!important}

/* V3.4 — shared DRL identity */
#contact-footer .drl-signature{border-radius:50%;object-fit:contain;filter:none!important;opacity:1!important}

/* V3.5 — inherited themes and a compact, image-optional editorial frame. */
#scene #collection.design-continuous .collection-facet:nth-child(n){background:var(--facet-color,#263b3d)!important}
html.has-page-theme{--ivory:#d9d7cf;--ink:var(--page-color);background:var(--page-color)}
html.has-page-theme body,html.has-page-theme #scene,html.has-page-theme #world{background-color:var(--page-color)!important;background-image:linear-gradient(#0003,#0003)!important}
html.has-page-theme[data-wallpaper="geometry"] #scene,html.has-page-theme[data-wallpaper="geometry"] #world{background-image:linear-gradient(#0005,#0005),url('/assets/design/wallpaper.svg')!important;background-size:100vw 100dvh!important;background-position:0 0!important;background-attachment:fixed!important}
html.has-page-theme #scene .base{display:none!important}
html.has-page-theme #signature,html.has-page-theme #sunway-header,html.has-page-theme #contact-footer,html.has-page-theme #route-trail,html.has-page-theme #world .world-copy,html.has-page-theme #world .world-image,html.has-page-theme #collection,html.has-page-theme .adaptive-mosaic .mosaic-page,html.has-page-theme #scene .adaptive-mosaic .collection-facet,html.has-page-theme #world .terminal-strip,html.has-page-theme #world .terminal-frame,html.has-page-theme .right-editorial{background:transparent!important}
html.has-page-theme #signature h2,html.has-page-theme #world .world-copy h1{color:#d9d7cf!important;-webkit-text-fill-color:#d9d7cf!important}
html.has-page-theme #signature p,html.has-page-theme #world .world-copy p{color:#d0d0c8!important;-webkit-text-fill-color:#d0d0c8!important}
html.has-page-theme #world .world-copy .world-intro,html.has-page-theme #route-back{color:var(--page-accent)!important;-webkit-text-fill-color:var(--page-accent)!important}
body:not([data-depth="0"]) #signature .signature-kicker{display:none!important}
@media(min-width:651px){
 html:not(.iphone-layout) body:not([data-depth="0"]){--editorial-head:96px}
 html:not(.iphone-layout) body:not([data-depth="0"]) #sunway-header{height:80px!important;padding-top:20px!important;padding-bottom:12px!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #brand-home{justify-content:flex-start!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #route-trail{top:96px!important;bottom:auto!important;padding-top:0!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #signature{top:150px!important;bottom:160px!important;height:auto!important;max-height:none!important;transform:none!important;display:flex!important;flex-direction:column;justify-content:flex-start!important;gap:24px;overflow-y:auto!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #signature .editorial-letter{padding:0!important;flex:none}
 html:not(.iphone-layout) body:not([data-depth="0"]) #signature h2{margin:0!important;font-size:clamp(30px,3.4vw,52px)!important;line-height:1.1!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #signature p:last-child{margin-top:24px!important;max-width:34ch!important;line-height:1.75!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #world .world-copy{top:150px!important;bottom:160px!important;height:auto!important;max-height:none!important;transform:none!important;padding-top:0!important}
}
html.iphone-layout body:not([data-depth="0"]) #signature{height:auto!important;min-height:0!important;max-height:none!important;padding-top:24px!important;padding-bottom:28px!important}
html.iphone-layout body:not([data-depth="0"]) #signature .editorial-letter{padding-top:0!important}

/* V3.6 — one shared baseline for identity, coordinates and contact. */
@media(min-width:651px){
 html:not(.iphone-layout) #contact-footer .footer-coordinates{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
 html:not(.iphone-layout) #contact-footer .drl-signature{flex:0 0 28px}
 html:not(.iphone-layout) #contact-footer .header-actions{flex:1 1 120px}
 html:not(.iphone-layout) #contact-footer #reserve{align-self:center;margin-left:auto;flex:none;gap:10px;font-size:11px;letter-spacing:.06em}
 html:not(.iphone-layout) #contact-footer .instagram-link[hidden]{display:none!important}
}

/* V3.7: shared footer alignment, independent of device coordinates. */
html.iphone-layout #contact-footer .footer-coordinates{display:flex;align-items:center;gap:12px;width:100%;min-width:0}
html.iphone-layout #contact-footer .drl-signature{position:static;inset:auto;flex:0 0 28px;display:block;width:28px;height:28px}
html.iphone-layout #contact-footer .header-actions{position:static;flex:1;min-width:0;padding:0;gap:0}
html.iphone-layout #contact-footer .header-email{overflow-wrap:anywhere}
html.iphone-layout #contact-footer .social-link{position:static;inset:auto;flex:none}
/* Input text stays readable without focus zoom. Home has no legacy header margin. */
#design-dialogue input,#design-ai-panel textarea{font-size:16px}
html body[data-depth="0"] #scene{margin:0!important}
@media(pointer:coarse){
 html:has(body[data-depth="0"]),body[data-depth="0"]{overflow:hidden;overscroll-behavior:none}
 body[data-depth="0"] #design-home-layer{inset:var(--home-view-top,0px) 0 auto;height:var(--home-view-height,100dvh)}
 body[data-depth="0"].home-keyboard .design-center,body[data-depth="0"].home-keyboard #design-home-contact{visibility:hidden}
}
html.iphone-layout #contact-footer .header-phone[hidden],html.iphone-layout #contact-footer .header-phone:empty,html.iphone-layout #contact-footer .header-phone[href="tel:"]{display:none!important}

/* Atlas V2 — equal radial sectors in one square coordinate space. */
body[data-depth="0"] #scene::before{content:'';position:absolute;inset:-24px;background:linear-gradient(#03061199,#030611dd),url('/assets/esoterique/atlas-mobile-v2.webp') center/cover;filter:blur(16px);pointer-events:none}
html body[data-depth="0"] #collection.design-continuous{inset:auto!important;left:50%!important;top:50%!important;width:min(96vw,calc(100dvh - 190px))!important;height:min(96vw,calc(100dvh - 190px))!important;transform:translate(-50%,-50%)!important;border-radius:50%;box-shadow:0 0 65px #b7974e20}
#scene #collection.design-continuous .collection-facet:nth-child(n){background:#070914!important}
#scene #collection.design-continuous .collection-facet::before{background:url('/assets/esoterique/atlas-rosette-v2.webp') center/100% 100% no-repeat;filter:brightness(.83) saturate(.95)}
#scene #collection.design-continuous .collection-facet>span{color:#fff1d7!important;text-shadow:0 2px 4px #000,0 0 12px #000;font-family:Georgia,serif!important;line-height:1.15!important;gap:0!important}
#scene #collection.design-continuous .facet-subtitle{display:none!important}
.design-center{top:max(28px,env(safe-area-inset-top));transform:translateX(-50%);background:none;padding:0;max-width:80vw;white-space:normal}
.design-center h1{font:400 clamp(20px,2.6vw,38px)/1.15 Georgia,serif;letter-spacing:.09em;color:#ead6b0;background:none;-webkit-text-fill-color:currentColor;text-shadow:0 2px 16px #000}
.design-center p{color:#d7bd92;font-size:10px;letter-spacing:.24em;margin-top:9px}
#atlas-pivot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(min(96vw,100dvh - 190px)*.17);height:calc(min(96vw,100dvh - 190px)*.17);min-width:44px;min-height:44px;border-radius:50%;border:0;background:transparent;pointer-events:auto;cursor:pointer}
#atlas-pivot:hover,#atlas-pivot:focus-visible{outline:1px solid #efd391;box-shadow:0 0 24px #ead08b77}
#design-dialogue{background:#090c15eb;border-color:#b7985b70}
.sunway-logo::before{font-size:14px;letter-spacing:.08em}
@media(max-width:650px){.design-center{top:max(55px,env(safe-area-inset-top));width:88vw;max-width:88vw}.design-center h1{font-size:22px;letter-spacing:.07em}.design-center p{font-size:9px}#design-home-contact{bottom:87px}#design-dialogue{width:calc(100vw - 32px)}body.home-keyboard #atlas-pivot{visibility:hidden}}
@media(max-height:500px) and (min-aspect-ratio:1/1){html body[data-depth="0"] #collection.design-continuous{width:calc(100dvh - 40px)!important;height:calc(100dvh - 40px)!important}.design-center{left:15%;top:30%;width:25vw}.design-center h1{font-size:18px}#design-dialogue{left:auto;right:18px;transform:none;width:24vw}#design-home-contact{right:24px;bottom:95px}#atlas-pivot{width:calc((100dvh - 40px)*.17);height:calc((100dvh - 40px)*.17)}}

/* V3: one complete universe artwork shared by all five 72-degree clips. */
body.atlas-universe #signature,body.atlas-universe #sunway-header,body.atlas-universe #contact-footer,body.atlas-universe #phone-dock,body.atlas-universe #route-trail{display:none!important}
html body.atlas-universe #scene{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#080910!important}
html body.atlas-universe #collection.atlas-universe-mosaic{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;transform:none!important;overflow:hidden!important;background:#080910!important}
body.atlas-universe #collection .mosaic-page{height:100%!important;min-height:0!important}
#scene #collection.atlas-universe-mosaic .collection-facet::before{background-image:var(--atlas-art);background-size:contain;background-position:center;background-color:#080910;filter:brightness(.72) saturate(.95)}
#scene #collection.atlas-universe-mosaic .collection-facet>span{font-size:clamp(14px,2vw,24px)!important;text-shadow:0 2px 5px #000,0 0 14px #000}
#scene #collection.atlas-universe-mosaic .collection-facet.lit{filter:brightness(1.4)}
body.atlas-universe #global-toggle{display:flex!important;position:fixed;top:max(18px,env(safe-area-inset-top));right:20px;z-index:40}
#atlas-universe-heading{position:absolute;inset:0 0 auto;z-index:20;padding:25px 75px 25px;text-align:center;pointer-events:none;background:linear-gradient(#080910bb,transparent);color:#ead6b0}
#atlas-universe-heading h1{margin:0;font:400 clamp(23px,3vw,40px)/1.2 Georgia,serif;letter-spacing:.06em}
#atlas-universe-heading a{position:absolute;left:22px;top:24px;pointer-events:auto;min-height:44px;display:flex;align-items:center;color:#ead6b0;text-decoration:none;font:14px Georgia,serif}
@media(max-width:650px){#atlas-universe-heading{padding:86px 22px 25px}#atlas-universe-heading a{top:max(20px,env(safe-area-inset-top))}#scene #collection.atlas-universe-mosaic .collection-facet>span{font-size:15px!important}}

/* V4: full-screen Atlas, original universe artwork, living radial seams. */
html body[data-depth="0"] #collection.design-continuous{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;transform:none!important;border-radius:0!important;box-shadow:none!important}
body[data-depth="0"] #scene::before{display:none}
body[data-depth="0"] #scene #collection.design-continuous .collection-facet::before{background-image:var(--home-art);background-size:cover;background-position:center;left:var(--home-art-left,0);top:var(--home-art-top,0);right:auto;bottom:auto;width:var(--home-art-width,100%);height:var(--home-art-height,100%);filter:brightness(.75) saturate(.92)}
.design-center{left:50%!important;top:max(25px,env(safe-area-inset-top))!important;transform:translateX(-50%)!important;width:80vw!important;background:transparent!important}
.design-center h1{background:none!important;-webkit-text-fill-color:#ead6b0!important;text-shadow:0 2px 8px #000,0 0 25px #000!important}
.design-center p{text-shadow:0 2px 8px #000}
#atlas-pivot{display:none!important}
#design-home-layer .design-center[hidden],#design-home-layer #design-home-contact[hidden]{display:none!important}
#design-home-layer{z-index:35}
#design-dialogue{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(620px,calc(100vw - 48px))!important;bottom:max(20px,env(safe-area-inset-bottom));box-sizing:border-box}
#design-dialogue input{font-size:16px!important}
body:not([data-depth="0"]):not(.atlas-universe) #contact-footer{padding-bottom:100px!important}
body:not([data-depth="0"]):not(.atlas-universe) .world-copy,body:not([data-depth="0"]):not(.atlas-universe) .right-editorial{padding-bottom:130px!important;scroll-padding-bottom:130px}
body.atlas-universe #global-toggle{flex-direction:column;align-items:center;justify-content:center;gap:6px}
body.atlas-universe #global-toggle span{display:block!important;width:18px;height:1px;background:#eee7db}
@media(pointer:coarse){#design-home-layer,body[data-depth="0"] #design-home-layer{inset:var(--home-view-top,0px) 0 auto;height:var(--home-view-height,100dvh)}body.home-keyboard #design-home-layer .design-center,body.home-keyboard #design-home-contact{visibility:hidden}}
@media(max-width:650px){.design-center{top:68px!important}.design-center h1{font-size:22px!important}#design-dialogue{width:calc(100vw - 24px)!important}#design-home-contact{bottom:88px!important}}
/* V5.2: permanent conversation dock and credit entry point. */
#design-home-layer #design-home-contact{display:none!important}
#dialogue-controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(820px,calc(100vw - 48px));pointer-events:auto;display:flex;flex-direction:column;gap:12px}
.dialogue-row{display:flex;align-items:stretch;gap:12px;min-width:0}
#design-home-layer #design-dialogue{position:static!important;inset:auto!important;transform:none!important;width:auto!important;flex:1;min-width:0;margin:0}
#design-dialogue input{min-width:0}
#buy-credits{flex:0 0 138px;border:1px solid #b59b6b80;border-radius:42px;color:#e9d9b9;background:#100f19ed;padding:12px 18px;font:13px/1.4 system-ui;cursor:pointer;backdrop-filter:blur(16px)}
#buy-credits:hover{background:#302333}#buy-credits:focus-visible,#oracle-dock button:focus-visible{outline:2px solid #e0c38c;outline-offset:4px}
#credits-panel{color:#eee1cd;background:#1d121cee;border:1px solid #a68a58;border-radius:20px;font-family:Georgia,serif;z-index:100}
#credits-panel p{font:15px/1.7 system-ui;color:#cfc2b7}#credits-panel .credits-close{position:absolute;right:18px;top:12px;border:0;background:none;color:inherit;font-size:28px;cursor:pointer}
#credits-panel .credits-return{border:1px solid #b49a6c;border-radius:24px;padding:12px 20px;background:none;color:#eee1cd;cursor:pointer;font:14px system-ui}
@media(max-width:600px){#dialogue-controls{width:calc(100vw - 24px);gap:8px;bottom:max(12px,env(safe-area-inset-bottom))}.dialogue-row{gap:8px}#buy-credits{flex-basis:82px;padding:8px;font-size:11px}#design-home-layer #design-dialogue{padding:8px;gap:8px}#design-dialogue input{font-size:16px}#design-dialogue .ai-mark{width:30px;height:30px;flex:0 0 30px}#design-dialogue .ai-submit{width:38px;height:38px;flex:0 0 38px}}
/* Atlas shared conversation */
#design-ai-panel{width:min(680px,calc(100vw - 24px));background:#1b121d;max-height:85dvh;padding:24px}#atlas-log{max-height:42dvh;overflow:auto;overscroll-behavior:contain;margin-top:22px}.atlas-message{white-space:pre-wrap;padding:13px 16px;border-radius:14px;margin:10px 0;background:#ffffff06}.atlas-message.user{background:#b2936020;margin-left:30px}.atlas-message.assistant{border-left:2px solid #b99b67}.atlas-buttons{display:flex;gap:8px;flex-wrap:wrap}.atlas-buttons button{border:1px solid #b99b6766;background:transparent;color:#eee7db;padding:10px 16px;border-radius:25px;cursor:pointer}.atlas-buttons button:disabled{opacity:.4}.atlas-privacy{font-size:11px;line-height:1.5;color:#b9abb7;margin-bottom:0}#atlas-status{font-size:13px;color:#dec398}#design-ai-panel textarea{font-size:16px;margin-top:8px}#design-ai-panel label{margin-top:10px}#design-ai-panel small{font-size:11px}.oracle-ai-note{font-size:12px;color:#d4b888}