/* /css/engine.css */
/* Engine exhibit and its instrument cluster share the existing animation loop. */
.home-sculpture.home-engine{min-height:740px;isolation:isolate;overflow:visible}
.home-sculpture.home-engine:before{display:none}
.home-sculpture.home-engine:after{inset:20% 10% 38%;width:auto;height:auto;background:radial-gradient(ellipse,#9255ed14,transparent 70%);filter:none}
.home-engine #home-object{position:absolute;inset:0;width:100%;height:calc(100% - 285px);min-height:0;touch-action:pan-y;cursor:grab}
.home-engine #home-object:active{cursor:grabbing}
.home-engine .home-object-fallback{object-fit:contain;inset:0;height:calc(100% - 285px);width:100%}
.engine-controls{position:absolute;z-index:3;bottom:6px;left:50%;width:min(100%,430px);transform:translateX(-50%);display:grid;gap:10px;color:#faf8ff}
.engine-controls[hidden],.engine-controls button[hidden]{display:none!important}
.engine-controls button{font:inherit;font-size:12px;min-height:44px;padding:10px 16px;border:1px solid #ffffff24;border-radius:13px;color:#f7f4fc;background:#ffffff08;cursor:pointer;transition:background .24s,border-color .24s,box-shadow .35s,transform .4s cubic-bezier(.16,1,.3,1)}
.engine-controls button:hover{background:#ffffff13;border-color:#ffffff4d}
.engine-controls button:focus-visible{outline:2px solid #c2a4ff;outline-offset:4px}
.engine-controls button:active{transform:scale(.97)}
.engine-dashboard{padding:12px 16px 14px;background:linear-gradient(145deg,#ffffff0c,transparent 45%),#201d28c9;border:1px solid #ffffff25;border-top-color:#ffffff50;border-radius:26px;box-shadow:inset 0 1px 1px #ffffff16,inset 0 -1px 1px #0009,0 16px 32px -10px #0007;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}
.engine-instruments{display:grid;grid-template-columns:156px minmax(0,1fr) 65px;gap:12px;align-items:center;min-width:0}
.engine-tachometer{position:relative;width:156px;height:140px}
.engine-dial{display:block;width:100%;height:100%;overflow:visible}
.dial-track,.dial-progress{stroke-width:2;stroke-linecap:round}
.dial-track{stroke:#ffffff18}.dial-progress{stroke:#b994ff}
.dial-ticks path{stroke:#ded8ed;stroke-width:1}.dial-ticks .dial-redline{stroke:#f393b6;stroke-width:2}
.dial-ticks text{fill:#c4bed0;stroke:none;font:10px 'Google Sans Flex',sans-serif;text-anchor:middle;dominant-baseline:middle;font-variant-numeric:tabular-nums}
.dial-needle{fill:#ded1ff;filter:drop-shadow(0 0 3px #b18afa65)}.dial-hub{fill:#ddd2f4;stroke:#292332;stroke-width:2}
.engine-rpm-value{position:absolute;inset:102px 0 auto;display:flex;align-items:baseline;justify-content:center;gap:5px;pointer-events:none}
.engine-rpm-value strong{font-size:16px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}.engine-rpm-value small{font-size:10px;color:#c1bacb}
.engine-speedometer{display:flex;flex-direction:column;align-items:center;min-width:0;padding-bottom:8px}
.engine-speedometer strong{font-size:clamp(44px,4vw,58px);line-height:1.2;font-weight:350;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.engine-speedometer small{color:#bcb6c7;font-size:10px;white-space:nowrap}
.engine-drive-state{display:flex;align-items:center;gap:5px;font-size:11px;color:#d4c8e7;min-height:20px}
.engine-drive-state:before{content:'';width:5px;height:5px;border-radius:50%;background:#b994ff;box-shadow:0 0 8px #b994ff50}
.engine-load{display:flex;flex-direction:column;align-items:center;gap:5px;color:#aaa1bc}
.engine-load>span{font-size:12px;letter-spacing:.06em;color:#e4dbf0}.engine-load svg{width:32px;height:51px;color:#ada0c2}
.engine-load small{font-size:9px;white-space:nowrap}.engine-load b{font-weight:500;color:#eee8f6}
.engine-load-track{width:56px;height:3px;background:#ffffff13;border-radius:4px;overflow:hidden}
.engine-load-track i{display:block;width:100%;height:100%;background:#b994ff;transform:scaleX(0);transform-origin:left}
.engine-dashboard-actions{display:grid;grid-template-columns:1fr 44px;gap:8px;margin-top:5px}
.engine-controls #engine-rev{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:10px 16px 13px;border-color:#d2baff50;background:#7541cc;color:#fff;box-shadow:inset 0 1px #ffffff32,0 4px 12px #0002;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.engine-controls #engine-rev:hover{background:#854de0;border-color:#d8c2ff80}
.engine-controls #engine-rev[aria-pressed=true]{transform:scale(.985);background:#8b50e7;box-shadow:inset 0 2px 6px #270a4933,0 0 20px #a16be42b}
.engine-throttle-icon{width:19px;height:19px;pointer-events:none}.engine-rev-label{font-size:12px;font-weight:550;white-space:nowrap}
.engine-rev-track{position:absolute;bottom:4px;left:16px;right:16px;height:2px;background:#ffffff15}
.engine-rev-track i{display:block;width:100%;height:100%;background:#eee2ff;transform:scaleX(0);transform-origin:left}
.engine-controls[data-limiter=true] .dial-progress{stroke:#f393b6}.engine-controls[data-limiter=true] .engine-drive-state{color:#f7adca}
.engine-controls[data-limiter=true] .engine-drive-state:before{background:#f393b6}.engine-controls[data-limiter=true] .dial-needle{fill:#ffb3d0}
.engine-controls #engine-sound,.engine-controls #engine-fullscreen{display:inline-flex;align-items:center;justify-content:center;width:44px;padding:10px}
.engine-controls #engine-sound svg,.engine-controls #engine-fullscreen svg{width:18px;height:18px;pointer-events:none}
.engine-sound-muted{display:none}#engine-sound[aria-pressed=true] .engine-sound-waves{display:none}#engine-sound[aria-pressed=true] .engine-sound-muted{display:block}
.engine-controls #engine-sound:disabled{opacity:.45;cursor:default}
.engine-view-controls{display:flex;justify-content:center;gap:6px}.engine-view-controls button{border-color:transparent;background:transparent;color:#cfc8dc}
.engine-view-controls button[aria-pressed=true]{background:#b799ff14;border-color:#b799ff40;color:#eadbff}
.engine-controls #home-object-hint{text-align:center;margin:0;color:#a69fad;font-size:11px;line-height:1.4}
.home-engine:fullscreen{background:#111015;width:100vw;height:100dvh;min-height:0;overflow:auto}
.home-engine:fullscreen #home-object,.home-engine:fullscreen .home-object-fallback{height:calc(100% - 292px);touch-action:none}
.home-engine:fullscreen .engine-controls{bottom:max(12px,env(safe-area-inset-bottom));width:min(calc(100% - 32px),430px)}
@media(max-width:760px){.home-sculpture.home-engine{min-height:625px;height:625px;margin:0}.home-engine #home-object,.home-engine .home-object-fallback{height:calc(100% - 285px)}.engine-controls{width:min(100%,400px)}.engine-dashboard{padding:10px 12px 12px;border-radius:24px}.engine-instruments{grid-template-columns:136px minmax(0,1fr) 54px;gap:8px}.engine-tachometer{width:136px;height:130px}.engine-rpm-value{top:94px}.engine-speedometer strong{font-size:45px}.engine-load-track{width:46px}.home-engine:fullscreen{min-height:570px;height:100dvh}}
@media(max-width:360px){.engine-instruments{grid-template-columns:120px minmax(0,1fr) 46px;gap:6px}.engine-tachometer{width:120px;height:120px}.engine-rpm-value{top:86px}.engine-rpm-value strong{font-size:14px}.engine-speedometer strong{font-size:38px}.engine-speedometer small{font-size:11px;white-space:normal;line-height:1.35;text-align:center}.engine-load small{font-size:11px;white-space:normal;line-height:1.35;text-align:center}.engine-dashboard{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]):not([data-motion=reduced]) .engine-controls button{transition:none;transform:none}}
:root[data-motion=reduced] .engine-controls button{transition:none;transform:none}
@media(prefers-reduced-transparency:reduce){.engine-dashboard{background:#22202a;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.engine-dashboard{background:#22202a}}
#engine-rpm-needle{transform-origin:88px 88px;transition:transform .055s linear}
.dial-progress{transition:stroke-dashoffset .055s linear}
/* The engine light responds to the existing throttle; it adds no idle animation. */
.home-sculpture.home-engine:after{background:radial-gradient(ellipse,#9955ef32,transparent 70%);opacity:.3;transition:opacity 1.6s cubic-bezier(.16,1,.3,1)}
.home-sculpture.home-engine[data-revving=true]:after{opacity:1;transition-duration:.35s}

.engine-instruments{grid-template-columns:minmax(105px,1.3fr) minmax(65px,1fr) 48px;gap:10px;align-items:center}
.engine-tachometer{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;min-width:0}
.engine-dial{height:auto;aspect-ratio:176/158;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 48%,#ffffff04 0 48%,transparent 49%)}
.engine-rpm-value{position:static;display:flex;align-items:baseline;justify-content:center;padding:2px 0 7px;min-height:27px;gap:5px}
.engine-rpm-value strong{font-size:17px;letter-spacing:.02em}.engine-rpm-value small{font-size:11px}
.engine-dashboard-actions{margin-top:9px}.engine-load small{font-size:11px;white-space:normal;line-height:1.35;text-align:center}.engine-load-track{width:44px}.engine-speedometer strong{font-size:clamp(34px,4.4vw,58px)}
.engine-controls{width:min(100%,430px)}
.engine-dashboard{padding:10px 14px 14px}.engine-drive-state{font-size:10px}.engine-speedometer small{font-size:11px;white-space:normal;line-height:1.35;text-align:center}
@media(max-width:760px){.engine-instruments{grid-template-columns:minmax(100px,1.3fr) minmax(64px,1fr) 46px;gap:8px}.engine-dashboard{padding:10px}.engine-speedometer strong{font-size:42px}.engine-rpm-value strong{font-size:16px}}
@media(max-width:360px){.engine-instruments{grid-template-columns:minmax(90px,1.2fr) minmax(60px,1fr) 40px;gap:6px}.engine-speedometer strong{font-size:36px}.engine-load-track{width:38px}}

/* /css/mobile.css */
/* Shared phone layouts. Keep paper/PDF output and desktop composition intact. */
.conversation-search-disclosure{flex:0 0 auto;min-width:0}
.conversation-search-disclosure>summary{display:none}
@media screen and (max-width:1000px){
  body.atelier-site .pricing-component-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  body.atelier-site .pricing-inner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  body.atelier-site .studio-pricing-film{position:relative;top:auto;height:440px;min-height:0}
  body.atelier-site .pricing-wrap .pricing-block{display:flex;flex-direction:column;align-items:stretch;gap:24px}
  body.atelier-site .pricing-wrap .price-block{align-items:flex-start;text-align:left}
  body.atelier-site .pricing-wrap .price-text{font-size:40px}
}
@media screen and (max-width:760px){
  body.atelier-site{--phone-gutter:20px}
  .atelier-site :is(main,section,article,.container-large,.home-section,.home-hero-grid,.pricing-component-grid)>*{min-width:0}
  .atelier-site .atelier-nav{width:calc(100% - 24px);margin:12px auto;top:12px;min-height:64px;padding:10px 16px;gap:16px;border-radius:20px}
  .atelier-site .atelier-nav-logo{max-width:140px}
  .atelier-site .atelier-menu-button{min-height:44px;min-width:72px;justify-content:center}
  .atelier-site .atelier-menu{min-width:0;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
  .atelier-site .atelier-menu a{min-height:44px;display:flex;align-items:center}
  .atelier-site :is(.home-section,.home-hero,.studio-origin,.studio-process,.studio-offerings,.studio-closing){padding-inline:var(--phone-gutter)}
  .atelier-site .home-hero{padding-top:26px;padding-bottom:32px}
  .atelier-site .home-hero-grid{gap:24px}
  .atelier-site .home-hero h1{font-size:clamp(42px,10vw,66px);line-height:1.04}
  .atelier-site :is(.home-heading-row h2,.home-intro h2,.studio-about h2,.studio-services h2,.studio-closing h2,.process-visual h2){font-size:clamp(32px,7.5vw,44px);line-height:1.12}
  .atelier-site :is(.studio-hero h1,.studio-services h1){font-size:clamp(36px,9vw,54px)!important;line-height:1.06!important}
  .atelier-site .heading-style-h1{font-size:clamp(38px,9vw,56px);line-height:1.08}
  .atelier-site .padding-top-header{padding-top:32px;padding-bottom:32px}
  .atelier-site :is(.home-hero-copy>p,.studio-hero-copy>p,.studio-origin-copy p,.studio-value p,.studio-service>p,.bench-intro>p){font-size:15px;line-height:1.7}
  .atelier-site .home-hero-meta{gap:12px;flex-wrap:wrap;font-size:11px}
  .atelier-site .home-hero-actions{gap:12px}
  .atelier-site :is(.home-pill,.atelier-button,.primary-button){min-height:48px}
  .atelier-site .home-heading-row{gap:20px;margin-bottom:28px}
  .atelier-site .home-section{padding-block:48px}
  .atelier-site .home-story-grid{gap:28px}
  .atelier-site .home-story-visual{position:relative;top:auto;height:320px;min-height:0}
  .atelier-site .home-story-steps article{min-height:0;padding:28px 0;scroll-margin-top:100px}
  .atelier-site .home-story-steps article+article{border-top:1px solid #ffffff18}
  .atelier-site .home-story-steps h3{font-size:30px}
  .atelier-site .home-story-steps p{font-size:15px}
  .atelier-site .home-story-tabs{gap:6px}
  .atelier-site .home-story-tabs a{min-height:44px}
  .atelier-site .home-case-grid{gap:32px}
  .atelier-site .home-case:nth-child(2){margin-top:0}
  .atelier-site .home-case-wide{margin-top:0;gap:20px}
  .atelier-site .home-case-wide .home-case-title h3{font-size:32px}
  .atelier-site .home-process-grid>li{padding:24px}
  .atelier-site .home-process-grid h3{font-size:26px}
  .atelier-site .studio-hero{padding:28px var(--phone-gutter) 32px;min-height:0}
  .atelier-site .studio-hero h1{margin-block:20px}
  .atelier-site .studio-hero-art{height:310px;margin-top:16px}
  .atelier-site .studio-type-slab{height:215px;top:60px}
  .atelier-site .slab-front>b{font-size:140px}
  .atelier-site .studio-services-head{padding:28px var(--phone-gutter) 32px}
  .atelier-site .studio-section-label{gap:16px;margin-bottom:24px;align-items:flex-start}
  .atelier-site .studio-section-label>span:last-child{font-size:12px;max-width:45%;text-align:right}
  .atelier-site .studio-principles{padding:24px 20px}
  .atelier-site .studio-value{padding:20px;display:block}
  .atelier-site .value-object{margin-bottom:20px}
  .atelier-site .studio-value h3{font-size:24px}
  .atelier-site .studio-service{padding:24px}
  .atelier-site .studio-service li{font-size:14px;line-height:1.5;padding-block:10px}
  .atelier-site .design-bench{padding:24px 20px}
  .atelier-site .bench-controls>button{min-height:64px}
  .atelier-site .bench-controls small{font-size:13px}
  .atelier-site .studio-process.process-story{margin-block:40px}
  .atelier-site .process-art{height:220px}
  .atelier-site .process-step-copy strong{font-size:23px}
  .atelier-site .process-step-copy>span{font-size:14px;line-height:1.65}
  .atelier-site .studio-closing .atelier-button{max-width:100%;white-space:normal}
  .atelier-site .pricing-component-grid{gap:24px}
  .atelier-site .studio-pricing-film{height:480px;min-height:0}
  .atelier-site .pricing-film-copy{padding:24px}
  .atelier-site .pricing-film-copy h2{font-size:36px}
  .atelier-site .pricing-content{gap:20px}
  .atelier-site .pricing-wrap[data-material]{padding:24px;border-radius:22px;min-height:0;transform:none}
  .atelier-site .pricing-wrap[data-material] .pricing-content-grid{gap:24px}
  .atelier-site .pricing-wrap[data-material] .pricing-title{font-size:23px;min-height:0;line-height:1.2}
  .atelier-site .pricing-wrap[data-material] .pricing-title-wrap{gap:12px}
  .atelier-site .pricing-wrap[data-material] .pricing-title-wrap:before{width:40px;height:40px;min-width:40px;margin:0}
  .atelier-site .pricing-wrap .price-block{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
  .atelier-site .pricing-wrap .price-text{font-size:40px;line-height:1.15}
  .atelier-site .pricing-wrap .feature-item{align-items:flex-start;gap:12px}
  .atelier-site .pricing-wrap .feature-item .text-size-regular{font-size:14px;line-height:1.6}
  .atelier-site .pricing-wrap .feature-grid{gap:20px}
  .atelier-site .pricing-wrap .primary-button{width:100%}
  .atelier-site .start-padding{padding:32px 20px 48px}
  .atelier-site .atelier-contact-composition{padding-top:20px}
  .atelier-site .social-media-wrapper{gap:8px;flex-wrap:wrap;justify-content:center}
  .atelier-site .social-media-wrapper .social-link{width:44px;height:44px;min-width:44px;min-height:44px}
  .atelier-site .engine-controls button{min-width:44px;min-height:44px}
  .atelier-site .start-grid{gap:28px}
  .atelier-site .start-contact-row{gap:16px;flex-wrap:wrap}
  .atelier-site .start-contact-row a{overflow-wrap:anywhere}
  .atelier-site .start-contact-row :is(button,.social-link){min-width:44px;min-height:44px}
  .atelier-site .blog-page-padding{padding:32px 20px 48px}
  .atelier-site .blog-post-wrap{padding-inline:20px;overflow-wrap:anywhere}
  .atelier-site .legal-embed{padding:28px 20px;overflow-wrap:anywhere}
  .atelier-site .legal-embed table{display:block;max-width:100%;overflow-x:auto}
  .atelier-site .studio-footer{margin:12px;padding:32px 20px 24px}
  .atelier-site .studio-footer h2{font-size:38px}
  .atelier-site .studio-footer .atelier-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
  .atelier-site .studio-footer .atelier-footer-grid a{font-size:13px;line-height:1.5;min-height:40px;display:flex;align-items:center;overflow-wrap:anywhere}
  .atelier-site .studio-footer .atelier-footer-grid nav:last-child{grid-column:1/-1}
  .atelier-site .studio-footer .atelier-entities{grid-template-columns:1fr;gap:0}
  .atelier-site .studio-footer .entity-block{min-width:0;padding:24px 0}
  .atelier-site .studio-footer .entity-body{min-width:0;overflow-wrap:anywhere}
  .atelier-site .studio-footer .entity-body p{font-size:13px;line-height:1.65}
  .atelier-site .studio-footer .atelier-footer-bottom{flex-wrap:wrap;font-size:12px}
  .atelier-site .footer-top-link{font-size:12px;min-height:44px}
  .atelier-site .cc-bar{max-width:calc(100% - 24px);border-radius:20px;max-height:calc(100dvh - 24px);overflow:auto}
  .atelier-site :is(input,select,textarea){font-size:16px}
  .atelier-panel.atelier-wizard .wizard-hero .experience-art{min-height:0;height:auto;padding:20px 24px}
  .atelier-panel.atelier-wizard .wizard-hero .experience-art>:not(.experience-art-brand){display:none}
  .atelier-panel.atelier-wizard .wiz-stage{padding:20px 16px 32px}
  .atelier-panel.atelier-wizard .particle-pen{display:none}
  .atelier-panel.atelier-wizard .dots{gap:5px;margin:20px 0}
  .atelier-panel.atelier-wizard .dot{flex:1;min-width:0;font-size:0;min-height:44px}
  .atelier-panel.atelier-wizard .dot.on{font-size:11px;flex:2.5;white-space:nowrap}
  .atelier-panel.atelier-wizard .wiz-footer{gap:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
}
@media screen and (max-width:600px){
  body.atelier-site .pricing-inner-grid{grid-template-columns:minmax(0,1fr)}
  body.atelier-panel:is(.atelier-admin,.atelier-client){--workspace-gutter:16px}
  .atelier-panel :is(.content,.tab-body,.grid-2,.grid-3,.form-grid,.sg-edit,.sg-rowgrid)>*{min-width:0}
  .atelier-panel :is(.input,.textarea,.select,.rich-area){font-size:16px!important}
  .atelier-panel :is(.input,.select){min-height:46px}
  .atelier-panel :is(.btn,.btn-dark,.btn-sm,.chip,.tab){min-height:44px}
  .atelier-panel .topbar{padding:10px 12px;gap:8px}
  .atelier-panel .topbar-title{font-size:13px;min-width:0}
  .atelier-panel .topbar-acts{gap:6px}
  .atelier-panel .content{padding-inline:16px}
  .atelier-panel .kpi{gap:12px;min-height:110px}
  .atelier-panel .workflow-kpi-totals{font-size:clamp(14px,4vw,20px);white-space:nowrap;letter-spacing:-.025em}
  .atelier-panel :is(.grid-2,.grid-3,.form-grid){grid-template-columns:minmax(0,1fr)}
  .atelier-panel :is(.table-wrap,.sg-rows){max-width:100%;overscroll-behavior-x:contain}
  .atelier-panel .table-wrap:not(.sg-rows){overflow-x:auto}
  .atelier-panel .table th,.atelier-panel .table td{white-space:normal;min-width:100px;vertical-align:top}
  .atelier-panel .workflow-item{display:flex;flex-wrap:wrap;gap:10px}
  .atelier-panel .workflow-item-main{min-width:0;flex-basis:100%}
  .atelier-panel .workflow-action{max-width:none;min-height:40px;margin-left:0;display:flex;align-items:center;gap:8px;text-align:left}
  .atelier-panel .proj-view-head{margin-bottom:18px}
  .atelier-panel .proj-view-head h1{font-size:26px;line-height:1.2}
  .atelier-panel .tabs-wrap{max-width:100%;margin-bottom:18px}
  .atelier-panel .tabs{scroll-padding-inline:10px;overscroll-behavior-x:contain}
  .atelier-panel :is(.chat-wrap,.chat-card-wrap){height:max(560px,calc(100dvh - 170px));min-height:0;padding:0}
  .atelier-panel .chat-head{padding:10px;gap:8px;flex-wrap:nowrap;min-height:64px}
  .atelier-panel .chat-identity{min-width:0;gap:8px;flex:1}
  .atelier-panel .chat-identity>div{min-width:0}
  .atelier-panel .chat-identity strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .atelier-panel .chat-identity :is(small,.chat-avatar),.atelier-panel .chat-identity>div>span{display:none}
  .atelier-panel :is(.chat-head-actions,.chat-head-acts){gap:4px;flex-wrap:nowrap;width:auto}
  .atelier-panel .chat-head .chat-call{width:44px;min-width:44px;padding:8px;min-height:44px}
  .atelier-panel .chat-action-label{display:none}
  .atelier-panel .conversation-search-disclosure>summary{display:flex;align-items:center;gap:8px;list-style:none;min-height:44px;padding:10px 14px;cursor:pointer;font-size:12px;color:#ccc0de;background:#26212f;border-bottom:1px solid #ffffff12}
  .atelier-panel .conversation-search-disclosure>summary::-webkit-details-marker{display:none}
  .atelier-panel .conversation-search{padding:8px 12px;gap:6px;flex-wrap:wrap}
  .atelier-panel .conversation-search>.input{flex-basis:100%;width:100%}
  .atelier-panel :is(.chat-list,.chat-msgs){padding:16px 12px}
  .atelier-panel :is(.chat-list,.chat-msgs) .chat-msg{max-width:95%;font-size:14px;padding:11px 13px}
  .atelier-panel .messenger-compose{padding:10px 12px;gap:8px}
  .atelier-panel .messenger-compose .rich-area{min-height:46px!important;max-height:120px;padding:6px 0}
  .atelier-panel .messenger-compose .chat-controls{flex-wrap:nowrap;gap:4px}
  .atelier-panel .chat-compose-tools{flex-wrap:nowrap;gap:4px}
  .atelier-panel .chat-compose-tools>:is(button,details)>summary{padding:8px}
  .atelier-panel .chat-compose-tools>button{width:44px;min-width:44px;padding:8px}
  body.atelier-panel .messenger-compose .chat-send{min-width:44px;width:44px;min-height:44px;padding:8px;font-size:0!important}
  body.atelier-panel .chat-send:after{content:'';display:block;width:20px;height:20px;margin:auto;background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22black%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.47%202.47a.75.75%200%200%201%201.06%200l7.5%207.5a.75.75%200%201%201-1.06%201.06l-6.22-6.22V21a.75.75%200%200%201-1.5%200V4.81l-6.22%206.22a.75.75%200%201%201-1.06-1.06l7.5-7.5Z%22%20clip-rule%3D%22evenodd%22%20%2F%3E%3C%2Fsvg%3E")}
  .atelier-panel .modal-overlay{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));align-items:center}
  .atelier-panel .modal:not(.doc-paper){width:100%;max-width:100%;max-height:calc(100dvh - 24px);padding:24px 18px;overflow:auto;overscroll-behavior:contain}
  .atelier-panel .modal-title{font-size:24px;padding-right:32px}
  .atelier-panel .modal-dismiss{width:44px;height:44px}
  .atelier-panel :is(.modal-actions,.modal-foot){gap:10px;flex-wrap:wrap}
  .atelier-panel :is(.modal-actions,.modal-foot)>.btn{flex:1}
  .atelier-panel .sg-type-grid{grid-template-columns:minmax(0,1fr)}
  .atelier-panel .sg-edit{grid-template-columns:minmax(0,1fr)}
  .atelier-panel .sg-rows table,.atelier-panel .sg-rows tbody,.atelier-panel .sg-rows tr,.atelier-panel .sg-rows td{display:block;width:100%;min-width:0}
  .atelier-panel .sg-rows thead{display:none}
  .atelier-panel .sg-rows tr{padding:12px 0;border-top:1px solid #ffffff22}
  .atelier-panel .sg-rows td{padding:6px 0;border:0}
  .atelier-panel .sg-rows td[data-label]:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
  .atelier-panel .sg-rows :is(input,select,textarea){min-height:44px;font-size:16px;width:100%;min-width:0}
  .atelier-panel .sg-rows .sg-x{min-height:44px;min-width:44px}
  .atelier-panel .sg-preview .preview-frame{min-height:360px;height:65dvh}
  .atelier-panel .sg-actions{gap:8px}
  .atelier-panel .sg-actions button{flex:1 1 auto}
  .atelier-panel .auth-card{padding:24px 20px;width:100%;max-width:100%}
  .atelier-panel .auth-shell{padding:16px}
  .atelier-panel .business-assistant{inset:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 24px)}
}
@media screen and (max-width:380px){
  .atelier-site .home-hero-actions{flex-direction:column;align-items:stretch}
  .atelier-site .home-hero-actions>a{justify-content:space-between}
  .atelier-site .studio-footer .atelier-footer-grid{grid-template-columns:minmax(0,1fr)}
  .atelier-panel .chat-identity strong{max-width:100%}
}

/* Keep the conversation name visible when four call/menu controls need a second row. */
@media screen and (max-width:380px) {
  .atelier-panel .chat-head { flex-wrap: wrap; }
  .atelier-panel .chat-identity { flex-basis: 100%; }
  .atelier-panel :is(.chat-head-actions,.chat-head-acts) { width: 100%; justify-content: flex-end; }
}