.sas-viewer{padding:0;border:1px solid #c6a46f;border-radius:16px;background:#f8f4ec;color:#252d25;width:min(1180px,94vw);max-width:none;max-height:92dvh;overflow:auto;box-shadow:0 30px 100px #0006}
.sas-viewer::backdrop{background:#101811cc;backdrop-filter:blur(5px)}
html.sas-viewer-open{overflow:hidden}
.sas-viewer *{box-sizing:border-box}
.sas-viewer-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#202722;color:#e2bb7d;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;position:sticky;top:0;z-index:2}
.sas-viewer button{font-family:Arial,sans-serif;cursor:pointer;border:1px solid #c9b99e;background:#fffaf2;color:#273026;min-width:44px;min-height:44px;border-radius:6px;padding:9px 13px}
.sas-viewer button:hover{background:#ead4ad}.sas-viewer button:disabled{opacity:.4;cursor:default}
.sas-viewer-heading button{font-size:28px;line-height:1;padding:0;border-color:#8b947b;color:#fff7e6;background:transparent}
.sas-viewer-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}
.sas-viewer-visual{background:#ebe5da;padding:18px;min-width:0}
.sas-viewer-stage{height:min(60dvh,600px);min-height:280px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#e3ddd1;touch-action:none;cursor:zoom-in}
.sas-viewer-stage[data-zoomed="true"]{cursor:grab}.sas-viewer-stage[data-dragging="true"]{cursor:grabbing}
.sas-viewer-image{width:100%;height:100%;object-fit:contain;user-select:none;transform-origin:center;will-change:transform}
.sas-viewer-tools{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.sas-viewer-tools output{font:14px Arial,sans-serif;min-width:54px;text-align:center}.sas-viewer-tools button{font-size:18px}.sas-viewer-tools [data-viewer-reset]{font-size:13px}
.sas-viewer-tip{text-align:center;font:12px/1.6 Arial,sans-serif;color:#64695c;margin:12px 0 0}
.sas-viewer-info{padding:30px;display:flex;flex-direction:column;min-width:0}
.sas-viewer-code{font:700 11px Arial,sans-serif;color:#885b28;letter-spacing:.15em}
.sas-viewer-info h2{font:400 32px/1.15 Georgia,serif;margin:14px 0 18px;color:#202722}
.sas-viewer-description{font:15px/1.75 Arial,sans-serif;color:#5d6356;margin:0 0 24px}
.sas-viewer-views h3{font:700 12px Arial,sans-serif;color:#585d50;margin:0 0 12px}
.sas-viewer-thumbs{display:flex;gap:8px;flex-wrap:wrap}.sas-viewer-thumbs button{padding:3px;width:70px;height:68px;border:2px solid transparent;overflow:hidden;background:#eee6d8}.sas-viewer-thumbs button[aria-pressed="true"]{border-color:#93622d}.sas-viewer-thumbs img{width:100%;height:100%;object-fit:contain}
.sas-viewer-order{margin-top:auto;padding-top:26px}.sas-viewer-order p{font:13px/1.6 Arial,sans-serif;color:#626758;margin-bottom:14px}.sas-viewer-order a{display:block;text-align:center;border:1px solid #b18a50;border-radius:6px;text-decoration:none;padding:14px 12px;font:700 14px/1.4 Arial,sans-serif;min-height:48px}.sas-viewer-estimate{background:#202722;color:#fff5e2!important}.sas-viewer-call{margin-top:9px;color:#755024!important}.sas-viewer-order a:hover{background:#e2bb7d;color:#202722!important}
.sas-viewer-browse{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #ded4c1;padding-top:20px;margin-top:24px}.sas-viewer-browse button{font-size:12px}.sas-viewer-browse span{font:12px Arial,sans-serif;white-space:nowrap}
.sas-viewer :focus-visible{outline:3px solid #ae762f;outline-offset:3px}
@media(max-width:760px){.sas-viewer{width:96vw;max-height:94dvh;border-radius:10px}.sas-viewer-body{grid-template-columns:1fr}.sas-viewer-info{padding:23px}.sas-viewer-stage{height:45dvh;min-height:230px}.sas-viewer-info h2{font-size:28px}.sas-viewer-visual{padding:12px}.sas-viewer-order{margin-top:0}.sas-viewer-heading{padding:9px 16px}}

.sas-viewer [hidden]{display:none!important}
.sas-viewer-modes{display:flex;gap:6px;margin-bottom:12px}.sas-viewer-modes button{font-size:13px;flex:1}.sas-viewer-modes button[aria-pressed="true"]{background:#202722;color:#fff3d8;border-color:#202722}
.sas-model-stage{height:min(55dvh,550px);min-height:280px;position:relative;background:radial-gradient(ellipse at 50% 40%,#fffaf0 0%,#e1d6c2 100%);border:1px solid #d7c5a8;border-radius:10px;overflow:hidden}
.sas-model-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.sas-model-stage canvas[data-dragging="true"]{cursor:grabbing}
.sas-model-badge{position:absolute;top:14px;left:14px;background:#fffaf0e6;border:1px solid #d4c19d;padding:6px 10px;border-radius:20px;font:10px Arial,sans-serif;letter-spacing:.06em;color:#765a31;pointer-events:none}
.sas-model-status{position:absolute;bottom:18px;left:0;right:0;text-align:center;font:13px Arial,sans-serif;color:#67583c;pointer-events:none}
.sas-model-tools{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:14px}.sas-model-tools button{font-size:14px;padding:8px 10px}.sas-model-tools button[aria-pressed="true"]{background:#e2bb7d}
.sas-model-hint,.sas-model-note,.sas-model-error{font:12px/1.6 Arial,sans-serif;color:#5b6251;margin:12px 0 0;text-align:center}.sas-model-note{background:#f4eddf;padding:12px;border-radius:6px;color:#6f5b3c;text-align:left}
@media(max-width:760px){.sas-model-stage{height:43dvh;min-height:240px}.sas-model-tools{gap:5px}}


.sas-viewer-stage:has(.sas-viewer-image[src*="cutout"]){background:radial-gradient(ellipse at 50% 42%,#44484a 0%,#24272a 55%,#141719 100%)}
.sas-viewer-stage:has(.sas-viewer-image[src*="cutout"]) .sas-viewer-image{filter:drop-shadow(0 18px 15px rgba(0,0,0,.35));padding:24px}
