.theme-demo{color:#edeef4;background:#101117;flex-direction:column;height:100dvh;min-height:320px;font-family:Arial,sans-serif;display:flex}.theme-demo-toolbar{background:#191a22;border-bottom:1px solid #30313b;flex-wrap:wrap;flex:none;align-items:center;gap:16px;padding:12px 20px;display:flex}.theme-demo-toolbar a{color:inherit;text-decoration:none}.theme-demo-brand{letter-spacing:-.5px;font-size:17px;font-weight:700}.theme-demo-toolbar label{color:#bcbfcd;align-items:center;gap:8px;font-size:12px;display:flex}.theme-demo-toolbar select{font:inherit;color:#f0f1f6;background:#252732;border:1px solid #414450;border-radius:6px;min-height:36px;padding:8px 28px 8px 10px;font-size:13px}.theme-demo-note{color:#bcbfcd;font-size:12px}.theme-demo-controls{align-items:center;gap:14px;margin-left:auto;display:flex}.theme-demo-controls>a{border:1px solid #414450;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.theme-demo-devices{border:1px solid #414450;border-radius:6px;display:flex;overflow:hidden}.theme-demo-devices button{color:#bcbfcd;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:flex}.theme-demo-devices button[aria-pressed=true]{color:#fff;background:#41415c}.theme-demo-toolbar :focus-visible{outline-offset:3px;outline:3px solid #bba5f2}.theme-demo-toast button:focus-visible{outline-offset:3px;outline:3px solid #bba5f2}.theme-demo-viewport{flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex;overflow:hidden}.theme-demo-viewport iframe{background:#101117;border:0;flex:none;display:block}.theme-demo-toast{color:#fff;z-index:10000;background:#20222f;border:1px solid #505366;border-radius:8px;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:12px 16px;font:13px/1.4 Arial,sans-serif;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0006}.theme-demo-toast button{color:inherit;cursor:pointer;background:0 0;border:0;flex:none;font-size:22px}@media (max-width:720px){.theme-demo-toolbar{gap:10px;padding:10px 12px}.theme-demo-brand{font-size:15px}.theme-demo-note{order:3;width:100%;font-size:11px}.theme-demo-controls{gap:8px}.theme-demo-toolbar label>span,.theme-demo-devices button>span{display:none}.theme-demo-toolbar select{max-width:120px;padding-right:18px;font-size:16px}.theme-demo-devices button{padding:7px 9px}}@media (max-width:360px){.theme-demo-brand{width:100%}.theme-demo-controls{margin-left:auto}.theme-demo-toolbar{gap:8px}.theme-demo-toolbar select{max-width:110px}}