/* OhSunny Showroom 0.3.0 — approved v7 visual system, locally scoped.
   No duplicate Glitche header or footer. No site-wide typography changes. */
.os-showroom{
  --purple:#770BE2; --violet:var(--purple); --black:#141414; --soft-black:#28232c;
  --text:#3a3540; --line:#d6d2da; --muted:#696371;
  --mono:'Roboto Mono','DejaVu Sans Mono',monospace;
  position:relative; left:50%;transform:translateX(-50%);
  width:min(1380px,calc(100vw - 32px))!important; max-width:none!important;
  display:block;margin:0!important;padding:0;overflow:visible;background:#fff;
  color:var(--black);font-family:var(--mono)!important;-webkit-font-smoothing:antialiased;
}
.os-showroom,.os-showroom *, .os-showroom *::before, .os-showroom *::after{box-sizing:border-box}
.os-showroom [hidden]{display:none!important}
.os-showroom a{color:inherit;text-decoration:none;font-family:var(--mono)}
.os-showroom button{font-family:var(--mono)!important;cursor:pointer;border-radius:0}
.os-showroom :is(h1,h2,h3,h4,h5,h6,p){font-family:var(--mono)!important;text-transform:none;margin-top:0}
.os-showroom :is(h1,h2,h3,h4,h5,h6){color:var(--black)}
.os-showroom p{margin-bottom:0}
.os-showroom :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.os-showroom ::selection{background:var(--purple);color:#fff}
/* Elementor and Glitche can clip the breakout inside a narrow shortcode widget. */
body:has(.os-showroom) :is(.elementor-widget,.elementor-widget-container,.elementor-column,.elementor-widget-wrap,.elementor-section):has(.os-showroom){overflow:visible!important}
/* Showroom page should not inherit the theme's contact footer. */
body.wp-theme-glitche:has(.os-showroom) footer.footer,
body.wp-theme-glitche:has(.os-showroom) footer.footer.fixed,
body:has(.os-showroom) footer.footer,
body:has(.os-showroom) footer.footer.fixed{
 display:none!important;
}
/* Stronger specificity against theme defaults. */
.os-showroom .osshv7-hero h1{font-family:var(--mono)!important;font-weight:700!important;color:var(--black)!important;text-transform:none!important}
.os-showroom .osshv7-hero .osshv7-period{color:var(--purple)!important}
.os-showroom .osshv7-lab h2,.os-showroom .osshv7-plugin h2{font-family:var(--mono)!important;font-weight:700!important;text-transform:none!important}
.os-showroom .osshv7-plugin h2{color:#fff!important}
.os-showroom .osshv7-plugin :is(p,a,span,div){font-family:var(--mono)}
.os-showroom .osshv7-main{width:min(1140px,calc(100% - 88px));margin:auto;padding:0}
.os-showroom .osshv7-section-index{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:11px 0 14px;font-size:9px;line-height:1.4;letter-spacing:.045em;font-weight:600}
.os-showroom .osshv7-section-index strong{color:var(--violet)}
.os-showroom .osshv7-section-index span:last-child{color:#666}
.os-showroom .osshv7-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(275px,.68fr);gap:54px;align-items:end;padding:47px 0 40px}
.os-showroom .osshv7-hero .osshv7-line-label{display:flex;align-items:center;gap:10px;color:var(--violet);font-size:10px;font-weight:700;letter-spacing:.035em}
.os-showroom .osshv7-hero h1{margin:11px 0 0;font-size:clamp(61px,7.8vw,110px);line-height:1.03;letter-spacing:-.092em;font-weight:700;white-space:nowrap}
.os-showroom .osshv7-hero h1 .osshv7-period{color:var(--violet)}
.os-showroom .osshv7-hero .osshv7-hero-about{padding:0 0 4px 21px;border-left:2px solid var(--violet);align-self:end}
.os-showroom .osshv7-hero .osshv7-hero-about b{font-size:11px;font-weight:700;line-height:1.65;display:block}
.os-showroom .osshv7-hero .osshv7-hero-about p{font-size:11px;color:#54505a;line-height:1.8;margin:9px 0 10px}
.os-showroom .osshv7-hero .osshv7-hero-link{font-size:9px;font-weight:700;color:var(--violet);text-decoration:none;letter-spacing:.035em;border-bottom:1px solid var(--violet);padding-bottom:4px}
.os-showroom .osshv7-hero .osshv7-hero-link:hover{color:var(--black);border-color:var(--black)}
.os-showroom .osshv7-work{padding-bottom:64px}
.os-showroom .osshv7-workspace{display:grid;grid-template-columns:minmax(0,2.16fr) minmax(270px,.91fr);gap:34px;align-items:start}
.os-showroom .osshv7-left-column{min-width:0}
.os-showroom .osshv7-right-column{min-width:0}
.os-showroom .osshv7-top-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;margin-bottom:4px;padding:0 2px}
.os-showroom .osshv7-status{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--black);font-weight:600;letter-spacing:.015em;min-width:0}
.os-showroom .osshv7-status:before{content:"";width:6px;height:6px;background:var(--violet);border-radius:100%;flex:none}
.os-showroom .osshv7-status .osshv7-selected-status{color:var(--violet);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-showroom .osshv7-stepper{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--violet);font-size:9px;font-weight:700}
.os-showroom .osshv7-stepper button{width:28px;height:27px;background:#fff;border:1px solid var(--line);color:var(--black);font-size:15px;display:grid;place-items:center;padding:0;line-height:1}
.os-showroom .osshv7-stepper button:hover{border-color:var(--violet);color:var(--violet)}
.os-showroom .osshv7-stepper button:disabled{opacity:.35;cursor:default}
.os-showroom .osshv7-stage{min-width:0;position:relative;background:#f8f8f8;border:1px solid #e8e7e9;padding:11px 13px 23px;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.os-showroom .osshv7-device{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;transition:width .19s ease;min-width:0}
.os-showroom .osshv7-device[data-device="tablet"]{width:min(65%,435px)}
.os-showroom .osshv7-device[data-device="phone"]{width:min(43%,290px)}
.os-showroom .osshv7-device-outer{width:100%;background:#fcfcfc;border:2px solid #131313;padding:6px 6px 7px;box-shadow:0 10px 18px rgba(0,0,0,.075)}
.os-showroom .osshv7-browser{height:25px;background:#f7f7f7;border:1px solid #cacaca;border-bottom:0;display:flex;align-items:center;gap:4px;padding:0 7px}
.os-showroom .osshv7-browser .osshv7-circle{width:5px;height:5px;border-radius:50%;border:1px solid #b7b7b7}
.os-showroom .osshv7-browser .osshv7-address{min-width:90px;width:45%;max-width:60%;margin:auto;text-align:center;background:white;border:1px solid #ddd;font:500 8px/1.3 var(--mono);padding:2px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#56505b}
.os-showroom .osshv7-screen{height:340px;overflow:hidden;position:relative;background:white;border:1px solid #c9c9c9}
.os-showroom .osshv7-screen iframe{position:absolute;top:0;left:0;display:block;border:0;max-width:none!important;max-height:none!important;transform-origin:0 0;background:white}
.os-showroom .osshv7-stand{width:20%;height:23px;background:linear-gradient(90deg,#f9f9f9,#d4d4d4,#f6f6f6);border:1px solid #c7c7c7;border-top:0}
.os-showroom .osshv7-foot{width:40%;height:4px;background:linear-gradient(90deg,#fff,#cecece,#f3f3f3);border:1px solid #bbb;border-radius:50%}
.os-showroom .osshv7-device[data-device="tablet"] .osshv7-device-outer{border-radius:12px;padding:10px}
.os-showroom .osshv7-device[data-device="phone"] .osshv7-device-outer{border-width:3px;border-radius:17px;padding:9px 7px 18px}
.os-showroom .osshv7-device[data-device="phone"] .osshv7-device-outer:before{content:"";width:29px;height:3px;border-radius:3px;background:#1f1f1f;position:absolute;top:4px;left:50%;transform:translateX(-50%)}
.os-showroom .osshv7-device[data-device="tablet"] .osshv7-stand, .os-showroom .osshv7-device[data-device="tablet"] .osshv7-foot, .os-showroom .osshv7-device[data-device="phone"] .osshv7-stand, .os-showroom .osshv7-device[data-device="phone"] .osshv7-foot{display:none}
.os-showroom .osshv7-device[data-device="tablet"] .osshv7-screen{height:440px}
.os-showroom .osshv7-device[data-device="phone"] .osshv7-screen{height:490px}
.os-showroom .osshv7-device[data-device="phone"] .osshv7-browser{height:22px}
.os-showroom .osshv7-device[data-device="phone"] .osshv7-browser .osshv7-circle{display:none}
.os-showroom .osshv7-device[data-device="phone"] .osshv7-browser .osshv7-address{min-width:60px;font-size:7px}
.os-showroom .osshv7-modebar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);min-height:68px;padding:15px 2px 16px}
.os-showroom .osshv7-modes{display:flex;align-items:center;gap:17px}
.os-showroom .osshv7-mode{border:none;background:none;color:#6e6c73;display:flex;align-items:center;gap:6px;padding:4px 0;font-size:9px;font-weight:700;letter-spacing:.015em;white-space:nowrap}
.os-showroom .osshv7-mode svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6}
.os-showroom .osshv7-mode.osshv7-on{color:var(--violet)}
.os-showroom .osshv7-mode.osshv7-on:after{content:"";position:absolute;bottom:0;height:2px;background:var(--violet)}
.os-showroom .osshv7-modebar .osshv7-hint{font-size:9px;color:#6e6772;white-space:nowrap}
.os-showroom .osshv7-modebar .osshv7-hint strong{color:var(--violet)}
.os-showroom .osshv7-project-summary{padding:23px 0 0;min-width:0}
.os-showroom .osshv7-project-summary .osshv7-tag{font-size:9px;font-weight:700;letter-spacing:.035em;color:var(--violet);line-height:1.45}
.os-showroom .osshv7-project-summary .osshv7-project-name{font-size:clamp(25px,2.5vw,35px);letter-spacing:-.07em;line-height:1.18;margin:9px 0 9px;font-weight:700}
.os-showroom .osshv7-project-summary .osshv7-summary-grid{display:flex;gap:20px;align-items:flex-end;justify-content:space-between}
.os-showroom .osshv7-project-summary p{font-size:11px;line-height:1.8;color:#504c53;max-width:465px}
.os-showroom .osshv7-project-summary a.osshv7-visit{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:40px;background:var(--violet);color:#fff;text-decoration:none;font-size:9px;font-weight:700;white-space:nowrap;padding:12px 15px;flex:none}
.os-showroom .osshv7-project-summary a.osshv7-visit:hover{background:#141414}
.os-showroom .osshv7-project-summary a.osshv7-visit.osshv7-disabled{pointer-events:none;background:#e7e6e8;color:#6e6e70}
.os-showroom .osshv7-project-summary .osshv7-preview-note{font-size:9px;margin-top:11px;color:#777;line-height:1.55}
.os-showroom .osshv7-index-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 14px;border-top:1.5px solid var(--black);border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.02em;font-weight:700}
.os-showroom .osshv7-index-top strong{color:var(--violet)}
.os-showroom .osshv7-filters{display:flex;align-items:center;gap:13px;padding:13px 0 12px}
.os-showroom .osshv7-filters button{background:none;border:0;padding:5px 0;font:600 9px/1.2 var(--mono);color:#747078;white-space:nowrap;position:relative}
.os-showroom .osshv7-filters button.osshv7-on{color:var(--violet)}
.os-showroom .osshv7-filters button.osshv7-on:after{content:"";position:absolute;left:0;bottom:0;right:0;height:2px;background:var(--violet)}
.os-showroom .osshv7-index-list{border-top:1px solid var(--line);max-height:414px;overflow:auto;scrollbar-color:#aaa0ae #f5f5f5;scrollbar-width:thin}
.os-showroom .osshv7-item{width:100%;display:grid;grid-template-columns:23px minmax(0,1fr) 14px;gap:7px;align-items:center;text-align:left;background:white;border:0;border-bottom:1px solid var(--line);min-height:44px;padding:9px 4px 9px 7px;position:relative;color:var(--black)}
.os-showroom .osshv7-item .osshv7-number{font-size:9px;color:#89838e}
.os-showroom .osshv7-item .osshv7-item-name{display:block;font-size:12px;font-weight:700;letter-spacing:-.04em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-showroom .osshv7-item .osshv7-item-type{display:block;font-size:8px;font-weight:500;color:#817b85;letter-spacing:.01em;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.os-showroom .osshv7-item .osshv7-out-arrow{color:#aaa;font-size:12px}
.os-showroom .osshv7-item:hover{background:#f7f7f7}
.os-showroom .osshv7-item.osshv7-selected{box-shadow:inset 3px 0 var(--violet)}
.os-showroom .osshv7-item.osshv7-selected .osshv7-number, .os-showroom .osshv7-item.osshv7-selected .osshv7-item-name, .os-showroom .osshv7-item.osshv7-selected .osshv7-out-arrow{color:var(--violet)}
.os-showroom .osshv7-index-bottom{display:flex;align-items:center;gap:7px;padding:15px 0 0;border-bottom:1px solid var(--line);padding-bottom:16px;color:#646068;font-size:9px;line-height:1.7}
.os-showroom .osshv7-index-bottom svg{width:13px;height:13px;fill:none;stroke:var(--violet);stroke-width:1.75;flex:none}
.os-showroom .osshv7-right-note{font-size:9px;line-height:1.65;color:#888;margin-top:12px}
.os-showroom .osshv7-index-scroll{color:var(--violet);margin-left:auto;white-space:nowrap}
.os-showroom .osshv7-washi{display:block;height:76px;position:relative;left:50%;width:100vw;transform:translateX(-50%);background:#9038ED url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyODgiIGhlaWdodD0iNzYiIHZpZXdCb3g9IjAgMCAyODggNzYiPjxyZWN0IHdpZHRoPSIyODgiIGhlaWdodD0iNzYiIGZpbGw9IiM5MDM4RUQiIC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQgMTYpIHJvdGF0ZSgtMTApIHNjYWxlKDAuNzgpIj48cGF0aCBkPSJNMCAtOS4zIFY5LjMgTS04LjA1IC00LjY1IEw4LjA1IDQuNjUgTS04LjA1IDQuNjUgTDguMDUgLTQuNjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyLjY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1IDUzKSByb3RhdGUoMTQpIHNjYWxlKDAuNjYpIj48cGF0aCBkPSJNMCAtOS4zIFY5LjMgTS04LjA1IC00LjY1IEw4LjA1IDQuNjUgTS04LjA1IDQuNjUgTDguMDUgLTQuNjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyLjY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg2IDIxKSByb3RhdGUoLTE4KSBzY2FsZSgwLjYzKSI+PHBhdGggZD0iTTAgLTkuMyBWOS4zIE0tOC4wNSAtNC42NSBMOC4wNSA0LjY1IE0tOC4wNSA0LjY1IEw4LjA1IC00LjY1IiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMi42NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjUgNjEpIHJvdGF0ZSgxOCkgc2NhbGUoMC44MikiPjxwYXRoIGQ9Ik0wIC05LjMgVjkuMyBNLTguMDUgLTQuNjUgTDguMDUgNC42NSBNLTguMDUgNC42NSBMOC4wNSAtNC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU3IDI3KSByb3RhdGUoMTIpIHNjYWxlKDAuNjQpIj48cGF0aCBkPSJNMCAtOS4zIFY5LjMgTS04LjA1IC00LjY1IEw4LjA1IDQuNjUgTS04LjA1IDQuNjUgTDguMDUgLTQuNjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyLjY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5OCA1Nykgcm90YXRlKC0xMikgc2NhbGUoMC43OSkiPjxwYXRoIGQ9Ik0wIC05LjMgVjkuMyBNLTguMDUgLTQuNjUgTDguMDUgNC42NSBNLTguMDUgNC42NSBMOC4wNSAtNC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ4IDE4KSByb3RhdGUoLTE2KSBzY2FsZSgwLjcyKSI+PHBhdGggZD0iTTAgLTkuMyBWOS4zIE0tOC4wNSAtNC42NSBMOC4wNSA0LjY1IE0tOC4wNSA0LjY1IEw4LjA1IC00LjY1IiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMi42NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzUgNjUpIHJvdGF0ZSgyMCkgc2NhbGUoMC41OSkiPjxwYXRoIGQ9Ik0wIC05LjMgVjkuMyBNLTguMDUgLTQuNjUgTDguMDUgNC42NSBNLTguMDUgNC42NSBMOC4wNSAtNC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgNjgpIHJvdGF0ZSgxMykgc2NhbGUoMC41NSkiPjxwYXRoIGQ9Ik0wIC05LjMgVjkuMyBNLTguMDUgLTQuNjUgTDguMDUgNC42NSBNLTguMDUgNC42NSBMOC4wNSAtNC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjUgNzIpIHJvdGF0ZSgtMjQpIHNjYWxlKDAuNikiPjxwYXRoIGQ9Ik0wIC05LjMgVjkuMyBNLTguMDUgLTQuNjUgTDguMDUgNC42NSBNLTguMDUgNC42NSBMOC4wNSAtNC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEyIDEyKSByb3RhdGUoNSkgc2NhbGUoMC41MykiPjxwYXRoIGQ9Ik0wIC05LjMgVjkuMyBNLTguMDUgLTQuNjUgTDguMDUgNC42NSBNLTguMDUgNC42NSBMOC4wNSAtNC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc0IDczKSByb3RhdGUoLTgpIHNjYWxlKDAuNTgpIj48cGF0aCBkPSJNMCAtOS4zIFY5LjMgTS04LjA1IC00LjY1IEw4LjA1IDQuNjUgTS04LjA1IDQuNjUgTDguMDUgLTQuNjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyLjY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyMiAyOSkgcm90YXRlKDE5KSBzY2FsZSgwLjUyKSI+PHBhdGggZD0iTTAgLTkuMyBWOS4zIE0tOC4wNSAtNC42NSBMOC4wNSA0LjY1IE0tOC4wNSA0LjY1IEw4LjA1IC00LjY1IiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMi42NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNjUgNDMpIHJvdGF0ZSgtNykgc2NhbGUoMC41NCkiPjxwYXRoIGQ9Ik0wIC05LjMgVjkuMyBNLTguMDUgLTQuNjUgTDguMDUgNC42NSBNLTguMDUgNC42NSBMOC4wNSAtNC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzYgNDMpIHJvdGF0ZSgyNCkgc2NhbGUoMC40OSkiPjxwYXRoIGQ9Ik0wIC05LjMgVjkuMyBNLTguMDUgLTQuNjUgTDguMDUgNC42NSBNLTguMDUgNC42NSBMOC4wNSAtNC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQzIDEwKSByb3RhdGUoNykgc2NhbGUoMC40NSkiPjxwYXRoIGQ9Ik0wIC05LjMgVjkuMyBNLTguMDUgLTQuNjUgTDguMDUgNC42NSBNLTguMDUgNC42NSBMOC4wNSAtNC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkgMzUpIHJvdGF0ZSgtMykgc2NhbGUoMC40NCkiPjxwYXRoIGQ9Ik0wIC05LjMgVjkuMyBNLTguMDUgLTQuNjUgTDguMDUgNC42NSBNLTguMDUgNC42NSBMOC4wNSAtNC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjM2IDcwKSByb3RhdGUoOCkgc2NhbGUoMC40NCkiPjxwYXRoIGQ9Ik0wIC05LjMgVjkuMyBNLTguMDUgLTQuNjUgTDguMDUgNC42NSBNLTguMDUgNC42NSBMOC4wNSAtNC42NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PC9zdmc+") left top/288px 76px repeat-x;overflow:hidden}
.os-showroom .osshv7-lab{padding:49px 0 57px}
.os-showroom .osshv7-lab-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:9px;font-weight:600;letter-spacing:.03em}
.os-showroom .osshv7-lab-head strong{color:var(--violet)}
.os-showroom .osshv7-lab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:54px;margin-top:27px}
.os-showroom .osshv7-lab-copy h2{font-weight:700;letter-spacing:-.08em;font-size:clamp(34px,4.2vw,55px);line-height:1.13;margin:0 0 15px}
.os-showroom .osshv7-lab-copy h2 span{color:var(--violet)}
.os-showroom .osshv7-lab-copy p{font-size:11px;line-height:1.9;color:#544f57;max-width:430px}
.os-showroom .osshv7-lab-cta{display:inline-flex;gap:10px;color:var(--violet);text-decoration:none;font-size:10px;font-weight:700;margin-top:22px;border-bottom:1px solid var(--violet);padding-bottom:6px}
.os-showroom .osshv7-lab-cta:hover{color:var(--black);border-color:var(--black)}
.os-showroom .osshv7-lab-rows{border-top:1px solid var(--line)}
.os-showroom .osshv7-lab-row{display:grid;grid-template-columns:30px 25px minmax(0,1fr) 14px;gap:13px;align-items:center;min-height:82px;border-bottom:1px solid var(--line);text-decoration:none;padding:13px 0}
.os-showroom .osshv7-lab-row .osshv7-ico{width:29px;height:29px;border:1px solid var(--violet);display:flex;align-items:center;justify-content:center;color:var(--violet)}
.os-showroom .osshv7-lab-row .osshv7-ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}
.os-showroom .osshv7-lab-row .osshv7-no{color:#807a83;font-size:9px}
.os-showroom .osshv7-lab-row .osshv7-label strong{display:block;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:-.02em}
.os-showroom .osshv7-lab-row .osshv7-label small{display:block;color:#77717b;font-size:9px;line-height:1.55;margin-top:5px}
.os-showroom .osshv7-lab-row .osshv7-arrow{font-size:16px;color:var(--violet)}
.os-showroom .osshv7-lab-row:hover .osshv7-label strong{color:var(--violet)}
.os-showroom .osshv7-plugin{position:relative;left:50%;width:100vw;transform:translateX(-50%);background:var(--violet);color:white;margin-top:16px;margin-bottom:0}
.os-showroom .osshv7-plugin-inner{width:min(1140px,calc(100% - 88px));margin:auto;padding:68px 0 72px}
.os-showroom .osshv7-plugin-kicker{font:700 10px/1.4 var(--mono);letter-spacing:.04em;display:flex;align-items:center;gap:13px;margin-bottom:23px}
.os-showroom .osshv7-plugin-kicker:before{content:"";width:24px;height:1px;background:#fff}
.os-showroom .osshv7-plugin-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(275px,.76fr);gap:75px;align-items:end}
.os-showroom .osshv7-plugin h2{font-size:clamp(36px,5.2vw,73px);line-height:1.04;font-weight:700;letter-spacing:-.085em;margin:0 0 20px}
.os-showroom .osshv7-plugin h2 span{border-bottom:2px solid rgba(255,255,255,.88)}
.os-showroom .osshv7-plugin p{font-size:12px;line-height:1.85;max-width:630px;color:white}
.os-showroom .osshv7-plugin-offer{border-top:1px solid rgba(255,255,255,.67);padding-top:14px}
.os-showroom .osshv7-plugin-offer .osshv7-offer-title{font-size:10px;font-weight:700;letter-spacing:.025em;margin-bottom:11px}
.os-showroom .osshv7-plugin-offer .osshv7-small{font-size:10px;line-height:1.8;opacity:.9}
.os-showroom .osshv7-plugin-offer .osshv7-chips{display:flex;flex-wrap:wrap;gap:5px;margin:17px 0 20px}
.os-showroom .osshv7-plugin-offer .osshv7-chips span{font-size:8px;border:1px solid rgba(255,255,255,.62);padding:5px 7px;white-space:nowrap}
.os-showroom .osshv7-plugin-offer a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;background:white;color:var(--violet);font-weight:700;font-size:11px;letter-spacing:.01em;padding:17px 18px;min-height:54px}
.os-showroom .osshv7-plugin-offer a:hover{background:var(--black);color:white}
@media (max-width:1120px){
.os-showroom .osshv7-main{width:calc(100% - 65px)}
.os-showroom .osshv7-workspace{grid-template-columns:minmax(0,1.85fr) minmax(250px,.94fr);gap:25px}
.os-showroom .osshv7-hero{gap:30px}
.os-showroom .osshv7-plugin-inner{width:calc(100% - 65px)}
}
@media (max-width:840px){
.os-showroom .osshv7-hero{grid-template-columns:minmax(0,1fr) minmax(210px,.7fr);gap:18px}
.os-showroom .osshv7-hero h1{font-size:clamp(56px,8vw,74px)}
.os-showroom .osshv7-hero .osshv7-hero-about{padding-left:13px}
.os-showroom .osshv7-workspace{display:block}
.os-showroom .osshv7-right-column{margin-top:36px}
.os-showroom .osshv7-index-list{max-height:260px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}
.os-showroom .osshv7-index-bottom{margin-top:2px}
.os-showroom .osshv7-lab-grid{gap:22px}
.os-showroom .osshv7-lab-copy h2{font-size:42px}
.os-showroom .osshv7-plugin-grid{gap:24px}
}
@media (max-width:580px){
.os-showroom .osshv7-main{width:calc(100% - 35px)}
.os-showroom .osshv7-section-index{font-size:8px}
.os-showroom .osshv7-hero{display:block;padding:30px 0 27px}
.os-showroom .osshv7-hero h1{font-size:clamp(47px,13vw,68px);letter-spacing:-.086em;white-space:normal}
.os-showroom .osshv7-hero .osshv7-hero-about{margin-top:26px;padding-left:13px;max-width:100%}
.os-showroom .osshv7-hero .osshv7-hero-about b{font-size:10px}
.os-showroom .osshv7-hero .osshv7-hero-about p{font-size:10px;line-height:1.7}
.os-showroom .osshv7-top-controls{margin:0 0 4px}
.os-showroom .osshv7-status{font-size:8px}
.os-showroom .osshv7-stage{min-height:344px;padding:14px 6px 18px}
.os-showroom .osshv7-screen{height:300px}
.os-showroom .osshv7-stand{height:14px}
.os-showroom .osshv7-modebar{display:block;padding:16px 0 17px;min-height:0}
.os-showroom .osshv7-modes{gap:17px}
.os-showroom .osshv7-modebar .osshv7-hint{display:block;margin-top:13px;font-size:8px}
.os-showroom .osshv7-project-summary{padding-top:21px}
.os-showroom .osshv7-project-summary .osshv7-summary-grid{display:block}
.os-showroom .osshv7-project-summary .osshv7-project-name{font-size:29px}
.os-showroom .osshv7-project-summary p{font-size:10px;line-height:1.7}
.os-showroom .osshv7-project-summary a.osshv7-visit{margin-top:15px;display:inline-flex}
.os-showroom .osshv7-index-list{display:block;max-height:235px}
.os-showroom .osshv7-item{min-height:42px}
.os-showroom .osshv7-right-column{margin-top:36px}
.os-showroom .osshv7-washi{height:62px;background-size:235px 62px}
.os-showroom .osshv7-work{padding-bottom:47px}
.os-showroom .osshv7-lab{padding:31px 0 40px}
.os-showroom .osshv7-lab-grid{display:block;margin-top:24px}
.os-showroom .osshv7-lab-copy h2{font-size:clamp(31px,8.4vw,43px)}
.os-showroom .osshv7-lab-copy p{font-size:10px}
.os-showroom .osshv7-lab-rows{margin-top:29px}
.os-showroom .osshv7-lab-row{min-height:70px}
.os-showroom .osshv7-plugin-inner{width:calc(100% - 35px);padding:41px 0 45px}
.os-showroom .osshv7-plugin-grid{display:block}
.os-showroom .osshv7-plugin h2{font-size:clamp(38px,10vw,53px)}
.os-showroom .osshv7-plugin p{font-size:10px}
.os-showroom .osshv7-plugin-offer{margin-top:30px}
}
@media (max-width:355px){
.os-showroom .osshv7-modes{gap:10px}
.os-showroom .osshv7-mode{font-size:8px}
.os-showroom .osshv7-hero h1{font-size:46px}
}
@media (prefers-reduced-motion:reduce){
.os-showroom html{scroll-behavior:auto}
.os-showroom .osshv7-device{transition:none}
}

/* Runtime preview: v7 screen design with controlled screenshot/live layers. */
.os-showroom .osshv7-screen{isolation:isolate}
.os-showroom .osshv7-preview-scroll,
.os-showroom .osshv7-live-frame{position:absolute;inset:0;display:block;background:#fff}
.os-showroom .osshv7-preview-scroll{
 z-index:1;overflow:auto;overscroll-behavior:contain;
 scrollbar-width:thin;scrollbar-color:#8f8b94 transparent
}
.os-showroom .osshv7-shot{display:block;width:100%;max-width:100%!important;height:auto!important;margin:0;border:0;object-fit:contain}
.os-showroom .osshv7-live-frame{
 z-index:2;border:0;display:none;max-width:none!important;max-height:none!important;
 transform-origin:0 0;background:#fff
}
.os-showroom .osshv7-screen.osshv7-show-live .osshv7-live-frame{display:block}
.os-showroom .osshv7-screen.osshv7-show-live .osshv7-preview-scroll{display:none}
.os-showroom .osshv7-fallback{
 width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;
 flex-direction:column;padding:24px;text-align:center;gap:13px;background:white
}
.os-showroom .osshv7-fallback-kicker{font:700 10px/1.4 var(--mono);color:var(--purple);letter-spacing:.03em}
.os-showroom .osshv7-fallback-title{font:700 clamp(23px,3vw,50px)/1.1 var(--mono)!important;letter-spacing:-.08em;color:var(--black)}
.os-showroom .osshv7-fallback-desc{font:400 10px/1.7 var(--mono);max-width:340px;color:#665f69}
.os-showroom .osshv7-preview-control{
 margin-top:9px;width:auto;border:0;border-bottom:1px solid var(--purple);padding:1px 0 5px;
 background:transparent;color:var(--purple);font-size:9px;font-weight:700;line-height:1.35
}
.os-showroom .osshv7-preview-control:hover{color:var(--black);border-color:var(--black)}
.os-showroom .osshv7-preview-control:disabled{display:none}
.os-showroom .osshv7-stepper button:disabled{opacity:.4;cursor:default}
.os-showroom .osshv7-stepper button:disabled:hover{color:var(--black);background:#fff;border-color:var(--line)}
.os-showroom .osshv7-device.osshv7-changing{transition:none!important}
.os-showroom .osshv7-device.osshv7-changing .osshv7-screen{opacity:0}
.os-showroom .osshv7-index-list .osshv7-item{font-family:var(--mono)}
.os-showroom .osshv7-index-list .osshv7-item .osshv7-item-name{font-family:var(--mono)}
.os-showroom .osshv7-directory-empty{padding:21px 4px;font-size:11px;color:#6d6870}
.os-showroom .osshv7-project-summary.osshv7-no-selection{opacity:.8}
.os-showroom .osshv7-project-summary .osshv7-preview-note{max-width:100%;line-height:1.7}
.os-showroom .osshv7-summary-grid >div{min-width:0}
.os-showroom .osshv7-project-summary .osshv7-visit.osshv7-disabled{pointer-events:none;background:#efefef;color:#737373}
.os-showroom .osshv7-index-bottom{flex-wrap:wrap}
.os-showroom .osshv7-washi{
 background:#9038ED url('./approved-washi.svg') left top/288px 76px repeat-x;
}
.os-showroom .osshv7-plugin > .osshv7-washi{margin:0 0 6px}
.os-showroom .osshv7-lab + .osshv7-plugin{margin-top:0}
.os-showroom .osshv7-plugin a:focus-visible{outline-color:#fff}
.os-showroom .osshv7-lab-row:focus-visible{outline-color:var(--purple)}
.os-showroom .osshv7-mode.osshv7-on{color:var(--purple)!important}
.os-showroom .osshv7-mode{position:relative}
.os-showroom .osshv7-mode.osshv7-on:after{left:0;right:0;bottom:-15px}
@media(max-width:580px){
 .os-showroom .osshv7-mode.osshv7-on:after{bottom:-5px}
 .os-showroom .osshv7-index-top{font-size:8px}
 .os-showroom .osshv7-project-summary .osshv7-visit{margin-top:15px}
 .os-showroom .osshv7-device[data-device="tablet"]{width:min(82%,435px)}
 .os-showroom .osshv7-device[data-device="phone"]{width:min(69%,290px)}
}
@media(prefers-reduced-motion:reduce){
 .os-showroom *,.os-showroom *::before,.os-showroom *::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important}
}


body:has(.os-showroom) .container.page,
body:has(.os-showroom) .content,
body:has(.os-showroom) .wrapper{margin-bottom:0!important;padding-bottom:0!important}

/* v0.3.2: visible layout correction to approved v7. All rules scoped to Showroom. */
@media (min-width: 841px) {
  .os-showroom {
    width:min(1320px,calc(100vw - 36px))!important;
  }
  .os-showroom .osshv7-main,
  .os-showroom .osshv7-plugin-inner {
    width:min(1080px,calc(100% - 88px));
  }
  .os-showroom .osshv7-device[data-device="desktop"] {
    width:96%;
    max-width:745px;
  }
}
/* Keep NOW VIEWING and previous/next immediately above the monitor. */
.os-showroom .osshv7-top-controls {
  min-height:24px;
  height:24px;
  margin-bottom:5px;
  align-items:flex-end;
  padding:0 2px 0;
}
.os-showroom .osshv7-status {
  line-height:1.2;
  padding-bottom:4px;
  gap:10px;
}
.os-showroom .osshv7-stepper {
  align-self:flex-end;
  line-height:1;
}
.os-showroom .osshv7-stepper button {
  width:25px;
  height:25px;
}
.os-showroom .osshv7-stepper button:disabled {
  display:none;
}
/* On this page only, suppress the Glitche/footer contact experience, including
   the custom OhSunny contact module, while keeping the approved Showroom CTA. */
body:has(.os-showroom) footer.footer,
body:has(.os-showroom) .footer.fixed,
body:has(.os-showroom) .sunny-contact-footer,
body:has(.os-showroom) #contact.sunny-contact-footer,
body:has(.os-showroom) .contact-section:has(.scf-form),
body:has(.os-showroom) #contact:has(.scf-form),
body:has(.os-showroom) .section-contacts {
  display:none!important;
}
body:has(.os-showroom) .site-sheet,
body:has(.os-showroom) .elementor-widget-container:has(> .os-showroom),
body:has(.os-showroom) .elementor-widget:has(> .elementor-widget-container > .os-showroom) {
  margin-bottom:0!important;
  padding-bottom:0!important;
}
/* Join the white Lab directly to the washi and the purple product section. */
.os-showroom .osshv7-lab {
  padding-bottom:49px;
}
.os-showroom .osshv7-plugin {
  margin-top:0!important;
  margin-bottom:0!important;
}
.os-showroom .osshv7-plugin > .osshv7-washi {
  margin:0!important;
  left:0;
  transform:none;
  width:100%;
  max-width:100%;
}
.os-showroom .osshv7-plugin-inner {
  padding-top:66px;
  padding-bottom:66px;
}
@media(max-width:840px) {
  .os-showroom .osshv7-device[data-device="desktop"] {width:96%;}
}
@media(max-width:580px) {
  .os-showroom .osshv7-top-controls {height:24px;min-height:24px;margin-bottom:5px;}
  .os-showroom .osshv7-plugin-inner {padding-top:43px;padding-bottom:45px;}
}