*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:#1e1e1e;color:#f8f6ef;font:16px/1.45 Arial,Helvetica,sans-serif}a{color:inherit}.qw-header{background:#183e34;border-bottom:3px solid #d9bd79;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px}.qw-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:bold 24px Georgia,serif}.qw-brand img{width:48px;height:48px;object-fit:cover;clip-path:circle(48%);border-radius:50%}.qw-header nav{display:flex;gap:20px;font-size:15px}.qw-header nav a{text-decoration:none}.qw-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1800px;margin:auto}.sidebar{padding:18px;background:#262a28;border-right:1px solid #4c5750;min-width:0}.sidebar summary{font-weight:bold;color:#f8f6ef;cursor:pointer;padding:10px;border:1px solid #8a987f;border-radius:4px;background:#183e34}.sidebar summary span{display:block;font-weight:normal;font-size:13px;color:#d9bd79;margin-top:4px}.thumb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.thumb-block{cursor:pointer;border:1px solid #566259;border-radius:4px;padding:6px;background:#1e1e1e;text-align:center}.thumb-block:hover,.thumb-block.is-selected{border-color:#d9bd79;background:#183e34}.thumb{width:100%;height:78px;object-fit:contain;background:#000;display:block}.thumb-label{font-size:12px;line-height:1.3;margin-top:6px;overflow-wrap:anywhere}.main{min-width:0;padding:22px}.qw-title h1{font:32px/1.2 Georgia,serif;margin:0 0 8px}.qw-title p{color:#c5cec6;margin:0 0 20px;max-width:900px}.viewer-start-panel{max-width:640px;margin:26px auto 18px;padding:24px;background:#292d2a;border:1px solid #8a987f;border-radius:5px;text-align:center}.viewer-start-panel h2{font:26px Georgia,serif;margin:0 0 14px}.viewer-start-panel p{margin:10px 0}.viewer-start-note{font-size:14px;color:#bfc8c0;border-top:1px solid #526055;padding-top:14px}.viewer-start-icon{display:none}.viewer-start-divider{color:#d9bd79;font-weight:bold}.is-hidden{display:none!important}.viewer-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.column{min-width:0}.section-title{text-align:center;font-weight:bold;font-size:18px;margin:0 0 10px;color:#d9bd79}#backColumn .section-title{color:#80cccf}.viewer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid #d9bd79;border-radius:5px;padding:12px;background:#000}#backColumn .viewer-grid{border-color:#80cccf}.image-block{min-width:0;padding:8px;background:#000;border:1px solid #333;border-radius:3px;text-align:center}.image-block img{display:block;width:100%;height:clamp(120px,18vw,300px);object-fit:contain}.label{font-weight:bold;font-size:14px;margin-top:10px}.label-reversed{color:#eed36c}.label-inverted{color:#a7d5a4}.label-invrev{color:#e6b4ca}.inverted{transform:scaleY(-1)}.reversed{transform:scaleX(-1)}.inverted-reversed{transform:scale(-1,-1)}.upload-wrapper{text-align:center;margin:18px 0}.upload-label{display:inline-flex;align-items:center;justify-content:center;background:#f8f6ef;color:#183e34;border:1px solid #d9bd79;border-radius:4px;font-weight:bold;padding:12px 20px;cursor:pointer}.upload-help{font-size:13px;color:#bfc8c0;margin-top:8px}:focus-visible{outline:3px solid #d9bd79;outline-offset:3px}
@media(max-width:1100px){.qw-workspace{grid-template-columns:220px minmax(0,1fr)}.main{padding:18px}.viewer-columns{gap:12px}.viewer-grid{padding:8px;gap:8px}.section-title{font-size:16px}}
@media(max-width:900px){.qw-workspace{display:flex;flex-direction:column}.sidebar{padding:12px 18px;border-right:0;border-bottom:1px solid #4c5750}.thumb-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:260px;overflow:auto;padding:3px}.sidebar summary span{display:inline;margin-left:12px}.main{padding:18px}.qw-title h1{font-size:28px}.image-block img{height:clamp(120px,23vw,240px)}}
@media(max-width:599px){.qw-header{padding:10px 12px}.qw-brand{font-size:21px}.qw-brand img{display:none}.qw-header nav{gap:12px;font-size:13px}.sidebar{padding:12px}.thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.thumb{height:62px}.thumb-label{font-size:11px}.main{padding:16px 12px}.qw-title h1{font-size:27px}.qw-title p{font-size:14px}.viewer-columns{grid-template-columns:minmax(0,1fr);gap:20px}.image-block img{height:160px}.viewer-start-panel{padding:18px;margin-top:18px}.viewer-start-panel h2{font-size:24px}.label{font-size:13px}.sidebar summary span{display:block;margin-left:0}}
@media(orientation:landscape) and (max-height:500px) and (max-width:1000px){.qw-header{padding:8px 16px}.qw-brand img{display:none}.sidebar{padding:8px 16px}.main{padding:14px 16px}.qw-title h1{font-size:25px}.qw-title p{font-size:14px;margin-bottom:14px}.image-block img{height:140px}.viewer-start-panel{margin-top:14px;padding:16px}.thumb-grid{max-height:160px}.label{font-size:12px}}

/* Compact tablet landscape while retaining the portrait and monitor sizing. */
@media (orientation:landscape) and (min-width:901px) and (max-width:1366px) and (pointer:coarse){
 .qw-header{padding:8px 18px}.qw-brand img{width:38px;height:38px}.main{padding:14px 16px}.qw-title h1{font-size:27px;margin-bottom:6px}.qw-title p{font-size:14px;margin-bottom:12px}.section-title{font-size:15px;margin-bottom:7px}.viewer-columns{gap:12px;margin-bottom:10px}.viewer-grid{padding:7px;gap:7px}.image-block{padding:5px}.image-block img{height:clamp(70px,calc((100dvh - 310px)/2),180px)}.label{font-size:12px;margin-top:6px}.upload-wrapper{margin:10px 0}.upload-label{padding:9px 16px;font-size:14px}.upload-help{font-size:12px;margin-top:5px}
}