/* A quiet library frame around the more expressive product studies. */
.design-room { --room-bg:#f1f2f4; --room-surface:#fcfcfd; --room-text:#272c33; --room-muted:#737983; --room-line:#dfe2e7; --room-selected:#e9ecf1; background:var(--room-bg); }
.design-room[data-mode=dark] { --room-bg:#151719; --room-surface:#1c1f22; --room-text:#e8ebee; --room-muted:#9fa7af; --room-line:#33383d; --room-selected:#2b3036; }
.design-room .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.design-room [hidden] { display:none!important; }
.design-room[data-mode] .studio-header { height:65px; padding:0 25px; background:var(--room-surface); border-color:var(--room-line); color:var(--room-text); }
.design-room .studio-brand { gap:17px; }
.design-room .studio-brand .wordmark { font-size:25px; }
.design-room .header-divider { height:20px; background:var(--room-line); }
.design-room .room-label { color:var(--room-muted); font-size:12px; }
.design-room .studio-header-right { gap:19px; }
.room-status { display:flex; align-items:center; gap:7px; text-decoration:none; color:var(--room-muted); font-size:11px; }
.room-status .icon { width:15px; height:15px; }
.room-feedback { display:flex; align-items:center; gap:8px; background:var(--room-selected); color:var(--room-text); padding:9px 13px; border-radius:8px; min-height:38px; font-size:12px; }
.room-feedback .icon { width:16px; height:16px; }
.design-room .studio-layout { grid-template-columns:188px minmax(0,1fr); min-height:calc(100vh - 65px); }
.design-room[data-mode] .studio-sidebar { position:sticky; top:0; height:calc(100vh - 65px); min-height:600px; background:var(--room-surface); border-color:var(--room-line); padding:25px 12px 17px; gap:0; }
.design-room .studio-sidebar nav { display:grid; gap:26px; }
.room-nav-group { display:grid; gap:3px; }
.room-nav-group>span { padding:0 11px 8px; color:var(--room-muted); font-size:10px; font-weight:600; letter-spacing:.025em; }
.design-room .guide-nav { padding:11px; min-height:41px; border-radius:7px; font-size:11px; font-weight:550; color:var(--room-muted); gap:10px; }
.design-room .guide-nav .icon { width:17px; height:17px; }
.design-room[data-mode] .guide-nav.active { background:var(--room-selected); color:var(--room-text); font-weight:700; }
.design-room .guide-nav.active:after { display:none; }
.design-room .guide-nav:hover { background:var(--room-selected); }
.design-room .sidebar-foot { color:var(--room-muted); padding:30px 11px 0; font-size:10px; display:grid; gap:12px; }
.design-room .sidebar-foot a { display:flex; gap:6px; align-items:center; text-decoration:none; }
.design-room .sidebar-foot .icon { width:12px; height:12px; }
.design-room #main { max-width:1560px; padding:29px 30px 0; margin:0 auto; }
.room-page-head { display:flex; align-items:center; justify-content:space-between; gap:15px; color:var(--room-text); margin-bottom:23px; }
#room-section { display:none; }
#room-title { font:600 25px/1.2 'Space Grotesk',sans-serif; letter-spacing:-.85px; }
#room-page-meta { font-size:11px; color:var(--room-muted); }
.room-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; border-block:1px solid var(--room-line); padding:11px 0; margin-bottom:25px; color:var(--room-text); }
.room-toolbar-group { display:flex; align-items:center; gap:8px; }
.room-select select { appearance:auto; padding:7px 8px; height:35px; background:var(--room-surface)!important; color:var(--room-text)!important; border:1px solid var(--room-line)!important; border-radius:7px; font-size:11px; max-width:135px; }
.room-palette-picker { position:relative; }
.room-palette-picker summary { display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none; border:1px solid var(--room-line); background:var(--room-surface); padding:8px 10px; height:35px; border-radius:7px; min-width:105px; font-size:11px; font-weight:600; }
.room-palette-picker summary::-webkit-details-marker { display:none; }
.room-palette-picker summary .icon { width:12px; height:12px; margin-left:auto; }
.room-active-dot { width:11px; height:11px; border-radius:50%; border:1px solid #0001; }
.design-room .room-palette-picker .theme-switch { position:absolute; top:43px; left:0; width:235px; max-width:calc(100vw - 40px); z-index:8; display:grid; grid-template-columns:1fr 1fr; padding:7px; gap:3px; border-radius:10px; background:var(--room-surface); border:1px solid var(--room-line); box-shadow:0 15px 40px #0002; }
.design-room .theme-switch button { font-size:11px; min-height:39px; padding:8px; border-radius:6px; color:var(--room-text); justify-content:flex-start; gap:9px; }
.design-room .theme-switch button[aria-pressed=true] { color:var(--room-text); background:var(--room-selected); }
.design-room .theme-switch .theme-dot { width:11px; height:11px; }
.room-tool { height:35px; display:flex; align-items:center; gap:6px; padding:7px 9px; background:none; border:1px solid var(--room-line); border-radius:7px; font-size:11px; color:var(--room-text); }
.room-tool .icon { width:15px; height:15px; }
.design-room .viewport-switch { display:flex; border:1px solid var(--room-line); border-radius:7px; padding:2px; gap:2px; }
.design-room .viewport-switch button { width:31px; height:29px; border-radius:4px; color:var(--room-muted); }
.design-room .viewport-switch button[aria-pressed=true] { background:var(--room-selected); color:var(--room-text); box-shadow:none; }
.design-room .studio-footer { border-color:var(--room-line); color:var(--room-muted); margin-top:35px; padding:20px 0; font-size:10px; }
.design-room .studio-footer a { text-decoration:none; }
.design-room[data-focus=true] .studio-sidebar { display:none; }
.design-room[data-focus=true] #main { max-width:1600px; padding:24px; }
.design-room[data-focus=true] .room-page-head { display:none; }
.design-room[data-room-product=true] #view-content>.page-heading,
.design-room[data-room-product=true] #view-content>.stage-label { display:none; }
.design-room[data-room-product=true] .u-resident-rationale,
.design-room[data-room-product=true] .resident-study { display:none; }
.design-room[data-room-view=resident] .u-resident-showcase { display:block; width:100%; max-width:410px; margin:0 auto; }
.design-room[data-room-view=resident] .u-resident-showcase.is-web { max-width:none; }
.design-room[data-room-view=resident] .resident-showcase { display:block; margin:0; }
.design-room[data-room-view=resident] .resident-presentation { max-width:410px; margin:auto; }
.design-room[data-room-view=resident] .web-showcase .resident-presentation { max-width:none; }
.design-room[data-room-product=true] .stage-frame { box-shadow:0 8px 26px #15253305; }
.design-room[data-room-view=founder] .u-founder { padding:27px; }
.design-room #view-content>.page-heading { margin-bottom:25px; }
.design-room #view-content>.page-heading>div:first-child { display:none; }
.design-room .component-grid>.panel { padding:24px; }
.room-library-intro { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:22px; color:var(--room-muted); font-size:12px; }
.room-library-intro a { display:flex; gap:7px; align-items:center; font-size:10px; text-decoration:none; }
.room-library-intro .icon { width:13px; height:13px; }
.room-feature-grid { display:grid; grid-template-columns:1.65fr 1fr; gap:19px; }
.room-preview-card { border:1px solid var(--room-line); border-radius:13px; background:var(--room-surface); overflow:hidden; min-width:0; }
.room-owner-thumb,.room-resident-thumb { height:350px; overflow:hidden; position:relative; background:var(--paper-2); padding-top:22px; border-bottom:1px solid var(--room-line); }
.room-owner-thumb { container-type:inline-size; }
.room-owner-mini.u-app { width:940px; height:850px; min-height:0; display:grid; grid-template-columns:135px minmax(0,1fr); border-radius:13px; transform:scale(.56); transform-origin:top left; margin-left:23px; border:1px solid var(--line); }
.room-mini-rail { background:var(--paper); border-right:1px solid var(--line); display:flex; flex-direction:column; gap:8px; padding:22px 11px; }
.room-mini-rail>b { font:700 26px 'Space Grotesk'; letter-spacing:-1.7px; margin:0 6px 35px; }
.room-mini-rail>span { font-size:11px; display:flex; gap:9px; align-items:center; padding:11px 7px; border-radius:8px; color:var(--muted); }
.room-mini-rail>span.selected { background:var(--u-soft); color:var(--ink); }
.room-mini-rail .icon { width:16px; height:16px; }
.room-mini-work { padding:27px 25px; background:var(--paper-2); }
.room-mini-work .u-page-title { margin-bottom:22px; }
.room-mini-work .u-page-title h2 { font-size:29px; }
.room-mini-work .u-overview-grid { gap:16px; }
.room-resident-thumb { background:linear-gradient(130deg,var(--paper-2),var(--u-soft)); }
.room-resident-thumb .u-resident-device { width:325px; height:780px; max-height:none; position:absolute; top:23px; left:50%; margin-left:-162px; transform:scale(.78); transform-origin:top center; box-shadow:0 25px 35px #0001; border-width:4px; }
.room-resident-thumb .u-resident-content { overflow:hidden; padding:23px; }
.room-card-footer { padding:20px; display:flex; justify-content:space-between; align-items:center; gap:14px; color:var(--room-text); }
.room-card-footer h2 { font:600 17px/1.4 'Space Grotesk'; letter-spacing:-.5px; }
.room-card-footer p { font-size:10px; color:var(--room-muted); margin-top:5px; }
.room-card-actions { display:flex; gap:14px; flex-shrink:0; }
.room-link { text-decoration:none; display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:600; color:var(--room-text); background:none; padding:7px 0; }
.room-link .icon { width:15px; height:15px; }
.room-feature-resident .room-card-footer { flex-wrap:wrap; gap:7px; }
.room-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:32px 0 16px; color:var(--room-text); }
.room-section-heading h2 { font:600 17px 'Space Grotesk'; letter-spacing:-.4px; }
.room-section-heading>span { font-size:10px; color:var(--room-muted); }
.room-collection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.room-collection-card { text-decoration:none; overflow:hidden; border:1px solid var(--room-line); border-radius:12px; background:var(--room-surface); color:var(--room-text); }
.room-collection-card>div:first-child { height:145px; position:relative; overflow:hidden; background:var(--room-selected); }
.room-collection-card>div:last-child { padding:18px; position:relative; }
.room-collection-card h3 { font:600 15px 'Space Grotesk'; letter-spacing:-.25px; }
.room-collection-card span { font-size:10px; color:var(--room-muted); display:block; margin-top:5px; }
.room-collection-card>div>.icon { position:absolute; top:20px; right:15px; width:15px; height:15px; }
.room-study-silhouettes { display:flex; gap:9px; align-items:flex-start; justify-content:center; padding:30px 15px 0; }
.room-study-silhouettes .silhouette { width:50px; height:120px; border:3px solid #fff9; box-shadow:0 8px 14px #0001; border-radius:10px; margin-top:0; background:#d3d6c7; color:#3a4634; padding:10px 5px; transform:rotate(-9deg); }
.room-study-silhouettes .silhouette-glass { background:#b8d5cb; transform:rotate(-3deg) translateY(-7px); }
.room-study-silhouettes .silhouette-canvas { background:#dcd4b3; transform:rotate(4deg) translateY(-3px); }
.room-study-silhouettes .silhouette-signal { background:#b9c4d9; transform:rotate(10deg); }
.silhouette i,.silhouette em { display:block; height:20px; border-radius:4px; background:#ffffff66; margin-bottom:7px; }
.silhouette b { font:600 21px 'Space Grotesk'; display:block; padding:4px 0 9px; }
.room-swatch-fan { display:flex; align-items:center; justify-content:center; }
.room-swatch-fan i { display:block; background:var(--swatch); width:27px; height:85px; border-radius:5px; margin-left:-6px; border:1px solid #fff8; transform:rotate(-15deg); box-shadow:0 5px 12px #0001; }
.room-swatch-fan i:nth-child(even) { transform:translateY(9px) rotate(8deg); }
.room-reference-stack img { position:absolute; width:42%; height:135px; object-fit:cover; object-position:top; border:4px solid #fafafa; border-radius:4px; left:5%; top:28px; transform:rotate(-10deg); box-shadow:0 10px 15px #0002; }
.room-reference-stack img:nth-child(2) { left:32%; top:21px; transform:rotate(3deg); }
.room-reference-stack img:nth-child(3) { left:58%; top:32px; transform:rotate(11deg); }
.room-quicklinks { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-top:24px; }
.room-quicklinks a { display:flex; gap:9px; align-items:center; font-size:10px; color:var(--room-muted); padding:12px 0; text-decoration:none; }
.room-quicklinks .icon { width:15px; height:15px; }
.room-quicklinks .icon:last-child { margin-left:auto; width:12px; }
.room-intro { font-size:12px; color:var(--room-muted); margin:0 0 23px; max-width:660px; line-height:1.8; }
.room-studies-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.room-study-canvas { height:360px; position:relative; overflow:hidden; border-bottom:1px solid var(--room-line); background:var(--paper-2); }
.room-study-phone { position:absolute; width:340px; top:24px; left:50%; margin-left:-170px; transform:scale(.85); transform-origin:top center; }
.room-study-phone .phone-object { width:340px!important; height:780px; max-height:none; }
.room-study-phone .resident-content { max-height:none; }
.room-study-canvas.study-glass { background:color-mix(in srgb,var(--paper-2),#8eb9a2 14%); }
.room-study-canvas.study-canvas { background:color-mix(in srgb,var(--paper-2),#c7b977 14%); }
.room-study-canvas.study-signal { background:color-mix(in srgb,var(--paper-2),#899ac0 16%); }
.room-studies-grid .room-card-footer { align-items:flex-start; flex-direction:column; }
.room-studies-grid .room-card-actions { gap:25px; }
.room-inline-note { margin-top:24px; padding:18px 0; display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid var(--room-line); color:var(--room-muted); font-size:11px; }
.room-inline-note>button { background:none; color:var(--room-text); display:flex; gap:8px; align-items:center; font-size:11px; }
.room-inline-note .icon { width:15px; height:15px; }
.room-inline-note>div { display:flex; gap:20px; }
.room-palette-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.room-palette-card { padding:0; text-align:left; border:1px solid var(--room-line); background:var(--room-surface); border-radius:13px; overflow:hidden; }
.room-palette-card[aria-pressed=true] { outline:2px solid var(--room-text); outline-offset:3px; }
.room-palette-sample { height:165px; padding:19px 23px 0; overflow:hidden; background:color-mix(in srgb,var(--sample-accent) 18%,var(--paper-2)); }
.room-palette-mini { padding:17px; border:1px solid var(--line); border-radius:10px; background:var(--paper); color:var(--ink); box-shadow:0 7px 18px #00000008; }
.room-palette-mini>span { font-size:9px; }
.room-palette-mini>strong { display:block; font:500 30px 'Space Grotesk'; letter-spacing:-1px; margin-top:9px; }
.room-palette-mini>i { display:block; height:4px; width:75%; border-radius:2px; background:var(--sample-accent); margin-top:11px; }
.room-palette-mini>div { display:flex; align-items:center; justify-content:space-between; font-size:8px; margin-top:17px; padding:9px; border:1px solid var(--line); border-radius:6px; }
.room-palette-mini .icon { width:12px; height:12px; }
.room-palette-caption { position:relative; padding:18px; color:var(--room-text); }
.room-palette-caption h2 { font:600 16px 'Space Grotesk'; }
.room-palette-tick { position:absolute; right:17px; top:18px; }
.room-palette-tick .icon { width:15px; height:15px; }
.room-palette-strips { display:flex; overflow:hidden; height:20px; border-radius:4px; margin-top:15px; border:1px solid var(--room-line); }
.room-palette-strips i { flex:1; }
.room-palette-values { display:flex; flex-wrap:wrap; gap:4px 12px; font-size:8px; color:var(--room-muted); margin-top:9px; }
.room-filter-row { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:25px; }
.room-filter-row>div { display:flex; gap:5px; flex-wrap:wrap; }
.room-filter-row button { font-size:11px; background:none; padding:9px 12px; border-radius:6px; color:var(--room-muted); }
.room-filter-row button[aria-pressed=true] { background:var(--room-selected); color:var(--room-text); }
.room-filter-row>span { font-size:10px; color:var(--room-muted); white-space:nowrap; }
.room-reference-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px 20px; }
.room-reference-card { text-align:left; background:none; padding:0; color:var(--room-text); min-width:0; }
.room-reference-card>span { display:block; height:250px; background:var(--room-selected); overflow:hidden; border:1px solid var(--room-line); border-radius:10px; position:relative; }
.room-reference-card img { width:100%; height:100%; object-fit:contain; transition:transform .2s; }
.room-reference-card:hover img { transform:scale(1.025); }
.room-reference-card .icon { width:28px; height:28px; padding:5px; position:absolute; right:8px; top:8px; border-radius:6px; background:var(--room-surface); color:var(--room-text); }
.room-reference-card>strong { display:block; margin-top:12px; font-size:11px; font-weight:600; line-height:1.6; }
.room-footnote { color:var(--room-muted); font-size:10px; margin-top:30px; }
.room-notes-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:20px; }
.room-note-card { background:var(--room-surface); border:1px solid var(--room-line); padding:30px; border-radius:12px; color:var(--room-text); }
.room-note-label { color:var(--room-muted); font-size:10px; }
.room-note-card h2 { font:500 28px/1.2 'Space Grotesk'; letter-spacing:-1px; margin:19px 0; }
.room-note-card p { font-size:12px; line-height:1.9; color:var(--room-muted); margin-bottom:15px; }
.room-current-note { border-top:3px solid var(--room-text); }
.room-notes-links { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:25px; }
.room-notes-links>a { color:var(--room-text); text-decoration:none; position:relative; padding:18px 0; }
.room-notes-links span { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; }
.room-notes-links small { display:block; font-size:10px; margin-top:9px; color:var(--room-muted); }
.room-notes-links .icon { width:16px; height:16px; }
.room-notes-links>a>.icon { position:absolute; right:0; top:21px; }
.room-note-details { border-top:1px solid var(--room-line); padding:19px 0; color:var(--room-text); font-size:12px; }
.room-note-details summary { cursor:pointer; font-weight:650; }
.room-note-details p,.room-note-details li { color:var(--room-muted); font-size:12px; line-height:1.9; margin-top:15px; max-width:800px; }
.room-note-details .u-audit,.room-note-details .u-coverage { margin-top:25px; }
@container(max-width:510px) { .room-owner-mini.u-app { transform:scale(.48); margin-left:18px; } }
@container(max-width:420px) { .room-owner-mini.u-app { transform:scale(.39); margin-left:15px; } }
@container(max-width:340px) { .room-owner-mini.u-app { transform:scale(.32); margin-left:12px; } }
@media(min-width:1500px) { .room-owner-thumb,.room-resident-thumb { height:415px; }.room-owner-mini.u-app { transform:scale(.68); }.room-resident-thumb .u-resident-device { transform:scale(.92); } }
@media(max-width:1100px) { .design-room .studio-layout { grid-template-columns:167px minmax(0,1fr); }.design-room #main { padding:25px 22px 0; }.design-room .guide-nav { font-size:10px; gap:8px; }.room-feature-grid { grid-template-columns:1.4fr 1fr; gap:15px; }.room-card-footer { flex-wrap:wrap; gap:10px; padding:17px; }.room-owner-thumb,.room-resident-thumb { height:300px; }.room-quicklinks { grid-template-columns:repeat(2,1fr); }.room-palette-grid { gap:16px; }.room-palette-sample { padding:17px 13px 0; } }
@media(max-width:850px) { .design-room .studio-layout { display:block; }.design-room[data-mode] .studio-sidebar { position:relative; height:auto; min-height:0; padding:8px 18px; border-right:0; border-bottom:1px solid var(--room-line); }.design-room .studio-sidebar nav { display:flex; overflow:auto; gap:5px; }.room-nav-group { display:contents; }.room-nav-group>span,.design-room .sidebar-foot { display:none; }.design-room .guide-nav { flex-shrink:0; white-space:nowrap; font-size:10px; }.design-room #main { padding:24px 20px 0; }.room-owner-thumb,.room-resident-thumb { height:320px; }.room-reference-grid { grid-template-columns:repeat(2,1fr); }.room-notes-grid { gap:15px; }.room-note-card { padding:25px; } }
@media(max-width:600px) { .design-room[data-mode] .studio-header { height:59px; padding:0 15px; }.design-room .room-label { display:none; }.design-room .studio-header-right { gap:12px; }.design-room .room-status { font-size:9px; }.room-status .icon { display:none; }.room-feedback { min-height:35px; padding:8px; font-size:10px; }.design-room .studio-brand .wordmark { font-size:23px; }.design-room[data-mode] .studio-sidebar { padding:6px 10px; }.design-room #main,.design-room[data-focus=true] #main { padding:22px 14px 0; }.room-page-head { margin-bottom:18px; }#room-title { font-size:23px; }#room-page-meta { font-size:9px; }.room-toolbar { gap:9px; margin-bottom:20px; padding:10px 0; }.room-toolbar-group { gap:6px; flex-wrap:wrap; }.room-toolbar-group:last-child { margin-left:auto; }.room-select select { font-size:10px; padding:7px 4px; max-width:118px; }.room-palette-picker summary { min-width:88px; font-size:10px; padding:7px; }.room-tool { font-size:10px; }.room-library-intro { display:block; font-size:11px; }.room-library-intro a { margin-top:9px; }.room-feature-grid { grid-template-columns:1fr; gap:19px; }.room-owner-thumb { height:260px; }.room-resident-thumb { height:280px; }.room-resident-thumb .u-resident-device { transform:scale(.78); }.room-card-footer { flex-wrap:nowrap; align-items:center; }.room-feature-resident .room-card-footer { flex-wrap:nowrap; }.room-card-footer h2 { font-size:16px; }.room-card-footer p { font-size:9px; }.room-link { font-size:10px; }.room-section-heading>span { display:none; }.room-collection-grid { grid-template-columns:1fr; gap:13px; }.room-collection-card { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; }.room-collection-card>div:first-child { height:99px; }.room-collection-card>div:last-child { padding:17px; }.room-study-silhouettes { padding:19px 6px 0; gap:3px; }.room-study-silhouettes .silhouette { width:21px; height:80px; padding:5px 2px; border-width:2px; border-radius:5px; }.silhouette b { font-size:11px; }.silhouette i { height:10px; }.room-swatch-fan i { width:14px; height:64px; margin-left:-5px; }.room-reference-stack img { height:85px; border-width:2px; }.room-collection-card>div>.icon { width:12px; top:21px; right:12px; }.room-quicklinks { gap:7px 16px; margin-top:20px; }.room-quicklinks a { font-size:9px; gap:6px; }.room-studies-grid { grid-template-columns:1fr; gap:20px; }.room-studies-grid .room-card-footer { flex-direction:row; align-items:center; flex-wrap:wrap; }.room-study-canvas { height:330px; }.room-palette-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; }.room-palette-sample { height:139px; padding:13px 10px 0; }.room-palette-mini { padding:12px; }.room-palette-mini>strong { font-size:25px; }.room-palette-mini>div { font-size:6px; margin-top:12px; padding:7px 4px; }.room-palette-mini>span { font-size:8px; }.room-palette-caption { padding:14px; }.room-palette-caption h2 { font-size:14px; }.room-palette-values { font-size:7px; }.room-palette-tick { right:12px; top:14px; }.room-palette-tick .icon { width:12px; }.room-inline-note { align-items:flex-start; flex-direction:column; gap:10px; line-height:1.8; }.room-filter-row { display:block; }.room-filter-row>span { display:block; margin-top:12px; }.room-filter-row button { padding:9px; font-size:10px; }.room-reference-grid { gap:18px 12px; }.room-reference-card>span { height:175px; }.room-reference-card>strong { font-size:10px; }.room-notes-grid,.room-notes-links { grid-template-columns:1fr; }.room-notes-links { gap:0; }.room-note-card { padding:25px; }.room-note-card h2 { font-size:27px; }.design-room[data-room-view=founder] .u-founder { padding:15px; }.design-room .studio-footer { font-size:9px; }.design-room .component-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .room-reference-card img { transition:none; } }
.room-mobile-nav { display:none; }
@media(max-width:600px) {
  .design-room .studio-sidebar #studio-nav { display:none; }
  .room-mobile-nav { display:flex; align-items:center; gap:15px; padding:3px 4px; font-size:10px; color:var(--room-muted); }
  .room-mobile-nav select { flex:1; min-width:0; padding:9px 7px; border:0!important; background:var(--room-surface)!important; color:var(--room-text)!important; font-size:12px; border-radius:5px; }
}
/* Each retained direction now shows a workspace, a resident screen and a task detail. */
.room-expanded-studies{display:grid;gap:42px}
.room-study-section>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.room-study-section>header h2{font:600 24px/1.2 var(--display);letter-spacing:-.6px;color:var(--room-text)}
.room-study-section>header p{font-size:12px;line-height:1.8;color:var(--room-muted);margin-top:7px}
.room-study-screen-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:14px}
.room-study-tile{border:1px solid var(--room-line);border-radius:12px;overflow:hidden;background:var(--room-surface);min-width:0}
.room-study-excerpt{height:345px;position:relative;overflow:hidden;background:var(--canvas);border-bottom:1px solid var(--room-line)}
.room-study-scale{position:absolute;left:50%;top:20px;transform:translateX(-50%) scale(.45);transform-origin:top center;width:960px;pointer-events:none;user-select:none}
.room-study-scale>.page-heading,.room-study-scale>.stage-label{display:none!important}
.room-study-scale>.stage-frame{padding:0;border-radius:14px;margin:0;width:960px;height:730px;overflow:hidden;border:1px solid var(--line)}
.room-study-scale .owner-v2{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;min-height:730px}
.room-study-scale .owner-rail{display:flex!important;padding:22px 12px;gap:20px}
.room-study-scale .owner-brand .brand-logo{width:144px}
.room-study-scale .owner-rail .owner-v2-nav{display:flex!important;flex-direction:column}
.room-study-scale .owner-top-navigation,.room-study-scale .app-bottom-nav{display:none!important}
.room-study-scale .owner-workspace{min-width:0}
.room-study-scale .owner-v2-top{display:flex;padding:18px 24px}
.room-study-scale .app-content{padding:24px!important;max-height:none;overflow:visible}
.room-study-scale .work-page-title h2{font-size:34px}
.excerpt-phone .room-study-scale{width:380px;transform:translateX(-50%) scale(.48);top:18px}
.excerpt-phone .phone-object{width:380px!important;height:670px!important;max-height:none;min-height:0}
.excerpt-phone .resident-shell{height:630px!important}
.excerpt-phone .resident-content{overflow:hidden!important}
.excerpt-detail .room-study-scale{width:450px;transform:translateX(-50%) scale(.52);top:20px}
.room-study-detail-content{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:24px;min-height:600px;color:var(--ink)}
.room-study-detail-content .request-board{grid-template-columns:1fr!important}
.room-study-detail-content .request-column:nth-child(n+2){display:none}
.room-study-detail-content .bed-grid{grid-template-columns:1fr 1fr!important}
.room-study-detail-content .bed-card{min-height:135px}
.room-study-tile footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 15px;color:var(--room-text)}
.room-study-tile footer span{font-size:10px;color:var(--room-muted)}
.room-study-tile footer h3{font-size:12px;line-height:1.6;margin-top:5px}
.room-study-tile footer .room-link{font-size:10px;flex-shrink:0}
@media(max-width:1150px){.room-study-screen-grid{grid-template-columns:1fr 1fr}.room-study-tile.tile-desktop{grid-column:1/-1}.excerpt-desktop{height:330px}.excerpt-desktop .room-study-scale{transform:translateX(-50%) scale(.52);top:18px}.excerpt-phone .room-study-scale{transform:translateX(-50%) scale(.48)}}
@media(max-width:600px){.room-study-section>header{align-items:start;gap:10px}.room-study-section>header h2{font-size:22px}.room-study-section>header p{font-size:11px}.room-study-section>header .ds-tag{display:none}.room-study-screen-grid{gap:12px}.room-study-screen-grid .excerpt-desktop{height:235px}.excerpt-desktop .room-study-scale{transform:translateX(-50%) scale(.315);top:14px}.room-study-screen-grid .excerpt-phone,.room-study-screen-grid .excerpt-detail{height:245px}.excerpt-phone .room-study-scale{transform:translateX(-50%) scale(.34);top:14px}.excerpt-detail .room-study-scale{transform:translateX(-50%) scale(.32);top:14px}.room-study-tile footer{padding:12px;align-items:start;flex-direction:column;gap:9px}.room-study-tile.tile-desktop footer{flex-direction:row;align-items:center}.room-study-tile footer h3{font-size:11px}.room-expanded-studies{gap:30px}.design-room[data-room-view=studies] .room-filter-row>div{display:flex;flex-wrap:wrap;gap:4px}.design-room[data-room-view=studies] .room-filter-row button{font-size:10px}}