.studio-site .content-discovery-filters{--content-accent:#126b61;display:grid;gap:14px;min-width:0;padding:18px 0 20px;border-block:1px solid #dce3e7;letter-spacing:0}
.studio-site .content-category-tabs,.studio-site .content-scene-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.studio-site .content-category-tabs button,.studio-site .content-scene-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:100%;margin:0;padding:8px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#4a5964;font-size:15px;line-height:1.5;white-space:nowrap;letter-spacing:0}
.studio-site .content-category-tabs button span,.studio-site .content-scene-tabs button span{font-size:12px;color:#77848c;font-variant-numeric:tabular-nums}
.studio-site .content-category-tabs button[aria-pressed=true]{border-color:#a8cec3;background:#eaf4ef;color:#105e54;font-weight:700}
.studio-site .content-scene-tabs{padding-left:10px;border-left:2px solid #d9e6e0}
.studio-site .content-scene-tabs button{min-height:34px;padding:5px 10px;font-size:14px}
.studio-site .content-scene-tabs button[aria-pressed=true]{background:#eef2f5;color:#233c4a;font-weight:650}
.studio-site .content-discovery-tools{display:flex;align-items:start;flex-wrap:wrap;gap:12px;min-width:0}
.studio-site .content-discovery-tools .h5-search{display:flex;align-items:center;gap:10px;flex:1 1 260px;min-width:180px;max-width:480px;min-height:44px;margin:0;padding:0 12px;border:1px solid #d0d9df;border-radius:6px;background:#fff}
.studio-site #app .content-discovery-tools .h5-search input{width:100%;min-width:0;height:42px;min-height:42px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#253d4d;font-size:15px;letter-spacing:0}
.studio-site .content-discovery-tools .h5-icon{width:18px;height:18px;flex:none;color:#6b7d88}
.studio-site .content-sort{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;color:#6a7881;font-size:13px}
.studio-site #app .content-sort select{width:auto;min-width:122px;min-height:44px;margin:0;padding:8px 30px 8px 12px;border:1px solid #d0d9df;border-radius:6px;background-color:#fff;color:#253d4d;font-size:14px}
.studio-site .content-advanced-filters{flex:0 1 340px;min-width:180px;margin:0;border:1px solid #d0d9df;border-radius:6px;background:#fff}
.studio-site .content-advanced-filters summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:0 12px;color:#334f5b;font-size:14px;cursor:pointer;list-style:none}
.studio-site .content-advanced-filters summary::-webkit-details-marker{display:none}
.studio-site .content-advanced-filters[open] summary{border-bottom:1px solid #e1e7eb}
.studio-site .content-advanced-filters[open] summary svg{transform:rotate(180deg)}
.studio-site .content-advanced-filters>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}
.studio-site .content-advanced-filters label{display:grid;gap:6px;min-width:0;margin:0;color:#657884;font-size:12px}
.studio-site #app .content-advanced-filters select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:8px 24px 8px 8px;border:1px solid #d0d9df;border-radius:4px;background-color:#fff;color:#253d4d;font-size:14px}
.studio-site .content-filter-reset{min-height:44px;margin:0;padding:8px 12px;border:0;background:transparent;color:#55717c;font-size:14px;white-space:nowrap}
.studio-site .content-discovery-filters :is(button,input,select,summary):focus-visible{outline:2px solid #368d7b;outline-offset:3px}
.studio-site #app .studio-discover .studio-home-heading h1{font-size:30px;line-height:1.3;letter-spacing:0}
.studio-site .studio-discover .studio-discovery-toolbar{margin-bottom:14px}
.studio-site .studio-discover .studio-collection-tabs{gap:20px}
.studio-site .studio-discover .studio-collection-tabs button[aria-pressed=true]{color:#126b61;border-color:#126b61}
.studio-site .studio-template-meta{display:flex;flex-wrap:wrap;gap:6px 12px;padding-top:6px;color:#71818a;font-size:12px;line-height:1.5}
.studio-site .studio-category-rail.is-grid{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-auto-columns:auto;overflow:visible}
.studio-site .studio-inspiration .studio-inspiration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:start;gap:24px}
.studio-site .studio-inspiration .studio-work-card{min-width:0;border-radius:8px;overflow:hidden;border:1px solid #dce3e7;background:#fff}
.studio-site .studio-inspiration .studio-work-media{height:auto;min-height:0;aspect-ratio:3/4;background:#edf0f1}
.studio-site .studio-inspiration .studio-work-media :is(img,video){width:100%;height:100%;object-fit:contain}
.studio-site #app .studio-inspiration .studio-work-cover{display:block;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent}
.studio-site .studio-inspiration .studio-work-copy{padding:14px}
.studio-site .studio-inspiration .studio-work-copy h2{font-size:16px;line-height:1.5;overflow-wrap:anywhere;letter-spacing:0}
.studio-site .studio-inspiration .studio-work-author{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#465d69;font-size:13px}
.studio-site .studio-inspiration .studio-work-author .h5-icon,.studio-site .studio-inspiration .studio-work-author .studio-media-icon{width:16px;height:16px;flex:none}
.studio-site .studio-inspiration .studio-work-author span{margin-left:auto;color:#7c8992;font-size:12px}
.studio-site .studio-inspiration .studio-work-actions{display:flex;gap:8px;flex-wrap:wrap}
.studio-site .studio-inspiration .studio-work-actions button{flex:1;min-width:0;min-height:40px;padding:8px;font-size:14px;border-radius:6px}
body.studio-site #app .content-category-tabs,body.studio-site #app .content-scene-tabs{margin:0;padding-top:0;min-height:0}
body.studio-site #app .content-category-tabs button,body.studio-site #app .content-scene-tabs button{min-height:40px;padding:8px 12px;border:1px solid transparent;background:transparent;color:#4a5964;font-size:15px;border-radius:6px}
body.studio-site #app .content-category-tabs button[aria-pressed=true]{border-color:#a8cec3;background:#eaf4ef;color:#105e54;font-weight:700}
body.studio-site #app .content-scene-tabs button{min-height:34px;padding:5px 10px;font-size:14px}
body.studio-site #app .content-scene-tabs button[aria-pressed=true]{background:#eef2f5;color:#233c4a;font-weight:650}
body.studio-site #app .studio-discover .studio-collection-tabs button[aria-pressed=true]{border-color:#126b61;color:#126b61}
@media(max-width:820px){.studio-site .content-category-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:5px}.studio-site .content-category-tabs button{flex:none}.studio-site .content-discovery-tools{gap:10px}.studio-site .content-discovery-tools .h5-search{flex-basis:100%;max-width:none}.studio-site .content-advanced-filters{flex:1 1 180px}.studio-site .content-category-tabs button{font-size:14px}.studio-site .content-sort>select{min-width:110px}.studio-site .studio-category-rail.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-site .studio-inspiration .studio-inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-site .studio-inspiration .studio-work-copy{padding:10px}.studio-site .studio-inspiration .studio-work-copy h2{font-size:14px}.studio-site .studio-inspiration .studio-work-copy p{font-size:12px}.studio-site .studio-inspiration .studio-work-actions button{flex-basis:100%;font-size:13px}.studio-site #app .studio-discover .studio-home-heading h1{font-size:26px}}
@media(max-width:820px){body.studio-site #app .studio-discover .studio-discovery-section{padding-top:12px}body.studio-site #app .studio-discover .studio-discovery-toolbar{padding-bottom:4px;margin-bottom:8px}body.studio-site #app .content-discovery-filters{padding:12px 0;gap:10px}body.studio-site #app .studio-discover .h5-filter-row{margin:4px 0;min-height:20px}body.studio-site #app .studio-discover .studio-category-shelf{padding-top:16px}}
.studio-site dialog.h5-preview-dialog[open]{display:block;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.studio-site .h5-preview-dialog>.h5-preview-head,.studio-site .h5-preview-dialog>.h5-preview-footer{box-sizing:border-box;position:relative;flex:none;min-width:0}
.studio-site .h5-preview-head>div{min-width:0}
.studio-site .h5-preview-head h2{overflow-wrap:anywhere;line-height:1.5}
.studio-site .h5-preview-dialog>.h5-preview-media{position:relative;display:block;box-sizing:border-box;flex:none;width:100%;height:min(54dvh,560px);min-height:160px;overflow:hidden;background:#14181e}
.studio-site .h5-preview-dialog>.h5-preview-media>:is(video,img){position:absolute;inset:0;display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;margin:0;aspect-ratio:auto;object-fit:contain;object-position:center}
.studio-site .h5-gallery-copy h3{overflow-wrap:anywhere;line-height:1.5}
.studio-site .h5-preview-media>video:fullscreen{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:#000}
html:has(.h5-preview-dialog[open]),body:has(.h5-preview-dialog[open]){overflow:hidden;overscroll-behavior:none}
@media(max-width:600px){.studio-site .h5-preview-dialog>.h5-preview-media{height:min(48dvh,420px);min-height:140px}}

body.studio-site #app .content-category-row{display:grid;grid-template-columns:minmax(0,1fr) 156px;align-items:start;gap:16px;min-width:0}
body.studio-site #app .content-category-row.is-flat{grid-template-columns:minmax(0,1fr)}
body.studio-site #app .content-discovery-tools.is-focused{grid-template-columns:minmax(0,1fr) 154px 138px}
body.studio-site #app .content-discovery-tools.is-focused.has-product{grid-template-columns:minmax(0,1fr) 188px 154px 138px}
body.studio-site #app .content-discovery-tools.is-focused .content-advanced-filters{position:relative;align-self:end;box-sizing:border-box;width:100%;min-width:0;min-height:44px;margin:0}
body.studio-site #app .content-discovery-tools.is-focused .content-advanced-filters summary{box-sizing:border-box;min-height:42px;border:0}
body.studio-site #app .content-discovery-tools.is-focused .content-advanced-filters>div{position:absolute;z-index:8;top:calc(100% + 6px);right:0;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);width:240px;max-width:calc(100vw - 32px);padding:12px;border:1px solid #d0d9df;border-radius:6px;background:#fff;box-shadow:0 6px 18px #172e3b12}
body.studio-site #app .content-category-picker{display:grid;gap:5px;min-width:0;margin:0;color:#667782;font-size:12px}
body.studio-site #app .content-category-picker select{box-sizing:border-box;width:100%;min-width:0;height:40px;min-height:40px;margin:0;padding:6px 26px 6px 10px;border:1px solid #d0d9df;border-radius:5px;background-color:#fff;color:#253d4d;font-size:14px}
body.studio-site #app .content-category-tabs button span,body.studio-site #app .content-scene-tabs button span{min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}
body.studio-site #app .content-discovery-tools{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,.45fr) minmax(140px,.45fr) minmax(122px,.35fr);align-items:end;gap:12px;min-width:0}
body.studio-site #app .content-discovery-tools .h5-search{box-sizing:border-box;align-self:end;width:100%;min-width:0;max-width:none;min-height:44px}
body.studio-site #app .content-facet,body.studio-site #app .content-sort{display:grid;gap:6px;min-width:0;margin:0;color:#667782;font-size:12px}
body.studio-site #app :is(.content-facet,.content-sort) select{box-sizing:border-box;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:8px 26px 8px 10px;border:1px solid #d0d9df;border-radius:5px;background-color:#fff;color:#253d4d;font-size:14px}
body.studio-site #app .content-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;color:#667782;font-size:12px}
body.studio-site #app .content-active-filters>button{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:32px;margin:0;padding:5px 8px;border:1px solid #d3dedf;border-radius:4px;background:#fff;color:#35515a;font-size:12px;line-height:1.5;overflow-wrap:anywhere;box-shadow:none}
body.studio-site #app .content-active-filters .h5-icon{flex:none;width:14px;height:14px}
body.studio-site #app .content-active-filters .content-filter-reset{border-color:transparent;background:transparent;color:#536d77}
body.studio-site #app .content-empty{grid-column:1/-1;display:grid;justify-items:center;align-content:start;gap:12px;min-width:0;min-height:220px;margin:0;padding:44px 12px;text-align:center;color:#6b7d88}
body.studio-site #app .content-empty>.h5-icon{width:26px;height:26px;color:#81929b}
body.studio-site #app .content-empty h2{margin:0;font-size:20px;line-height:1.5;overflow-wrap:anywhere}
body.studio-site #app .content-empty p{max-width:640px;margin:0;color:#667782;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
body.studio-site #app .content-empty>div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;min-width:0}
body.studio-site #app .content-empty button{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;max-width:100%;min-height:40px;margin:0;padding:8px 12px;border:1px solid #cbd8dc;border-radius:5px;background:#fff;color:#35515a;font-size:13px;line-height:1.5;overflow-wrap:anywhere;box-shadow:none}
body.studio-site #app .content-empty button .h5-icon{width:15px;height:15px;flex:none}
body.studio-site #app .content-empty button span{color:#6a7e87;font-size:12px}
@media(min-width:821px) and (max-width:1000px){
  body.studio-site #app .content-discovery-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.studio-site #app .content-discovery-tools .h5-search{grid-column:1/-1}
}
@media(max-width:820px){
  body.studio-site #app .content-category-row{grid-template-columns:minmax(0,1fr);gap:10px}
  body.studio-site #app .content-category-picker{grid-template-columns:auto 176px;align-items:center;justify-self:start;gap:8px}
  body.studio-site #app .content-discovery-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.studio-site #app .content-discovery-tools .h5-search{grid-column:1/-1}
  body.studio-site #app .content-sort{grid-column:1/-1;grid-template-columns:auto minmax(0,176px);align-items:center;justify-content:start}
  body.studio-site #app .content-empty{padding:32px 0}
  body.studio-site #app .content-empty h2{font-size:18px}
  body.studio-site #app .content-discovery-tools.is-focused,body.studio-site #app .content-discovery-tools.is-focused.has-product{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.studio-site #app .content-discovery-tools.is-focused .content-sort{grid-column:auto;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch}
  body.studio-site #app .content-discovery-tools.is-focused.has-product .content-advanced-filters{grid-column:2}
}

body.studio-site #app .content-discovery-filters.is-shelves{padding:12px 0;gap:10px;border-top:0}
body.studio-site #app .is-shelves .content-discovery-tools.is-focused{grid-template-columns:minmax(180px,1fr) 150px 140px 120px}
body.studio-site #app .is-shelves .content-discovery-tools.is-focused.has-product{grid-template-columns:minmax(180px,1fr) 140px 160px 130px 120px}
body.studio-site #app .content-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin:0 0 8px}
body.studio-site #app .content-shelf-heading h2{margin:0;color:#26343b;font-size:18px;font-weight:650;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}
body.studio-site #app .content-shelf-more{display:inline-flex;align-items:center;gap:4px;flex:none;min-height:36px;margin:0;padding:4px 0 4px 8px;border:0;border-radius:4px;background:transparent;color:#64747d;font-size:13px;line-height:1.5;box-shadow:none}
body.studio-site #app .content-shelf-more .h5-icon{width:16px;height:16px;flex:none}
body.studio-site #app .content-shelf-scenes{display:flex;align-items:center;gap:4px;min-width:0;margin:0 0 12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
body.studio-site #app .content-shelf-scenes button{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:36px;margin:0;padding:6px 10px;border:0;border-radius:4px;background:transparent;color:#697780;font-size:13px;line-height:1.5;white-space:nowrap;box-shadow:none}
body.studio-site #app .content-shelf-scenes button[aria-pressed=true]{background:#eaf3ef;color:#176b5e;font-weight:600}
body.studio-site #app .content-shelf-scenes button span{color:#849198;font-size:11px;font-variant-numeric:tabular-nums}
body.studio-site #app .content-shelf-scenes>small{flex:none;padding-right:8px;color:#7c898f;font-size:12px}
body.studio-site #app .studio-discovery-section>.studio-section-head{flex-wrap:wrap;gap:8px 20px;margin-bottom:8px}
body.studio-site #app .studio-discovery-section>.studio-section-head h2{font-size:18px}
body.studio-site #app .studio-discovery-section>.studio-section-head .studio-collection-tabs{width:auto;min-width:0;margin-right:auto;gap:16px}
body.studio-site #app .content-shelf-empty{margin:0;padding:10px 0 16px;color:#859098;font-size:13px;line-height:1.5}
body.studio-site #app .studio-category-shelves,.studio-site #app .studio-inspiration-grid.is-shelves{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}
body.studio-site #app .studio-category-shelf{min-width:0;padding-top:16px;border-top:1px solid #dfe5e8;border-radius:0;background:transparent;box-shadow:none}
body.studio-site #app .studio-category-rail,body.studio-site #app .studio-inspiration-row{display:grid;grid-auto-flow:column;grid-auto-columns:200px;align-items:start;gap:14px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:10px;scrollbar-width:thin}
body.studio-site #app .studio-inspiration-row .studio-work-card{scroll-snap-align:start}
body.studio-site #app .studio-category-rail.is-grid,body.studio-site #app .studio-inspiration-row.is-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));overflow:visible}
body.studio-site #app .content-shelf-heading button:focus-visible,body.studio-site #app .content-shelf-scenes button:focus-visible,body.studio-site #app .studio-inspiration-row:focus-visible{outline:2px solid #368d7b;outline-offset:3px}
@media(max-width:1100px){
  body.studio-site #app .is-shelves .content-discovery-tools.is-focused,body.studio-site #app .is-shelves .content-discovery-tools.is-focused.has-product{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.studio-site #app .is-shelves .content-discovery-tools .h5-search{grid-column:1/-1}
}
@media(max-width:820px){
  body.studio-site #app .content-shelf-heading h2{font-size:17px}
  body.studio-site #app .studio-discover .studio-quick-tools{display:none}
  body.studio-site #app .studio-category-rail,body.studio-site #app .studio-inspiration-row{grid-auto-columns:minmax(136px,44%);gap:12px}
  body.studio-site #app .studio-category-rail.is-grid,body.studio-site #app .studio-inspiration-row.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto}
  body.studio-site #app .is-shelves .content-discovery-tools.is-focused{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}
  body.studio-site #app .is-shelves .content-discovery-tools.is-focused.has-product{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.studio-site #app .is-shelves .content-discovery-tools .content-sort{grid-column:auto;display:grid;grid-template-columns:minmax(0,1fr)}
  body.studio-site #app .is-shelves .content-discovery-tools.is-focused.has-product .content-advanced-filters{grid-column:auto}
  body.studio-site #app .is-shelves .content-advanced-filters{width:44px;min-width:0;justify-self:end}
  body.studio-site #app .is-shelves .content-advanced-filters summary{justify-content:center;gap:0;padding:0}
  body.studio-site #app .is-shelves .content-advanced-filters summary>span{display:none}
  body.studio-site #app .is-shelves .content-advanced-filters summary .h5-icon{width:18px;height:18px;transform:none}
  body.studio-site #app .content-shelf-scenes button{min-height:40px}
}