@font-face{font-family:"Field Sans";src:url("assets/field-sans.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#121810;--deep:#182019;--lime:#cfed73;--paper:#f4f3ec;--olive:#52743c;--muted:#5e645a;--hair:#c9ccbe;--header:76px;--gutter:clamp(24px,6vw,100px);--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Field Sans",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
body,button,a{font-family:"Field Sans",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button:disabled{cursor:default}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #76a5f5;outline-offset:4px}
img{display:block;max-width:100%}
figure,p,h1,h2,h3,dl,dd{margin:0}
em{font-style:normal}
.wrap{width:min(100% - 2 * var(--gutter),1360px);margin-inline:auto}
.symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon,.r-icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;flex:none}
.skip-link{position:fixed;z-index:100;left:1rem;top:-80px;background:var(--lime);color:var(--ink);padding:12px 20px}
.skip-link:focus{top:8px}
.header{position:sticky;z-index:20;top:0;background:#11170f;color:#f7f8ee;border-bottom:1px solid #ffffff1c}
.nav-wrap{height:var(--header);display:flex;align-items:center;gap:clamp(22px,3.7vw,66px)}
.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}
.brand img{width:40px;height:40px}
.brand-type{display:flex;flex-direction:column;gap:4px}
.brand-type b{font-weight:820;letter-spacing:-1.35px;font-size:25px;line-height:1}
.brand-type small{font-family:Arial,sans-serif;color:#c9d1bf;font-weight:700;font-size:8px;letter-spacing:1.25px;line-height:1}
.nav{margin-left:auto;display:flex;align-items:center;gap:clamp(25px,3.2vw,50px)}
.nav>a{color:#e0e5d9;font-size:15px;font-weight:560;padding:16px 0;position:relative}
.nav>a:hover,.nav>a[aria-current="location"]{color:var(--lime)}
.nav a::after{content:"";position:absolute;bottom:7px;left:0;right:0;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.nav a:hover::after,.nav a[aria-current="location"]::after{transform:scaleX(1)}
.nav-actions{display:flex;gap:12px;align-items:center}
.nav-shop{display:inline-flex;align-items:center;gap:9px;border:1px solid #b7ce7d;color:var(--lime);padding:11px 17px;border-radius:4px;font-size:14px;font-weight:690;transition:background .18s,color .18s}
.nav-shop .icon{width:17px;height:17px}
.nav-shop:hover{color:var(--ink);background:var(--lime)}
.menu-toggle{display:none;background:none;border:0;padding:10px}
.hero{position:relative;isolation:isolate;color:white;background:#202a19}
.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero-photo{object-fit:cover;object-position:center 43%}
.hero-shade{background:linear-gradient(90deg,rgba(9,18,12,.94) 0%,rgba(10,19,13,.78) 31%,rgba(10,19,13,.23) 63%,rgba(10,19,13,.03) 100%),linear-gradient(0deg,rgba(8,16,9,.55),transparent 28%)}
.hero-inner{min-height:clamp(575px,76svh,790px);position:relative;display:flex;align-items:center;padding:76px 0 94px}
.hero-copy{max-width:78%;position:relative}
.hero-kicker,.section-label,.scroll-cue,.field-caption,.gallery-head>span:first-child,.gallery-count,.diagram-label,.store-label,.ribbon small,.shot figcaption span{font-family:var(--mono);font-weight:600}
.hero-kicker{display:flex;align-items:center;gap:12px;color:var(--lime);font-size:12px;letter-spacing:1.75px;line-height:1.3;margin-bottom:27px}
.kicker-rule{width:34px;height:2px;background:var(--lime)}
.kicker-sep{color:#c8d6a3;opacity:.7}
h1,h2{letter-spacing:-.063em;line-height:1.15}
h1{font-size:clamp(53px,5.65vw,92px);font-weight:810;letter-spacing:-.062em;line-height:1.13}
h1 em{color:var(--lime)}
.hero-desc{font-size:clamp(16px,1.35vw,21px);font-weight:450;color:#eeefe8;line-height:1.68;letter-spacing:-.025em;margin-top:25px}
.hero-desc strong{font-weight:700;color:#fff}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:33px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:53px;font-size:16px;font-weight:700;padding:0 23px;border-radius:4px;transition:background .18s,color .18s,border-color .18s}
.btn .icon{width:17px;height:17px}
.btn-lime{background:var(--lime);color:#16220d;border:1px solid var(--lime)}
.btn-lime:hover{background:#e3ff90;border-color:#e3ff90}
.btn-glass{background:#11190d54;border:1px solid #dae1d080;color:#fff}
.btn-glass:hover{background:#eff5e7;color:#15200f;border-color:#eff5e7}
.hero-foot{position:absolute;bottom:25px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#e9eddf;gap:15px}
.scroll-cue,.field-caption{display:inline-flex;align-items:center;gap:11px;font-size:10px;letter-spacing:1.65px}
.scroll-cue{padding:9px 0}
.scroll-line{height:1px;width:36px;background:#f0f4dc;position:relative}
.field-caption{letter-spacing:1.4px;color:#f0f2e3}
.field-caption i{width:20px;height:1px;background:currentColor}
.cross{font:17px/1 var(--mono);color:var(--lime)}
.ribbon{background:var(--lime);border-top:1px solid #c4e265}
.ribbon-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0}
.ribbon-grid>div{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 15px}
.ribbon-grid>div+div{border-left:1px solid #9cb452}
.ribbon-grid span{display:grid;gap:4px}
.ribbon small{font-size:10px;letter-spacing:1.45px;line-height:1.1;color:#405821}
.ribbon b{font-size:clamp(17px,1.48vw,23px);font-weight:750;letter-spacing:-.045em}
.r-icon{width:35px;height:35px;stroke-width:1.55;color:#293c19}
.section-pad{padding:clamp(75px,7.8vw,125px) 0}
.section-label{display:flex;align-items:center;gap:12px;color:var(--olive);font-size:12px;letter-spacing:1.45px;margin-bottom:clamp(24px,2.7vw,42px)}
.section-num{font-size:11px;letter-spacing:.5px}
.label-rule{width:30px;height:1px;background:currentColor}
h2{font-size:clamp(37px,3.7vw,60px);font-weight:785}
.product-grid,.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7.3vw,112px);align-items:center}
.product-copy h2 em{color:var(--olive)}
.body-copy,.note p,.stores-heading p,.store-info{letter-spacing:-.025em}
.body-copy{font-size:clamp(16px,1.4vw,20px);color:var(--muted);line-height:1.72;margin-top:24px;max-width:35em}
.specs{margin-top:31px;border-top:1px solid #9da694}
.specs>div{display:grid;grid-template-columns:94px auto;padding:13px 0;border-bottom:1px solid var(--hair);font-size:15px;line-height:1.4}
.specs dt{color:var(--muted)}.specs dd{font-weight:620}
.gallery{background:#263022;border:1px solid #263022;color:var(--paper);min-width:0}
.gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px}
.gallery-head>span:first-child{font-size:10px;letter-spacing:1.3px;display:flex;gap:9px;align-items:center;color:var(--lime)}
.gallery-head i{width:6px;height:6px;background:var(--lime);border-radius:50%}
.gallery-head>span:last-child{font-size:12px;color:#e3e8db}
.shot{position:relative}
.shot img{width:100%;height:clamp(245px,24vw,365px);object-fit:cover;object-position:50% 55%}
.kit-shot img{object-fit:contain;object-position:center;background:#fff}
.shot figcaption{padding:11px 18px;line-height:1.4;background:#1b261a;display:flex;gap:10px;align-items:baseline;color:white;font-size:14px;font-weight:540}
.shot figcaption span{color:var(--lime);letter-spacing:.8px;font-size:10px}
.gallery-controls:not([hidden]){display:flex;align-items:center;justify-content:space-between;padding:6px 12px 6px 18px}
.gallery-count{font-size:11px;letter-spacing:1.25px;color:#b6c1ab}
.gallery-count b{color:var(--lime)}
.gallery-controls>div{display:flex;gap:4px}
.gallery-controls button{background:transparent;border:1px solid #67735f;width:39px;height:34px;display:grid;place-items:center;color:#fff;border-radius:2px}
.gallery-controls button:hover{color:var(--ink);background:var(--lime)}
.gallery-controls .icon{width:15px;height:15px}
.prev{transform:rotate(180deg)}
.principle{background:#192019;color:#f1f4e8}
.principle .section-label,.principle h2 em{color:var(--lime)}
.principle-grid{align-items:stretch;grid-template-columns: .82fr 1.18fr;gap:clamp(40px,6.4vw,105px)}
.principle-copy h2{margin-bottom:27px}
.note{display:flex;gap:17px;padding:15px 0;border-top:1px solid #4e5749}
.note>span{color:var(--lime);font:12px/1.8 var(--mono)}
.note h3{font-weight:690;font-size:19px;letter-spacing:-.04em;margin-bottom:6px}
.note p{font-size:16px;color:#c4cbbd;line-height:1.65}
.diagram{align-self:center;position:relative;isolation:isolate;background:radial-gradient(ellipse at 45% 50%,#293429,#1b231c 75%);border:1px solid #465341;padding:17px;min-width:0}
.diagram::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background-image:linear-gradient(#53614c66 1px,transparent 1px),linear-gradient(90deg,#53614c66 1px,transparent 1px);background-size:36px 36px}
.diagram-label{display:flex;justify-content:space-between;gap:15px;color:#bcc8ad;font-size:10px;letter-spacing:1.25px}
.diagram-label span:first-child{color:var(--lime)}
.diagram img{width:100%;height:auto}
.diagram figcaption{display:flex;align-items:center;gap:8px;font-size:12px;color:#c8d0bf}
.installation h2 em{color:var(--olive)}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,48px);list-style:none;margin:34px 0 0;padding:0}
.step-number{display:inline-block;color:#405821;font:650 11px/1.2 var(--mono);letter-spacing:1.2px}
.steps h3{margin:19px 0 7px;font-size:clamp(21px,2vw,30px);font-weight:730;letter-spacing:-.045em}
.steps p{max-width:34em;font-size:clamp(16px,1.25vw,19px);line-height:1.65;letter-spacing:-.02em;color:var(--muted)}
.stores{background:#e9eddd}
.stores-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:35px}
.stores-heading h2 span{color:#60813c}
.stores-heading p{font-size:17px;color:#555f4c;margin-bottom:3px}
.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.store-card{padding:clamp(22px,2.5vw,38px);display:block;border:1px solid #b9c2aa;background:#f8f8f0;transition:background .2s,border-color .2s}
.store-card:hover{background:#fcffed;border-color:#658144}
.store-card:hover .store-top .icon{transform:translate(2px,-2px)}
.store-top{display:flex;align-items:center;justify-content:space-between}
.store-label{font-size:11px;letter-spacing:1.4px;color:var(--olive)}
.store-top .icon{width:24px;height:24px;transition:transform .2s;color:var(--olive)}
.store-card h3{font-size:clamp(26px,2.65vw,44px);letter-spacing:-.055em;font-weight:750;margin:26px 0 14px}
.store-link{display:flex;align-items:center;gap:9px;font-weight:560;font-size:15px;color:#47543c}
.store-info{color:#58634f;font-size:14px;line-height:1.6;margin-top:20px}
.bulk-contact{margin-top:26px;padding-top:20px;border-top:1px solid #b6c2a8;display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:640}
.bulk-contact a{display:inline-flex;gap:9px;align-items:center;padding:8px 0;font-size:18px;font-variant-numeric:tabular-nums}
.bulk-contact a:hover{text-decoration:underline}
.bulk-contact .icon{width:16px;color:var(--olive)}
.footer{background:#10160f;color:#edf0e6}
.footer-inner{display:flex;align-items:center;gap:30px;min-height:110px;padding-block:24px}
.footer .brand img{width:33px;height:33px}
.footer .brand-type b{font-size:21px}
.footer .brand-type small{font-size:6.5px}
.footer p{color:#b5bfac;font-size:13px}
.footer p span{padding:0 4px}
.back-top{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:13px;padding:10px 0}
.back-top .icon{width:15px;transform:rotate(180deg);color:var(--lime)}
@media(min-width:1700px){.hero-inner{min-height:800px}}
@media(max-width:900px){:root{--gutter:clamp(26px,5vw,52px);--header:66px}.hero-inner{min-height:clamp(555px,72svh,680px)}.hero-copy{max-width:90%}.product-grid,.principle-grid{gap:32px}.specs>div{grid-template-columns:70px auto}.body-copy{margin-top:16px}.specs{margin-top:20px}.stores-heading{align-items:flex-start;flex-direction:column;gap:14px}.nav{gap:24px}}
@media(max-width:680px){
  :root{--header:62px;--gutter:22px}
  .nav-wrap{gap:0}.brand img{width:32px;height:32px}.brand{gap:6px}.brand-type{gap:3px}.brand-type b{font-size:21px}.brand-type small{font-size:6.7px;letter-spacing:.95px}
  .nav-actions{margin-left:auto;gap:5px}.nav-shop{padding:8px 10px;font-size:12px;gap:6px}.nav-shop .icon{width:15px;height:15px}
  .menu-toggle{display:grid;place-items:center;color:white;width:42px;height:44px;margin-right:-9px}
  .nav{display:none;position:absolute;inset:100% 0 auto;margin:0;background:#141c12;border-top:1px solid #3c4636;border-bottom:1px solid #56644c;padding:9px var(--gutter) 14px;box-shadow:0 8px 20px #080d0840}
  .nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{padding:15px 0}.nav a+a{border-top:1px solid #34422e}.nav a::after{display:none}
  .hero-inner{align-items:flex-end;min-height:clamp(510px,74svh,690px);padding:145px 0 72px}
  .hero-copy{max-width:100%;width:100%}
  .hero-photo{object-position:56% 40%}
  .hero-shade{background:linear-gradient(0deg,#081209eb 0%,#0c180fd1 36%,#101c1036 73%,#121a120a),linear-gradient(90deg,#0910094d,transparent 85%)}
  .hero-kicker{font-size:10px;letter-spacing:1.35px;gap:9px;margin-bottom:19px}.kicker-rule{width:24px}
  h1{font-size:clamp(35px,9.35vw,57px);letter-spacing:-.066em;line-height:1.16}
  .hero-desc{font-size:clamp(15px,3.65vw,17px);line-height:1.6;margin-top:17px;max-width:420px}
  .hero-actions{margin-top:25px;gap:8px}.btn{min-height:47px;padding:0 17px;gap:15px;font-size:14px}
  .hero-foot{bottom:17px}.scroll-cue,.field-caption{font-size:8px;letter-spacing:1.1px;gap:7px}.scroll-line{width:20px}.field-caption i{width:12px}
  .ribbon-grid{width:100%;padding:17px 8px}.ribbon-grid>div{gap:6px;padding:0 3px}.ribbon-grid span{gap:4px}.ribbon small{font-size:7px;letter-spacing:.55px}.ribbon b{font-size:clamp(12px,3.15vw,16px);letter-spacing:-.065em}.r-icon{width:22px;height:22px}
  .section-pad{padding:58px 0}.section-label{font-size:10px;gap:9px;margin-bottom:21px}.label-rule{width:23px}
  .product-grid,.principle-grid{grid-template-columns:1fr;gap:25px}
  h2{font-size:clamp(32px,7.6vw,45px)}
  .body-copy{font-size:16px;line-height:1.7;margin-top:17px}
  .specs{margin-top:22px}.specs>div{font-size:14px;padding:10px 0;grid-template-columns:80px auto}
  .shot img{height:clamp(220px,69vw,350px)}.gallery-head{padding:11px 14px}.gallery-controls button{height:40px;width:43px}
  .principle-copy h2{margin-bottom:23px}.note{gap:13px;padding:14px 0}.note h3{font-size:17px}.note p{font-size:15px}
  .diagram{padding:13px}.stores-heading{margin-bottom:22px;gap:10px}.stores-heading p{font-size:15px}
  .steps{grid-template-columns:1fr;margin-top:23px;gap:29px}.step-photo img{aspect-ratio:1.65}.steps h3{margin-top:13px}.bulk-contact{flex-wrap:wrap;gap:1px 16px;font-size:14px}.bulk-contact a{font-size:16px}
  .store-grid{grid-template-columns:1fr;gap:10px}.store-card{padding:18px 20px}.store-card h3{font-size:27px;margin:14px 0 8px}.store-info{font-size:13px}
  .footer-inner{display:grid;grid-template-columns:1fr auto;gap:15px;padding-block:25px}.footer p{grid-column:1/-1;grid-row:2;font-size:12px}.back-top{grid-column:2;grid-row:1}
}
@media(max-width:355px){:root{--gutter:16px}.r-icon{width:18px;height:18px}.hero-kicker{letter-spacing:.95px}.btn{gap:10px;padding:0 14px}.hero-inner{padding-top:105px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.crop-guide{background:#e6ebdb;border-block:1px solid var(--hair);padding:clamp(48px,5.5vw,85px) 0}
.source-spread{display:grid;grid-template-columns:1.05fr 1fr;grid-template-areas:"main copy" "main second";gap:22px clamp(28px,4.3vw,68px);align-items:start}
.source-main{grid-area:main;align-self:center}
.source-copy{grid-area:copy}
.source-second{grid-area:second}
.source-label{display:flex;align-items:center;gap:9px;color:#4a6339;font-size:13px;font-weight:690;margin-bottom:15px;letter-spacing:-.015em}
.source-label i{width:24px;height:2px;background:currentColor}
.source-copy h2{font-size:clamp(31px,3vw,49px)}
.source-copy h2 em{color:var(--olive)}
.source-copy h3{font-size:clamp(27px,2.5vw,40px);line-height:1.18;letter-spacing:-.055em}
.source-copy>p:not(.source-label){margin-top:13px;font-size:clamp(16px,1.22vw,19px);line-height:1.7;color:#4c5a45;letter-spacing:-.02em}
.store-sheet{min-width:0;display:block;border:1px solid #adb8a3;background:#fff;color:var(--ink);cursor:zoom-in}
.store-sheet:hover,.store-sheet:focus-visible{border-color:#5a753c}
.store-sheet>img{display:block;width:100%;height:auto}
.sheet-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:9px 13px;background:#f4f6ee;border-top:1px solid #d4d9c9;line-height:1.35}
.sheet-caption strong{font-size:14px;font-weight:650;letter-spacing:-.025em}
.sheet-caption>span{display:inline-flex;align-items:center;gap:5px;flex:none;color:#4a6037;font-size:12px;font-weight:650}
.sheet-caption .icon{width:15px;height:15px}
.benefit-spread{border-top:1px solid #495646;padding-top:clamp(35px,4.5vw,69px);margin-top:clamp(40px,4.8vw,75px);grid-template-columns:.85fr 1.15fr;align-items:end}
.benefit-spread .source-label{color:var(--lime)}
.benefit-spread .source-copy>p:not(.source-label){color:#c8d1bf}
.benefit-spread .source-main{width:100%;max-width:460px;justify-self:center}
.benefit-spread .source-second{align-self:start}
.install-spread{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(215px,.65fr);gap:clamp(25px,4.7vw,70px);margin-top:30px;align-items:start}
.manual-card{padding:clamp(14px,1.6vw,23px);background:#e7ebdf}
.manual-sheet{max-width:290px;margin-inline:auto}
.manual-card .source-label{font-size:12px}
.install-story .steps{margin-top:22px;gap:18px}
.install-story .steps li{border-top:1px solid var(--hair);padding-top:12px}
.install-story .steps h3{font-size:clamp(18px,1.55vw,24px);margin-top:7px}
.install-story .steps p{font-size:16px}
.buy-spread{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(30px,6vw,90px);border-top:1px solid #b6c2a8;margin-top:34px;padding-top:32px}
.buy-spread .source-copy{grid-area:auto}
.set-sheet{max-width:410px;width:100%;justify-self:end}
.quantity-guide{border-top:1px solid #b6c2a8;margin:22px 0}
.quantity-guide>div{display:grid;grid-template-columns:60px 1fr;gap:9px;padding:11px 0;border-bottom:1px solid #c9d1bc;align-items:baseline}
.quantity-guide dt{color:#415a31;font-weight:750;font-size:19px}
.quantity-guide dd{font-size:16px;line-height:1.5}
@media(max-width:680px){
  .source-spread,.benefit-spread{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "main" "second";gap:18px}
  .source-copy h2 br{display:none}
  .source-label{margin-bottom:11px;font-size:12px}
  .source-copy>p:not(.source-label){margin-top:10px}
  .sheet-caption{padding:10px;gap:8px}
  .sheet-caption strong{font-size:13px}
  .install-spread,.buy-spread{grid-template-columns:minmax(0,1fr);gap:22px}
  .manual-card{padding:16px}
  .manual-sheet{max-width:250px}
  .set-sheet{max-width:100%;justify-self:center}
  .quantity-guide>div{grid-template-columns:48px 1fr}
}

.sheet-viewer {
  width: min(960px, calc(100% - 32px));
  height: min(90vh, 900px);
  height: min(90dvh, 900px);
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 0;
  border: 1px solid #56624d;
  background: #e6e9df;
  color: #f5f7ec;
  box-shadow: 0 18px 90px #0007;
  overflow: hidden;
}
.sheet-viewer[open] {display:grid;grid-template-rows:auto minmax(0,1fr)}
.sheet-viewer::backdrop {background:rgb(8 14 9 / 83%)}
html.sheet-viewer-lock,html.sheet-viewer-lock body {overflow:hidden}
.sheet-viewer-head {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;background:#192019}
.sheet-viewer-head h2 {font-size:18px;line-height:1.3;letter-spacing:-.035em}
.sheet-viewer-actions {display:flex;flex:none;align-items:center;gap:6px}
.sheet-viewer-head button {display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 12px;border:1px solid #7d8a71;border-radius:3px;background:transparent;color:#f5f7ec;font-size:14px;line-height:1.2}
.sheet-viewer-head button:hover,.sheet-viewer-head button:focus-visible {background:#35412f}
.sheet-viewer-head .sheet-viewer-size {color:#cfed73}
.sheet-viewer-pane {display:flex;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
.sheet-viewer-pane img {display:block;flex:none;align-self:flex-start;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto}
.sheet-viewer.is-original .sheet-viewer-pane img {max-width:none;max-height:none}
@media (max-width:600px) {
  .sheet-viewer {width:calc(100% - 16px);height:calc(100vh - 24px);height:calc(100dvh - 24px)}
  .sheet-viewer-head {padding:6px 8px;gap:7px}
  .sheet-viewer-head h2 {font-size:15px}
  .sheet-viewer-head button {padding:0 7px;font-size:13px}
}