:root {
  --concierge-ink: #15150f;
  --concierge-paper: #f1ede4;
  --concierge-stone: #d5cdbf;
  --concierge-line: rgba(21, 21, 15, .16);
  --concierge-accent: #9a7a43;
}

.concierge-launcher {
  position: fixed; z-index: 80; right: 28px; bottom: 26px; display: grid;
  grid-template-columns: 40px 1fr auto; align-items: center; gap: 12px; min-width: 272px;
  padding: 11px 14px; border: 1px solid rgba(255,255,255,.3); color: #f8f5ed;
  background: rgba(20,20,15,.92); box-shadow: 0 18px 60px rgba(0,0,0,.25);
  backdrop-filter: blur(16px); text-align: left; cursor: pointer;
}
.concierge-launcher-mark { display:grid; place-items:center; width:40px; height:40px; border:1px solid rgba(255,255,255,.62); border-radius:50%; font:italic 25px var(--serif); }
.concierge-launcher strong,.concierge-launcher small { display:block; }
.concierge-launcher strong { font-size: 11px; letter-spacing:.13em; text-transform:uppercase; }
.concierge-launcher small { margin-top:4px; color:rgba(255,255,255,.55); font-size:9px; }
.concierge-launcher i { font-style:normal; }
body.concierge-panel-open { overflow:hidden; }
body.concierge-panel-open .concierge-launcher { opacity:0; visibility:hidden; transform:translateY(12px); pointer-events:none; }

