/* ID: WBT-0180 / v35 / 2026-10-27 */
*{box-sizing:border-box}body.device-showcase{margin:0;background:#e9ece4;color:#233426;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Hiragino Kaku Gothic ProN',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #37723d;outline-offset:4px}.showcase-skip{position:fixed;top:-100px;left:15px;z-index:10;background:white;padding:10px}.showcase-skip:focus{top:10px}.showcase-bar{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;min-height:104px;padding:20px 32px;border-bottom:1px solid #ccd3c6;background:#f9faf6}.showcase-back{text-decoration:none;font-size:12px;font-weight:700;justify-self:start;padding:10px 0}.showcase-title{text-align:center}.showcase-title>span{display:block;font-size:9px;letter-spacing:.18em;color:#657260}.showcase-title h1{margin:7px 0 0;font-size:19px;letter-spacing:.03em}.showcase-modes{justify-self:end;display:flex;gap:3px;padding:5px;border:1px solid #cbd5c5;border-radius:50px;background:#eef2e7}.showcase-modes button{padding:10px 16px;border:0;border-radius:30px;font-size:12px;color:#304c31;background:transparent;min-height:40px;font-weight:700}.showcase-modes [aria-pressed=true]{background:#284e32;color:#fff}.showcase-canvas.studio-editor-canvas{height:calc(100svh - 166px);min-height:480px;padding:26px 38px;background-color:#e5eadf}.showcase-footer{display:flex;justify-content:center;gap:20px 30px;align-items:center;flex-wrap:wrap;padding:18px 25px;min-height:62px;font-size:11px;background:#f9faf6;border-top:1px solid #ccd3c6}.showcase-footer p{margin:0;color:#657260;line-height:1.7}.showcase-footer a{font-weight:700;text-underline-offset:4px}.showcase-canvas .studio-device-body{box-shadow:0 18px 36px #293b292e}
@media(max-width:700px){.showcase-bar{grid-template-columns:1fr auto;gap:15px;padding:15px 19px}.showcase-title{text-align:right}.showcase-title h1{font-size:16px}.showcase-back{font-size:11px}.showcase-modes{grid-column:1/-1;justify-self:center}.showcase-canvas.studio-editor-canvas{height:calc(100svh - 245px);min-height:430px;padding:20px 16px}.showcase-footer{gap:12px 24px;font-size:10px}.showcase-footer p{width:100%;text-align:center}}
/* ID: WBT-0183 / v36 / 2026-10-27 — warm product presentation with deliberate perspective. */
body.device-showcase{background:#e7dbc8;color:#39291f}
.showcase-bar{min-height:82px;padding:16px 32px;background:#f7f4ed;border-color:#cfc2ad}
.showcase-title>span{color:#766653;letter-spacing:.22em}
.showcase-title h1{font-size:21px;letter-spacing:-.025em;font-weight:850}
.showcase-back{font-size:11px;letter-spacing:.03em}
.showcase-modes{padding:3px;border:0;border-radius:0;background:transparent;gap:3px}
.showcase-modes button{padding:9px 15px;min-height:40px;border-radius:0;background:transparent;color:#6c5945;border-bottom:1px solid #cfc2ad}
.showcase-modes [aria-pressed=true]{background:#39291f;color:#fff;border-color:#39291f}
.showcase-canvas.studio-editor-canvas{height:calc(100svh - 144px);min-height:500px;padding:22px 35px;background:#e7dbc8;background-image:radial-gradient(ellipse at 76% 17%,#fbf7ed 0,transparent 52%),linear-gradient(145deg,#eee5d5 0,#e7dbc8 48%,#d8c6aa 100%);background-size:auto}
.showcase-canvas .studio-preview__screen{overflow:hidden}
.showcase-canvas .studio-device-body{box-shadow:-7px 2px 0 #737469,-10px 3px 0 #383f35,0 38px 60px -17px #39291f68,inset 0 0 0 1px #b2b4a3}
.showcase-canvas .studio-preview-device--mobile .studio-device-body{box-shadow:5px 2px 0 #7e8273,8px 4px 0 #3b4437,18px 36px 50px -16px #39291f80,inset 0 0 0 1px #afb49f}
.showcase-footer{background:#f7f4ed;border-color:#cfc2ad;color:#39291f;justify-content:space-between;padding:17px 32px}
.showcase-footer p{color:#78664f}.showcase-footer a{font-size:11px;text-decoration:none;padding-bottom:4px;border-bottom:1px solid #8a745c}
@media(max-width:700px){.showcase-bar{min-height:0;padding:15px 19px;gap:13px}.showcase-title h1{font-size:16px}.showcase-modes{gap:4px}.showcase-modes button{font-size:11px;padding-inline:16px}.showcase-canvas.studio-editor-canvas{height:calc(100svh - 245px);min-height:430px;padding:14px 8px}.showcase-footer{padding:17px 19px;justify-content:center;gap:12px 24px}}