html.trial-open{overflow:hidden;scrollbar-gutter:stable}
.trial-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:inherit}
.trial-dialog::backdrop{background:transparent}
.trial-dialog[open]{display:block}
.trial-dialog .browser{width:100%;height:100%;margin:0;border-radius:0;border:0;box-shadow:none;transform-origin:top left;display:flex;flex-direction:column}
.trial-dialog .browser-tabs-bar,.trial-dialog .browser-toolbar{flex-shrink:0}
.trial-dialog .browser-viewport{height:auto;flex:1;min-height:0}
.trial-frame{position:absolute;inset:0;display:none;width:100%;height:100%;border:0;background:var(--chrome-surface)}
.is-trial .trial-frame{display:block;z-index:10;opacity:0;pointer-events:none}
.is-trial .trial-frame.is-ready{opacity:1;pointer-events:auto}
.is-trial #notes-layer,.is-trial #context-menu,.is-trial .demo-pointer-layer{visibility:hidden!important;pointer-events:none}
.trial-actions{display:none;align-items:center;gap:6px;margin-left:2px;color:var(--chrome-ink);flex-shrink:0}
.is-trial .trial-actions{display:flex}
.trial-actions button{height:34px;min-width:34px;border:0;background:transparent;padding:0 9px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;font:500 12px/1 var(--site-font);white-space:nowrap}
.trial-actions .trial-add{padding:8px}
.trial-actions .trial-exit{width:44px;height:44px;min-width:44px;padding:0;border-radius:99px;background:#241c49a6;color:#fffaf7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color 120ms ease}
.trial-actions .trial-exit svg{width:15px;height:15px;stroke-width:1.4}
.trial-actions .trial-exit:focus-visible{outline-color:#ffd8c7}
.trial-actions button:disabled{opacity:.4}
.trial-actions button:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:1px}
.trial-actions svg{width:17px;height:17px}
.is-trial .toolbar-actions{display:none}
@media(hover:hover) and (pointer:fine){.trial-actions button:hover{background:var(--chrome-control)}.trial-actions .trial-exit:hover{background:#241c49cc}}
@media(max-width:700px),(pointer:coarse){.trial-actions{gap:2px}.trial-actions button{height:44px;min-width:44px;padding:0 8px;font-size:11px}.is-trial .browser-toolbar{height:50px;gap:6px;padding-inline:7px}.is-trial .browser-arrows{display:none}.is-trial .address-bar{min-width:0}.is-trial .address-star{display:none}}
@media(prefers-reduced-motion:reduce){.trial-dialog .browser{transform:none!important}}