.concierge-panel {
  position:fixed; z-index:90; inset:0; display:grid; place-items:center; padding:32px;
  background:rgba(17,16,12,.72); backdrop-filter:blur(10px); color:var(--concierge-ink);
}
.concierge-panel[hidden] { display:none; }
.concierge-panel-card { position:relative; display:grid; grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr); width:min(980px,100%); min-height:570px; overflow:hidden; border:1px solid rgba(255,255,255,.18); background:var(--concierge-paper); box-shadow:0 42px 120px rgba(0,0,0,.52); }
.concierge-panel-scene { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:570px; padding:30px; color:#fff; background:linear-gradient(180deg,rgba(12,12,9,.12),rgba(12,12,9,.62)),url("assets/interiors/hero-artbird-integrated-v2.webp") center/cover; }
.concierge-panel-scene-brand { display:flex; align-items:center; gap:12px; font-size:10px; letter-spacing:.22em; }
.concierge-panel-scene-brand span { display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(255,255,255,.78); border-radius:50%; font:italic 27px var(--serif); }
.concierge-panel-scene > p { margin:0; font-size:9px; letter-spacing:.18em; line-height:1.7; }
.concierge-panel-scene small { color:rgba(255,255,255,.62); font-size:8px; letter-spacing:.08em; }
.concierge-panel-content { position:relative; display:flex; flex-direction:column; justify-content:center; padding:64px 62px 48px; }
.concierge-close { position:absolute; right:24px; top:20px; display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--concierge-line); border-radius:50%; background:none; font-size:23px; line-height:1; cursor:pointer; }
.concierge-overline { margin:0 0 16px; font-size:9px; letter-spacing:.18em; font-weight:700; }
.concierge-panel h2 { max-width:500px; margin:0; font:clamp(44px,4.2vw,64px)/.91 var(--serif); letter-spacing:-.045em; }
.concierge-panel-content > p:not(.concierge-overline,.concierge-privacy) { max-width:470px; margin:26px 0 34px; color:#716c62; font-size:13px; line-height:1.65; }
.concierge-panel-actions { display:grid; gap:8px; }
.concierge-panel-actions .button { display:flex; justify-content:space-between; align-items:center; min-height:58px; padding-inline:22px; }
.concierge-photo-shortcut { display:flex; justify-content:space-between; padding:18px 2px; border:0; border-bottom:1px solid var(--concierge-line); background:none; font-weight:700; text-align:left; cursor:pointer; }
.concierge-privacy { max-width:420px; margin:22px 0 0; color:#918a7e; font-size:9px; line-height:1.5; }

.concierge-studio { width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; padding:0; border:0; background:var(--concierge-paper); color:var(--concierge-ink); }
.concierge-studio::backdrop { background:rgba(0,0,0,.68); }
.concierge-studio-grid { display:grid; grid-template-columns:380px minmax(0,1fr); height:100%; }
.concierge-conversation { display:flex; flex-direction:column; min-height:0; padding:24px; background:#171712; color:#f5f1e8; }
.concierge-studio-head { display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.16); }
.concierge-studio-head > div { display:flex; align-items:center; gap:10px; }
.concierge-studio-head .brand-mark { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.7); border-radius:50%; font:italic 23px var(--serif); }
.concierge-studio-head p { margin:0; font-size:10px; letter-spacing:.15em; font-weight:800; }
.concierge-studio-head small { color:rgba(255,255,255,.45); font-size:7px; }
.concierge-studio-head button { border:0; background:none; color:inherit; font-size:28px; cursor:pointer; }
.concierge-intro { padding:30px 4px 22px; }
.concierge-intro h2 { margin:0; font:42px/.94 var(--serif); letter-spacing:-.035em; }
.concierge-intro > p:last-child { margin:16px 0 0; color:rgba(255,255,255,.52); font-size:11px; line-height:1.5; }
.concierge-messages { flex:1; min-height:90px; overflow:auto; padding:4px 4px 20px; scrollbar-width:thin; }
.concierge-message { max-width:88%; margin:10px 0; padding:12px 14px; background:rgba(255,255,255,.07); font-size:11px; line-height:1.5; }
.concierge-message.is-user { margin-left:auto; background:#eee8dd; color:#171712; }
.concierge-room-analysis { padding:14px; border:1px solid rgba(255,255,255,.16); }
.concierge-room-analysis > p { margin:0 0 10px; color:rgba(255,255,255,.5); font-size:8px; letter-spacing:.15em; text-transform:uppercase; }
.concierge-analysis-chips { display:flex; flex-wrap:wrap; gap:6px; }
.concierge-analysis-chips button { padding:6px 8px; border:1px solid rgba(255,255,255,.2); color:inherit; background:none; font-size:9px; }
#concierge-room-confirm { width:100%; margin-top:12px; padding:10px; border:0; background:#f3eee4; color:#171712; font-weight:700; cursor:pointer; }
.concierge-chat-form { display:grid; grid-template-columns:auto 1fr auto; gap:8px; align-items:end; margin-top:14px; padding:9px; border:1px solid rgba(255,255,255,.24); }
.concierge-upload,#concierge-send { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.16); background:none; color:inherit; cursor:pointer; }
#concierge-room-upload { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
#concierge-message-input { width:100%; min-height:34px; max-height:100px; resize:none; border:0; outline:0; background:none; color:inherit; font:11px/1.45 var(--sans); }
#concierge-message-input::placeholder { color:rgba(255,255,255,.35); }
#concierge-send { border-radius:50%; background:#f3eee4; color:#171712; font-size:18px; }
.concierge-status { display:flex; align-items:center; gap:10px; min-height:24px; padding-top:7px; color:rgba(255,255,255,.62); font-size:9px; line-height:1.4; }
.concierge-status button { border:1px solid rgba(255,255,255,.34); padding:6px 10px; background:#f3eee4; color:#171712; font:700 8px var(--sans); letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.concierge-status button:hover { background:#b99352; color:#fff; }

.concierge-workspace { position:relative; display:grid; grid-template-rows:auto minmax(0,1fr) auto; min-width:0; min-height:0; background:#ded7cb; }
.concierge-view-tabs { display:flex; height:58px; border-bottom:1px solid var(--concierge-line); background:#e9e3d8; }
.concierge-view-tabs button { min-width:150px; padding:0 24px; border:0; border-right:1px solid var(--concierge-line); background:none; color:#777065; font-size:9px; letter-spacing:.13em; text-transform:uppercase; cursor:pointer; }
.concierge-view-tabs button[aria-pressed="true"] { background:#f5f1e8; color:#171712; }
.concierge-view { min-height:0; overflow:auto; padding:42px 46px 150px; }
.concierge-view[hidden] { display:none; }
.concierge-view-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; }
.concierge-view-heading p { margin:0 0 10px; font-size:9px; letter-spacing:.18em; }
.concierge-view-heading h3,.concierge-config-layout h3 { margin:0; font:46px/.94 var(--serif); letter-spacing:-.035em; }
.concierge-view-heading > span { max-width:240px; color:#7c756b; font-size:10px; line-height:1.5; }
.concierge-recommendations { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; margin-top:38px; }
.concierge-recommendation { position:relative; display:flex; min-height:430px; overflow:hidden; border:1px solid var(--concierge-line); background:#eee9df; cursor:pointer; }
.concierge-recommendation:nth-child(1){grid-column:span 5}.concierge-recommendation:nth-child(2){grid-column:span 3}.concierge-recommendation:nth-child(3){grid-column:span 4}
.concierge-recommendation > img { width:100%; height:100%; object-fit:contain; transition:transform .6s ease; }
.concierge-recommendation:hover > img { transform:scale(1.025); }
.concierge-recommendation > span { position:absolute; left:14px; top:14px; z-index:2; display:grid; place-items:center; width:28px; height:28px; background:rgba(20,20,15,.86); color:#fff; font-size:9px; }
.concierge-recommendation > div { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:50px 18px 18px; color:#fff; background:linear-gradient(transparent,rgba(15,15,12,.88)); }
.concierge-recommendation small { letter-spacing:.16em; }
.concierge-recommendation p { margin:8px 0 0; font:20px/1.05 var(--serif); }
.concierge-recommendation.is-placeholder { cursor:default; background:transparent; }
.concierge-recommendation.is-placeholder > div { color:#171712; background:none; }

.concierge-tryon-stage { position:relative; height:calc(100% - 60px); min-height:480px; overflow:hidden; box-shadow:0 26px 70px rgba(0,0,0,.18); background:#aaa095; }
.concierge-tryon-stage > #concierge-room-image { width:100%; height:100%; object-fit:cover; }
.concierge-mounted-art { position:absolute; left:58%; top:32%; height:28%; aspect-ratio:1; transform:translate(-50%,-50%); cursor:grab; touch-action:none; filter:drop-shadow(0 14px 12px rgba(0,0,0,.22)); }
.concierge-art-crop { position:absolute; inset:7%; overflow:hidden; background:#eee; }
.concierge-art-crop img { width:100%; height:100%; object-fit:cover; transform:scale(1.12); }
.concierge-frame-image { position:absolute; z-index:2; inset:0; width:100%; height:100%; pointer-events:none; }
.concierge-mounted-art.frame-none .concierge-art-crop { inset:0; }
.concierge-mounted-art.frame-included .concierge-art-crop { inset:0; background:transparent; }
.concierge-mounted-art.frame-included .concierge-art-crop img { object-fit:contain; transform:none; }
.concierge-scale-note { position:absolute; left:16px; bottom:16px; padding:8px 10px; background:rgba(20,20,15,.78); color:#fff; font-size:8px; letter-spacing:.12em; text-transform:uppercase; }
.concierge-room-tools { display:flex; justify-content:space-between; align-items:center; height:60px; }
.concierge-room-tools label { display:flex; align-items:center; gap:12px; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.concierge-room-tools button { border:0; border-bottom:1px solid; background:none; cursor:pointer; }
.concierge-config-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:70px; }
#concierge-configuration { margin-top:30px; }
.concierge-config-card { display:grid; grid-template-columns:120px 1fr; gap:20px; padding:18px 0; border-top:1px solid var(--concierge-line); border-bottom:1px solid var(--concierge-line); }
.concierge-config-card img { width:120px; height:140px; object-fit:contain; background:#e5ded2; }
.concierge-config-card h4 { margin:0 0 8px; font:28px var(--serif); }
.concierge-config-card dl { display:grid; grid-template-columns:auto 1fr; gap:7px 14px; margin:16px 0 0; font-size:10px; }
.concierge-config-card dt { color:#8b8378; }.concierge-config-card dd{margin:0}
.concierge-finish { padding:30px; background:#f5f1e8; }
.concierge-finish > p { margin:0 0 24px; color:#746d62; font-size:11px; line-height:1.5; }
.concierge-finish > label:not(.concierge-consent) { display:block; margin:12px 0; color:#7c756b; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.concierge-finish input:not([type=checkbox]) { display:block; width:100%; padding:10px 0; border:0; border-bottom:1px solid var(--concierge-line); background:none; font:14px var(--sans); }
.concierge-consent { display:flex; gap:8px; margin:24px 0; font-size:9px; line-height:1.4; }
#concierge-handoff-result { margin-top:12px; font-size:10px; line-height:1.4; }
.concierge-frame-drawer { position:absolute; left:0; right:0; bottom:0; display:grid; grid-template-columns:220px 1fr; gap:20px; align-items:center; min-height:108px; padding:16px 28px; border-top:1px solid var(--concierge-line); background:rgba(239,234,224,.95); backdrop-filter:blur(16px); }
.concierge-frame-drawer p { margin:0 0 5px; color:#7c756b; font-size:8px; letter-spacing:.16em; }.concierge-frame-drawer strong,.concierge-frame-drawer small{display:block}.concierge-frame-drawer small{margin-top:4px;color:#8c8479;font-size:8px}
.concierge-frame-options { display:flex; gap:9px; overflow:auto; }
.concierge-frame-options button { display:grid; grid-template-columns:46px auto; align-items:center; gap:9px; min-width:154px; padding:8px; border:1px solid transparent; background:none; text-align:left; font-size:9px; cursor:pointer; }
.concierge-frame-options button span b,.concierge-frame-options button span small { display:block; }
.concierge-frame-options button span b { font-size:9px; }
.concierge-frame-options button span small { margin-top:4px; color:#8c8479; font-size:7px; }
.concierge-frame-options button[aria-selected=true] { border-color:#171712; background:#f7f3eb; box-shadow:inset 3px 0 0 #9a7a43; }
.concierge-frame-options i { width:42px; height:42px; border:7px solid #d6d0c5; background:#ece8df; box-shadow:inset 0 0 0 1px rgba(0,0,0,.15); }
.concierge-frame-options [data-concierge-frame=included] i{border-color:#292722;box-shadow:inset 0 0 0 5px #eee9df}
.concierge-frame-options [data-concierge-frame=black] i{border-color:#1c1b19}.concierge-frame-options [data-concierge-frame=oak] i{border-color:#a78455}.concierge-frame-options [data-concierge-frame=walnut] i{border-color:#4b3023}.concierge-frame-options [data-concierge-frame=brass] i{border-color:#ad8b4d}.concierge-frame-options [data-concierge-frame=white-shadow] i{border-color:#f7f5ef}

:where(.concierge-studio,.concierge-panel,.concierge-launcher) button:focus-visible,:where(.concierge-studio,.concierge-panel) input:focus-visible,:where(.concierge-studio,.concierge-panel) textarea:focus-visible { outline:2px solid #b99352; outline-offset:3px; }

@media (max-width: 1120px) {
  .concierge-panel-card { grid-template-columns:minmax(260px,.72fr) minmax(400px,1.28fr); min-height:520px; }
  .concierge-panel-scene { min-height:520px; }
  .concierge-panel-content { padding:58px 48px 42px; }
  .concierge-studio-grid { grid-template-columns:340px minmax(0,1fr); }
  .concierge-recommendations { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .concierge-recommendation:nth-child(n) { grid-column:span 1; min-height:360px; }
  .concierge-recommendation:last-child { grid-column:1/-1; }
}

@media (max-width: 820px) {
  .concierge-launcher { right:12px; bottom:12px; min-width:0; grid-template-columns:36px auto; }
  .concierge-launcher > span:nth-child(2) { display:none; }
  .concierge-panel { display:none !important; }
  .concierge-studio-grid { display:block; height:auto; min-height:100%; }
  .concierge-conversation { min-height:52dvh; padding:18px 16px; }
  .concierge-intro h2 { font-size:36px; }
  .concierge-workspace { min-height:100dvh; }
  .concierge-view-tabs { position:sticky; top:0; z-index:4; overflow:auto; }
  .concierge-view-tabs button { min-width:132px; padding:0 14px; }
  .concierge-view { padding:34px 16px 168px; overflow:visible; }
  .concierge-view-heading { display:block; }.concierge-view-heading h3{font-size:38px}.concierge-view-heading>span{display:block;margin-top:16px}
  .concierge-recommendations { grid-template-columns:1fr; }
  .concierge-recommendation:nth-child(n) { grid-column:1; min-height:440px; }
  .concierge-tryon-stage { min-height:68vw; height:64dvh; }
  .concierge-config-layout { grid-template-columns:1fr; gap:32px; }
  .concierge-frame-drawer { grid-template-columns:1fr; padding:12px 16px; }
  .concierge-frame-drawer > div:first-child small { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  .concierge-studio * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}