.strana-viewport-overlap-select-overlay{position:absolute;inset:0;z-index:4;display:none;pointer-events:none}.strana-viewport-overlap-select-popup{position:absolute;box-sizing:border-box;width:150px;max-width:calc(100% - 16px);max-height:min(360px,calc(100% - 16px));overflow:auto;border:1px solid rgba(0,0,0,.38);border-radius:0;background:#fffffff0;box-shadow:0 5px 14px #0003;color:#000;font:12px/1.3 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;pointer-events:auto}.strana-viewport-overlap-select-popup.is-black{border-color:#ffffff61;background:#000000db;box-shadow:0 5px 14px #0000006b;color:#fff}.strana-viewport-overlap-select-title{padding:6px 7px;border-bottom:1px solid rgba(0,0,0,.18);font-weight:400}.strana-viewport-overlap-select-popup.is-black .strana-viewport-overlap-select-title{border-bottom-color:#fff3}.strana-viewport-overlap-select-list{min-width:0}.strana-viewport-overlap-select-defaults{display:grid;grid-template-columns:1fr;border-top:1px solid rgba(0,0,0,.18)}.strana-viewport-overlap-select-popup.is-black .strana-viewport-overlap-select-defaults{border-top-color:#fff3}.strana-viewport-overlap-select-button{display:flex;align-items:center;gap:0;width:100%;min-height:22px;padding:2px 6px;overflow:hidden;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:default}.strana-viewport-overlap-select-button:hover{background:#00000014}.strana-viewport-overlap-select-button.is-selected{background:#00000024}.strana-viewport-overlap-select-button.is-selected:hover{background:#0003}.strana-viewport-overlap-select-popup.is-black .strana-viewport-overlap-select-button:hover{background:#ffffff29}.strana-viewport-overlap-select-popup.is-black .strana-viewport-overlap-select-button.is-selected{background:#fff3}.strana-viewport-overlap-select-popup.is-black .strana-viewport-overlap-select-button.is-selected:hover{background:#ffffff47}.strana-viewport-overlap-select-default-button{background:#fff}.strana-viewport-overlap-select-popup.is-black .strana-viewport-overlap-select-default-button{background:#000}.strana-viewport-overlap-select-default-button:hover{background:#00000014}.strana-viewport-overlap-select-popup.is-black .strana-viewport-overlap-select-default-button:hover{background:#ffffff29}.strana-viewport-overlap-select-swatch{width:10px;height:10px;flex:0 0 10px;margin-right:5px;border:1px solid rgba(0,0,0,.2);border-radius:0}.strana-viewport-overlap-select-popup.is-black .strana-viewport-overlap-select-swatch{border-color:#ffffff4d}.strana-web-message-box{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:clamp(var(--strana-space-m, 16px),4vw,var(--strana-space-xl, 32px));background:color-mix(in srgb,var(--strana-brush-canvas, #0f172a) 64%,transparent)}.strana-web-message-box__dialog{width:min(420px,100%);max-height:min(80vh,560px);overflow:auto;border:1px solid var(--strana-brush-border, rgba(71, 85, 105, .22));border-top:4px solid var(--strana-brush-accent, #2563eb);border-radius:var(--strana-radius-m, 8px);background:var(--strana-brush-card, #ffffff);box-shadow:0 24px 60px color-mix(in srgb,var(--strana-color-shadow, rgba(15, 23, 42, .28)) 48%,transparent);color:var(--strana-brush-text-primary, #0f172a)}.strana-web-message-box__dialog--warning{border-top-color:var(--strana-brush-danger, #b45309)}.strana-web-message-box__title{margin:0;padding:var(--strana-space-l, 20px) var(--strana-space-l, 22px) 0;line-height:1.35}.strana-web-message-box__message{margin:0;padding:var(--strana-space-s, 12px) var(--strana-space-l, 22px) var(--strana-space-m, 18px);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;color:var(--strana-brush-text-secondary, #334155)}.strana-web-message-box__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--strana-space-xs, 8px);padding:var(--strana-space-s, 14px) var(--strana-space-m, 18px) var(--strana-space-m, 18px);border-top:1px solid var(--strana-brush-border, rgba(148, 163, 184, .28));background:var(--strana-brush-panel, #f8fafc)}.strana-web-message-box__button{min-width:84px;min-height:36px;border-radius:var(--strana-radius-s, 6px);font-weight:var(--strana-font-weight-semi-bold, 600)}.strana-web-message-box__button:focus-visible{outline:2px solid var(--strana-brush-input-border-focused, var(--strana-brush-accent, #0f766e));outline-offset:2px}.strana-web-message-box__button--primary{background:var(--strana-brush-button-primary-bg, #2563eb);border-color:var(--strana-brush-button-primary-bg, #2563eb);color:var(--strana-brush-button-primary-fg, #ffffff)}.strana-web-message-box__button--primary:hover{background:var(--strana-brush-button-primary-bg-hover, #1d4ed8);border-color:var(--strana-brush-button-primary-bg-hover, #1d4ed8)}.strana-web-message-box__button--secondary{background:var(--strana-brush-button-bg, #ffffff);border-color:var(--strana-brush-button-border, rgba(100, 116, 139, .36));color:var(--strana-brush-button-fg, #1e293b)}.strana-web-message-box__button--secondary:hover{background:var(--strana-brush-button-bg-hover, #eef2f7);border-color:var(--strana-brush-button-border-hover, rgba(100, 116, 139, .5))}.sample-root[data-theme=Dark]{--window-background: #1f1f1f;--titlebar-background: #1f1f1f;--tool-window-background: #1f1f1f;--surface-background: #1f1f1f;--surface-raised: #2e2e2e;--surface-hover: #3d3d3d;--surface-pressed: #333333;--image-canvas-background: #252526;--titlebar-hover: #3d3d3d;--titlebar-pressed: #383838;--input-background: #383838;--border: #3d3d3d;--border-strong: #707070;--accent: #7160e8;--accent-hover: #7160e8;--scroll-thumb: #4d4d4d;--scroll-thumb-hover: #999999;--close-hover: #e81123;--close-pressed: #b50d1b;--close-text: #ffffff;--titlebar-text: #fafafa;--titlebar-hover-text: #fafafa;--titlebar-pressed-text: #fafafa;--pressed-text: #fafafa;--text-primary: #fafafa;--text-secondary: #d6d6d6;--text-muted: #b2b2b2;--text-disabled: #5c5c5c;--code-background: #1e1e1e;--code-plain: #d4d4d4;--code-keyword: #569cd6;--code-control-keyword: #c586c0;--code-type: #4ec9b0;--code-function: #dcdcaa;--code-string: #ce9178;--code-comment: #6a9955;--code-number: #b5cea8;--code-identifier: #9cdcfe;--code-markup-tag: #569cd6;--code-attribute: #9cdcfe;--code-css-selector: #d7ba7d;--code-css-property: #9cdcfe}.sample-root[data-theme=Light]{--window-background: #eeeef2;--titlebar-background: #eeeef2;--tool-window-background: #f5f5f5;--surface-background: #f5f5f5;--surface-raised: #f6f6f6;--surface-hover: #c9def5;--surface-pressed: #006cbe;--image-canvas-background: #e7e7ec;--titlebar-hover: #ffffffd8;--titlebar-pressed: #006cbe;--input-background: #ffffff;--border: #cccedb;--border-strong: #2d2d2d;--accent: #006cbe;--accent-hover: #007acc;--scroll-thumb: #c2c3c9;--scroll-thumb-hover: #686868;--close-hover: #e81123;--close-pressed: #b50d1b;--close-text: #ffffff;--titlebar-text: #525252;--titlebar-hover-text: #1e1e1e;--titlebar-pressed-text: #ffffff;--pressed-text: #ffffff;--text-primary: #1e1e1e;--text-secondary: #444444;--text-muted: #717171;--text-disabled: #a2a4a5;--code-background: #ffffff;--code-plain: #000000;--code-keyword: #0000ff;--code-control-keyword: #af00db;--code-type: #2b91af;--code-function: #795e26;--code-string: #a31515;--code-comment: #008000;--code-number: #098658;--code-identifier: #001080;--code-markup-tag: #800000;--code-attribute: #ff0000;--code-css-selector: #800000;--code-css-property: #ff0000}.sample-root[data-theme=Blue]{--window-background: #f7f9fe;--titlebar-background: #5d6b99;--tool-window-background: #f7f9fe;--surface-background: #f7f9fe;--surface-raised: #e9eeff;--surface-hover: #b1c5ff;--surface-pressed: #c4d5ff;--image-canvas-background: #e9eeff;--titlebar-hover: #f8f9ff;--titlebar-pressed: #ffffff;--input-background: #fcfcfc;--border: #8591a2;--border-strong: #203d77;--accent: #0078d7;--accent-hover: #203d77;--scroll-thumb: #c2c3c9;--scroll-thumb-hover: #686868;--close-hover: #e81123;--close-pressed: #b50d1b;--close-text: #ffffff;--titlebar-text: #ffffff;--titlebar-hover-text: #1e1e1e;--titlebar-pressed-text: #1e1e1e;--pressed-text: #000000;--text-primary: #1e1e1e;--text-secondary: #1b293e;--text-muted: #40568d;--text-disabled: #a2a4a5;--code-background: #ffffff;--code-plain: #000000;--code-keyword: #0000ff;--code-control-keyword: #af00db;--code-type: #2b91af;--code-function: #795e26;--code-string: #a31515;--code-comment: #008000;--code-number: #098658;--code-identifier: #001080;--code-markup-tag: #800000;--code-attribute: #ff0000;--code-css-selector: #800000;--code-css-property: #ff0000}.sample-root[data-theme=Cyberpunk]{--window-background: #000b1e;--titlebar-background: #000b1e;--tool-window-background: #000b1e;--surface-background: #000b1e;--surface-raised: #04071f84;--surface-hover: #9f005a;--surface-pressed: #b6005b;--image-canvas-background: #06162d;--titlebar-hover: #55555572;--titlebar-pressed: #ee0077;--input-background: #000b1e;--border: #c7005049;--border-strong: #103156;--accent: #3399ff;--accent-hover: #ee0077;--scroll-thumb: #a40052a4;--scroll-thumb-hover: #be005fcc;--close-hover: #e81123;--close-pressed: #b50d1b;--close-text: #ffffff;--titlebar-text: #f1f1f1;--titlebar-hover-text: #ffffff;--titlebar-pressed-text: #ffffff;--pressed-text: #f1f1f1;--text-primary: #f1f1f1;--text-secondary: #d0d0d0;--text-muted: #999999;--text-disabled: #656565;--code-background: #000b1e;--code-plain: #ffffff;--code-keyword: #b151ff;--code-control-keyword: #b151ff;--code-type: #fb007e;--code-function: #ffffff;--code-string: #0ef3ff;--code-comment: #0071db;--code-number: #ffd400;--code-identifier: #fb007e;--code-markup-tag: #b151ff;--code-attribute: #fb007e;--code-css-selector: #ffd400;--code-css-property: #fb007e}html,body,#app{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0}body{overflow:hidden}button,input{font:inherit}.sample-root{--left-panel-width: 320px;--right-panel-width: max(200px, 22vw);--command-height: 160px;--description-height: 18%;position:absolute;inset:0;box-sizing:border-box;min-width:760px;min-height:450px;overflow:auto;color:var(--text-primary);background:var(--window-background);font:12px Segoe UI,sans-serif}.sample-shell{position:relative;display:grid;grid-template-rows:36px minmax(414px,1fr);width:100%;height:100%;min-width:760px;min-height:450px;overflow:hidden;border:0;border-radius:0;background:var(--window-background)}.sample-titlebar{display:grid;grid-template-columns:auto auto 1fr;align-items:center;height:35px;border-bottom:1px solid var(--border);color:var(--titlebar-text);background:var(--titlebar-background);-webkit-user-select:none;user-select:none}.sample-title{margin:0 14px 0 12px;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.sample-menu-bar{display:flex;align-items:center;height:28px}.sample-menu{position:relative;height:100%}.sample-menu-trigger,.sample-menu-item,.sample-submenu-trigger{border:0;color:inherit;background:transparent;text-align:left}.sample-menu-trigger{height:100%;padding:0 9px}.sample-menu-trigger:hover,.sample-menu-trigger[aria-expanded=true]{color:var(--titlebar-hover-text);background:var(--titlebar-hover)}.sample-menu-popup{position:absolute;z-index:20;top:100%;left:0;min-width:180px;padding:4px;border:1px solid var(--border-strong);color:var(--text-primary);background:var(--surface-raised);box-shadow:2px 4px 10px #00000045}.sample-menu-popup[hidden]{display:none}.sample-menu-item,.sample-submenu-trigger{display:block;box-sizing:border-box;width:100%;min-height:28px;padding:5px 26px 5px 28px;color:var(--text-primary);white-space:nowrap}.sample-menu-item:hover,.sample-menu-item:focus,.sample-submenu-trigger:hover,.sample-submenu-trigger:focus{outline:none;color:var(--pressed-text);background:var(--surface-pressed)}.sample-menu-item[role=menuitemradio][aria-checked=true]:before{position:absolute;margin-left:-19px;content:"●";color:var(--accent)}.sample-menu-separator{height:1px;margin:4px 6px;background:var(--border)}.sample-submenu{position:relative}.sample-submenu>.sample-menu-popup{top:-5px;left:calc(100% - 2px)}.sample-submenu-trigger:after{position:absolute;right:10px;content:"›"}.sample-layout{display:grid;grid-template-columns:minmax(280px,var(--left-panel-width)) 6px minmax(250px,1fr) 6px minmax(200px,var(--right-panel-width));min-width:742px;min-height:0;background:var(--window-background)}.sample-navigation{display:grid;grid-template-columns:154px minmax(0,1fr);min-width:0;overflow:hidden;border-right:1px solid var(--border);background:var(--tool-window-background)}.sample-category-tabs{overflow:hidden auto;border-right:1px solid var(--border);background:var(--surface-raised);scrollbar-width:thin}.sample-category-tab{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;width:154px;min-height:28px;padding:4px 8px 4px 11px;border:0;border-bottom:1px solid var(--border);color:var(--text-secondary);background:var(--surface-raised);text-align:left}.sample-category-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.sample-category-tab[aria-selected=true]{color:var(--text-primary);background:var(--tool-window-background);box-shadow:inset 3px 0 var(--accent)}.sample-button-list{min-width:0;overflow-y:auto;padding:0}.sample-navigation-button{display:block;box-sizing:border-box;width:100%;min-height:28px;padding:5px 8px;border:0;border-bottom:1px solid var(--border);color:var(--text-primary);background:transparent;text-align:left;white-space:normal}.sample-navigation-button:hover{background:var(--surface-hover)}.sample-navigation-button[aria-current=true]{color:var(--pressed-text);background:var(--surface-pressed);box-shadow:inset 3px 0 var(--accent)}.sample-navigation-button:disabled{color:var(--text-disabled)}.sample-splitter{z-index:4;background:var(--border);touch-action:none}.sample-splitter:hover,.sample-splitter:focus{outline:0;background:var(--accent-hover)}.sample-column-splitter{cursor:col-resize}.sample-row-splitter{position:relative;background:transparent;cursor:row-resize}.sample-row-splitter:after{position:absolute;top:50%;right:8px;left:8px;height:1px;background:var(--border);content:"";transform:translateY(-50%)}.sample-row-splitter:hover,.sample-row-splitter:focus{background:transparent}.sample-row-splitter:hover:after,.sample-row-splitter:focus:after{height:2px;background:var(--accent-hover)}.sample-center{display:grid;grid-template-rows:minmax(0,1fr) var(--command-height);min-width:0;min-height:0;overflow:hidden}.sample-viewport-frame{position:relative;min-height:0;overflow:hidden;background:#789}.sample-viewport{width:100%;height:100%}.sample-viewport>canvas{display:block}.sample-image-overlay{position:absolute;z-index:3;inset:0;background:var(--image-canvas-background)}.sample-image-overlay[hidden]{display:none}.sample-image-scroller{display:grid;place-items:center;width:100%;height:100%;overflow:auto}.sample-image-scroller img{max-width:none}.sample-command{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;border-top:1px solid var(--border);background:var(--surface-background)}.sample-command-history{box-sizing:border-box;min-width:0;min-height:0;margin:0;padding:6px 8px;overflow:auto;color:var(--text-secondary);background:transparent;font:12px Consolas,monospace;white-space:pre-wrap}.sample-command-footer{display:grid;grid-template-columns:auto auto auto auto auto minmax(0,1fr);min-height:27px;padding:0;border-top:1px solid var(--accent);background:var(--input-background)}.sample-command-help{align-self:center;padding:3px 3px 3px 7px;color:var(--text-secondary)}.sample-command-options{display:flex;align-items:center}.sample-command-option-boundary{align-self:center;color:var(--text-primary)}.sample-command-option-boundary[hidden]{display:none}.sample-command-options button{padding:0 4px;border:0;color:var(--text-primary);background:transparent}.sample-command-options button:hover{background:var(--surface-hover)}.sample-command-options button:active{color:var(--pressed-text);background:var(--surface-pressed)}.sample-command-separator{align-self:center;padding:3px 4px 3px 2px;color:var(--accent-hover);font-weight:600}.sample-command-input{box-sizing:border-box;width:100%;min-width:0;min-height:26px;padding:0 6px;border:0;outline:none;color:var(--text-primary);background:transparent;font-family:Consolas,monospace}.sample-command-input:focus{outline:none}.sample-details{display:grid;grid-template-rows:auto auto auto minmax(80px,var(--description-height)) 6px auto minmax(160px,1fr);min-width:0;min-height:0;overflow:hidden;background:var(--tool-window-background)}.sample-section-heading{margin:8px 8px 3px;color:var(--text-primary);font-size:12px;font-weight:600}.sample-details-title{display:-webkit-box;max-height:36px;margin:0 8px 8px;overflow:hidden;color:var(--text-primary);line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sample-details>.sample-section-heading:nth-of-type(2){border-top:1px solid var(--border);padding-top:7px}.sample-description{margin:0 4px 4px 8px;overflow:auto;color:var(--text-secondary);line-height:18px;white-space:pre-wrap}.sample-code-frame{box-sizing:border-box;min-width:0;min-height:0;margin:0 4px 4px 8px;padding:5px;overflow:auto;border:1px solid var(--border);color:var(--code-plain);background:var(--code-background);font:12px Consolas,monospace;white-space:pre;tab-size:4;-webkit-user-select:text;user-select:text}.code-keyword{color:var(--code-keyword)}.code-control-keyword{color:var(--code-control-keyword)}.code-type{color:var(--code-type)}.code-function{color:var(--code-function)}.code-string{color:var(--code-string)}.code-comment{color:var(--code-comment)}.code-number{color:var(--code-number)}.code-identifier{color:var(--code-identifier)}.code-directive{color:var(--code-control-keyword)}.code-markup-tag{color:var(--code-markup-tag)}.code-attribute{color:var(--code-attribute)}.code-css-selector{color:var(--code-css-selector)}.code-css-property{color:var(--code-css-property)}.sample-error{position:absolute;z-index:40;right:12px;bottom:12px;max-width:min(680px,calc(100% - 24px));max-height:180px;padding:10px 34px 10px 12px;overflow:auto;border:1px solid var(--close-hover);color:var(--text-primary);background:var(--surface-raised);box-shadow:0 5px 16px #0005;white-space:pre-wrap}.sample-error[hidden]{display:none}*{scrollbar-color:var(--scroll-thumb) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}