.mobile-demo{color:#eddfc7;background:radial-gradient(at 25% 35%,#67303c24,#0000 55%),radial-gradient(at 80% 75%,#a98a4c15,#0000 50%),#0a1d18;flex-direction:column;height:100svh;min-height:520px;display:flex;overflow:hidden}.mobile-demo-header{background:linear-gradient(110deg,#481d29aa,#18332999);border-bottom:1px solid #d9bc7d29;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;display:flex}.mobile-demo-brand{letter-spacing:3px;font:18px Georgia,serif}.mobile-demo-brand span{letter-spacing:2px;color:#c7ac7b;margin-top:7px;font:8px Georgia,serif;display:block}.mobile-demo-back{color:#e5c78d;white-space:nowrap;border:1px solid #dbbd813d;border-radius:30px;padding:9px 14px;font-size:12px}.mobile-demo-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px 22px;padding:14px 20px 8px;display:flex}.mobile-demo-tabs{background:#e4c78a05;border:1px solid #d2b67d3b;border-radius:10px;gap:5px;padding:4px;display:flex}.mobile-demo-tabs button,.mobile-demo-fit{color:#b8c0ac;background:0 0;border:1px solid #0000;border-radius:7px;min-height:40px;padding:9px 14px;font-size:12px}.mobile-demo-tabs button[aria-pressed=true]{color:#f3debb;background:#a1394b33;border-color:#d1ac6e66}.mobile-demo-toolbar>label{color:#bbc5ad;align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.mobile-demo-toolbar select{color:#f0d5a0;background:#17342d;border:1px solid #d2b67d44;border-radius:7px;min-height:40px;padding:9px 10px;font:12px Noto Sans Thai,sans-serif}.mobile-demo-fit{color:#d6c49d;border-color:#d2b67d33;min-width:142px}.mobile-demo-caption{color:#a8b6a3;text-align:center;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:15px;padding:4px 20px 2px;font-size:11px;line-height:1.8;display:flex}.mobile-demo-caption small{color:#baaa86;white-space:nowrap;font:10px Georgia,serif}.mobile-demo-stage{scrollbar-color:#8c774d #0d231c;flex:1;justify-content:center;align-items:center;min-height:0;padding:18px 20px;display:flex;overflow:auto}.mobile-demo-fullsize{align-items:flex-start}.mobile-demo-device-space{flex-shrink:0;position:relative}.mobile-demo-device{box-sizing:content-box;transform-origin:0 0;background:#0c211b;border:8px solid #101512;border-radius:34px;outline:1px solid #b7ab8030;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 20px 65px #0008,0 0 0 3px #040a0755}.mobile-demo-device iframe{background:#0c211b;border:0;width:100%;height:100%;display:block}.mobile-demo-loading{color:#e4c78b;z-index:1;pointer-events:none;background:#10271f;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}@media (max-width:650px){.mobile-demo-header{padding:14px 16px}.mobile-demo-brand{font-size:15px}.mobile-demo-brand span{font-size:6px}.mobile-demo-back{padding:9px 10px;font-size:10px}.mobile-demo-toolbar{gap:8px 12px;padding:10px 12px 5px}.mobile-demo-tabs button,.mobile-demo-fit{padding:8px 11px;font-size:11px}.mobile-demo-toolbar>label,.mobile-demo-toolbar select{font-size:11px}.mobile-demo-fit{min-width:120px}.mobile-demo-caption{gap:4px 12px;font-size:10px}.mobile-demo-stage{padding:16px 20px}}