@import "https://cdn.jsdelivr.net/npm/@fontsource/adwaita-sans@5.3.0/index.min.css";@import "https://cdn.jsdelivr.net/npm/@fontsource/adwaita-mono@5.3.0/index.min.css";@font-face{font-family:Adwaita Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/protota/assets/adwaita-sans-400-CowLxMoJ.ttf)format("truetype")}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}#root{background-color:var(--window-bg-color,#fafafb);color:var(--window-fg-color,#000006cc);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Adwaita Sans;font-size:var(--font-size-base,11pt);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}@media (prefers-color-scheme:dark){#root{--lightningcss-light: ;--lightningcss-dark:initial}}:root.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.theme-dark #root,:root.theme-light #root{color-scheme:inherit}.adw-button{box-sizing:border-box;border-radius:var(--button-radius,9px);background-color:var(--button-bg-color,#00000614);min-width:34px;min-height:34px;color:var(--window-fg-color,#000006cc);font-family:var(--font-family,inherit);font-size:var(--font-size-base,11pt);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:6px;margin:0;padding:4px 14px;font-weight:700;line-height:1;transition:background-color .1s;display:inline-flex}.adw-button:hover{background-color:var(--button-hover-color,#00000621)}.adw-button:active{background-color:var(--button-active-color,#00000630)}.adw-button:focus-visible{outline:2px solid var(--accent-color,#1c71d8);outline-offset:1px}.adw-button:disabled{opacity:.45;cursor:default}.adw-button.flat{background-color:#0000}.adw-button.flat:hover{background-color:var(--button-hover-color,#00000621)}.adw-button.flat:active{background-color:var(--button-active-color,#00000630)}.adw-button.suggested-action{background-color:var(--accent-bg-color,#3584e4);color:var(--accent-fg-color,#fff)}.adw-button.suggested-action:hover{background-color:var(--accent-color,#1c71d8)}.adw-button.destructive-action{background-color:var(--destructive-bg-color,#e01b24);color:var(--destructive-fg-color,#fff)}.adw-button.icon-only{width:34px;padding:0}.adw-button .adw-toolbar-icon{background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.adw-button.circular{border-radius:9999px;width:34px;padding:0}.adw-linked{display:inline-flex}.adw-linked>.adw-button{border-radius:0}.adw-linked>.adw-button:first-child{border-top-left-radius:var(--button-radius,9px);border-bottom-left-radius:var(--button-radius,9px)}.adw-linked>.adw-button:last-child{border-top-right-radius:var(--button-radius,9px);border-bottom-right-radius:var(--button-radius,9px)}.adw-linked>.adw-button+.adw-button{margin-left:2px}.adw-entry{box-sizing:border-box;border-radius:var(--button-radius,9px);border:1px solid var(--entry-border-color,#0000062e);background:var(--entry-bg-color,#fff);color:var(--window-fg-color,#000006cc);font-family:var(--font-family,inherit);font-size:var(--font-size-base,11pt);outline:none;padding:6px 10px}.adw-entry:focus{border-color:var(--accent-color,#1c71d8)}.adw-sidebar-like{background-color:var(--sidebar-bg-color,#ebebed);border-color:var(--separator-color,#0000061a)}.protota-panel-header{border-bottom:1px solid var(--separator-color,#0000061a);padding:var(--spacing-s,9px) var(--spacing-m,12px)}.protota-canvas{background-color:var(--view-bg-color,#fff)}.protota-screen-label{font-size:var(--font-size-small,9pt);color:var(--window-fg-color,#000006cc);opacity:.7;font-weight:600}.protota-screen-label--selected{color:var(--accent-bg-color,#3584e4);opacity:1}.protota-screen-frame--selected{outline:2px solid var(--accent-bg-color,#3584e4);outline-offset:6px;box-shadow:0 0 0 10px color-mix(in srgb, var(--accent-bg-color,#3584e4) 12%, transparent);border-radius:8px}.protota-screen-delete-notice{z-index:80;font-size:var(--font-size-small,9pt);background:var(--popover-bg-color,#fff);color:var(--window-fg-color,#000006cc);border:1px solid var(--separator-color,#0000061f);pointer-events:none;border-radius:999px;padding:6px 14px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000062e}.adw-node-wrapper{display:contents}.adw-node-wrapper.selected-outline{outline:2px solid var(--accent-bg-color,#3584e4);outline-offset:2px;border-radius:4px;display:block;position:relative}.adw-node-wrapper.multi-selected-outline{outline:2px dashed var(--accent-bg-color,#3584e4);outline-offset:2px;border-radius:4px;display:block;position:relative}.protota-marquee{border:1px solid var(--accent-bg-color,#3584e4);background:color-mix(in srgb, var(--accent-bg-color,#3584e4) 12%, transparent);pointer-events:none;z-index:60;position:fixed}.protota-tree-item{padding:var(--spacing-xs,6px) var(--spacing-m,12px);border-radius:var(--button-radius,9px);cursor:pointer;font-size:var(--font-size-small,9pt);color:var(--window-fg-color,#000006cc);background:0 0;justify-content:space-between;align-items:center;margin-bottom:2px;transition:background-color .1s;display:flex}.protota-tree-item:hover{background:var(--button-hover-color,#00000621)}.protota-tree-item--selected{background:var(--button-active-color,#00000630)!important;color:var(--window-fg-color,#000006cc)!important}.protota-tree-item--primary{box-shadow:inset 2px 0 0 var(--accent-bg-color,#3584e4)}.protota-type-badge{color:var(--accent-bg-color,#3584e4);background:var(--card-bg-color,#fff);border:1px solid var(--accent-bg-color,#3584e4);white-space:nowrap;border-radius:3px;padding:1px 5px;font-family:Adwaita Mono;font-size:10px;position:absolute;top:-18px;left:0}.protota-add-btn{cursor:pointer;background:var(--accent-bg-color,#3584e4);color:var(--accent-fg-color,#fff);border-radius:var(--button-radius,9px);border:none;padding:2px 7px;font-family:inherit;font-size:11px;font-weight:500}.protota-add-btn:hover{opacity:.85}.protota-add-affordance{z-index:10;position:absolute;bottom:-28px;left:0}.protota-add-affordance--centered{top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.protota-add-chip{min-width:22px;padding:3px 8px;font-size:13px;line-height:1}.protota-add-popover{background:var(--popover-bg-color,#fff);width:240px;max-height:280px;color:var(--window-fg-color,#241f31);z-index:1000;text-align:left;cursor:default;border-radius:10px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #00000647}.protota-add-affordance--centered .protota-add-popover{left:50%;transform:translate(-50%)}.protota-add-popover-search{border:none;border-bottom:1px solid var(--separator-color,#0000061f);color:inherit;background:0 0;outline:none;padding:8px 10px;font-family:inherit;font-size:12px}.protota-add-popover-common{border-bottom:1px solid var(--separator-color,#0000061f);flex-wrap:wrap;gap:4px;padding:6px 8px;display:flex}.protota-add-popover-list{flex:1;padding:4px;overflow-y:auto}.protota-add-popover-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 8px;font-size:12px;display:flex}.protota-add-popover-item.active{background:var(--button-bg-color,#00000614)}.protota-add-popover-item-label{white-space:nowrap;font-weight:600}.protota-add-popover-item-desc{opacity:.55;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.protota-add-popover-empty{text-align:center;opacity:.5;padding:10px;font-size:12px}.protota-zoom-bar .protota-screen-dropdown .adw-drop-down-button{min-width:32px;padding:var(--spacing-xs,6px) var(--spacing-s,9px)!important;justify-content:center!important}.protota-zoom-bar .protota-screen-dropdown .adw-drop-down-popover{top:auto!important;bottom:calc(100% + 6px)!important}.protota-zoom-bar .protota-screen-dropdown .adw-drop-down-item-check{display:none}.protota-zoom-bar .protota-screen-dropdown .adw-drop-down-item.selected .adw-drop-down-item-label{font-weight:700}.protota-zoom-bar .protota-screen-dropdown .adw-drop-down-arrow{display:none}.protota-zoom-bar .protota-screen-dropdown .adw-drop-down-label{text-align:center!important;flex:none!important}.protota-zoom-bar .adw-button.disabled{opacity:var(--dim-opacity,.55);cursor:default;pointer-events:none}.protota-zoom-bar{bottom:var(--spacing-m,12px);z-index:100;background:var(--headerbar-bg-color,#fff);color:var(--headerbar-fg-color,#000006cc);padding:var(--spacing-xs,6px) var(--spacing-m,12px);border-radius:var(--card-radius,12px);box-shadow:0 2px 8px var(--headerbar-shade-color,#0000061f);gap:var(--spacing-xs,6px);border:1px solid var(--separator-color,#0000061a);align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}:root[data-protota-capture=true] .protota-zoom-bar,:root[data-protota-capture=true] .protota-screen-label,:root[data-protota-capture=true] .protota-type-badge,:root[data-protota-capture=true] .protota-add-affordance,:root[data-protota-capture=true] .protota-resize-handle,:root[data-protota-capture=true] .protota-resize-size-chip,:root[data-protota-capture=true] .protota-panel{display:none!important}.protota-resize-handle{z-index:6;background:0 0;position:absolute}.protota-resize-handle:hover,.protota-resize-handle:active{background:var(--accent-bg-color,#3584e4);opacity:.55}.protota-resize-handle-right{cursor:ew-resize;width:10px;height:calc(100% - 12px);top:0;right:-5px}.protota-resize-handle-bottom{cursor:ns-resize;width:calc(100% - 12px);height:10px;bottom:-5px;left:0}.protota-resize-handle-corner{cursor:nwse-resize;border-radius:3px;width:14px;height:14px;bottom:-6px;right:-6px}.protota-resize-size-chip{z-index:7;color:#fff;background:var(--accent-bg-color,#3584e4);pointer-events:none;border-radius:6px;padding:2px 8px;font-family:Adwaita Mono,monospace;font-size:11px;position:absolute;bottom:8px;right:8px}.protota-breakpoint-chip{color:var(--accent-color,#3584e4);border:1px solid var(--accent-color,#3584e4);opacity:.9;white-space:nowrap;border-radius:99px;padding:1px 7px;font-family:Adwaita Mono,monospace;font-size:10px}:root[data-protota-capture=true] .adw-node-wrapper.selected-outline,:root[data-protota-capture=true] .adw-node-wrapper.multi-selected-outline{outline:none}:root[data-protota-capture=true] .protota-screen-frame--selected{box-shadow:none;outline:none}:root[data-protota-capture=true] .protota-screen-delete-notice{display:none!important}.protota-diag-outline-error,.protota-diag-outline-warning,.protota-diag-outline-suggestion{outline-offset:1px;border-radius:4px;outline-width:2px;outline-style:dotted;position:relative}.protota-diag-outline-error{outline-color:var(--destructive-bg-color,#e01b24)}.protota-diag-outline-warning{outline-color:#e5a50a}.protota-diag-outline-suggestion{outline-color:var(--accent-bg-color,#3584e4)}[data-protota-diag-count]:after{content:attr(data-protota-diag-count);text-align:center;color:#fff;background:var(--destructive-bg-color,#e01b24);z-index:5;pointer-events:none;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:-7px;right:-7px}:root[data-protota-capture=true] .protota-diag-outline-error,:root[data-protota-capture=true] .protota-diag-outline-warning,:root[data-protota-capture=true] .protota-diag-outline-suggestion{outline:none!important}:root[data-protota-capture=true] [data-protota-diag-count]:after{content:none}.adw-button.active,.adw-button.flat.active{background-color:var(--button-active-color,#00000630)}.protota-modal-backdrop{background:var(--dialog-scrim-color,#00000652);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.protota-modal{background:var(--popover-bg-color,#fff);color:var(--popover-fg-color,#000006cc);border-radius:var(--card-radius,12px);padding:var(--spacing-xl,24px);width:400px;box-shadow:0 12px 32px #0000063d}.protota-field-label{font-size:var(--font-size-small,9pt);color:var(--window-fg-color,#000006cc);opacity:var(--dim-opacity,.55);font-weight:600}.protota-divider{border:none;border-top:1px solid var(--separator-color,#0000061a);margin:var(--spacing-xs,6px) 0}.protota-menu-dropdown{background:var(--popover-bg-color,#fff);border:1px solid var(--separator-color,#0000061f);border-radius:var(--button-radius,9px);min-width:200px;box-shadow:0 4px 12px var(--popover-shade-color,#00000612);padding:var(--spacing-xs,6px) 0;z-index:1000;position:absolute;top:100%;left:0}.protota-menu-item{align-items:center;gap:var(--spacing-s,9px);width:100%;padding:var(--spacing-xs,6px) var(--spacing-m,12px);font-family:var(--font-family,inherit);font-size:var(--font-size-base,11pt);color:var(--window-fg-color,#000006cc);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.protota-menu-item:hover{background:var(--button-hover-color,#00000621)}.protota-menu-item:active{background:var(--button-active-color,#00000630)}.protota-menu-item-icon{width:16px;height:16px;opacity:var(--dim-opacity,.55)}.protota-menu-item-label{flex:1}.protota-menu-item-shortcut{font-size:var(--font-size-small,9pt);opacity:var(--dim-opacity,.55);font-family:Adwaita Sans}.protota-menu-divider{background:var(--separator-color,#0000061a);height:1px;margin:var(--spacing-xs,6px) 0}.protota-div-bin{display:block}.protota-runtime-picture{background:url(/protota/adwaita-folder.svg) 50%/contain no-repeat;width:100%;height:100%;min-height:96px;display:block}[data-protota-source-class$=GridCell]>.adw-node-wrapper>[data-protota-source-class]{transform:translate(-18px,-6px)}[data-protota-source-class$=GridCell] .protota-style-icon-ui-labels-box .protota-div-label{text-align:center}.protota-gtk-spin-button{border:1px solid var(--border-color,#0000062e);border-radius:var(--button-radius,9px);background:var(--view-bg-color,#fff);box-sizing:border-box;grid-template-rows:42px 45px 42px;width:60px;height:129px;display:grid;overflow:hidden}.protota-gtk-spin-button button{background:var(--headerbar-shade-color,#0000060a);color:inherit;font:inherit;border:0;border-radius:0;padding:0;font-size:20px}.protota-gtk-spin-button span{border-block:1px solid var(--border-color,#00000624);place-items:center;font-size:24px;font-weight:600;display:grid}.protota-div-custom-widget{box-sizing:border-box;min-width:48px;min-height:48px;padding:var(--spacing-m,12px);border:1px dashed var(--accent-color,#3584e4);border-radius:var(--card-radius,12px);background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-bg-color,#3584e4) 8%, transparent) 0 8px, transparent 8px 16px);color:var(--accent-color,#3584e4);font-family:var(--monospace-font-family,monospace);font-size:var(--font-size-small,11px);text-align:center;justify-content:center;align-items:center;display:flex}html adw-application-window,html adw-window{flex-direction:column;display:flex}adw-application-window>.adw-node-wrapper,adw-window>.adw-node-wrapper,.adw-toolbar-view-content>.adw-node-wrapper,.adw-osv-content>.adw-node-wrapper,.adw-osv-sidebar>.adw-node-wrapper,.protota-div-bin>.adw-node-wrapper,.protota-div-stack>.adw-node-wrapper,.protota-div-view-stack>.adw-node-wrapper,.protota-div-stack-page>.adw-node-wrapper,.protota-div-tab-view>.adw-node-wrapper,.protota-div-tab-page>.adw-node-wrapper{flex-direction:column;flex:auto;min-height:0;display:flex}adw-application-window>.adw-node-wrapper>*,adw-window>.adw-node-wrapper>*,.adw-toolbar-view-content>.adw-node-wrapper>*,.adw-osv-content>.adw-node-wrapper>*,.adw-osv-sidebar>.adw-node-wrapper>*,.protota-div-bin>.adw-node-wrapper>*,.protota-div-stack>.adw-node-wrapper>*,.protota-div-view-stack>.adw-node-wrapper>*,.protota-div-stack-page>.adw-node-wrapper>*,.protota-div-tab-view>.adw-node-wrapper>*,.protota-div-tab-page>.adw-node-wrapper>*{flex:auto;min-height:0}.protota-div-bin,.protota-div-stack,.protota-div-view-stack,.protota-div-stack-page,.protota-div-tab-view,.protota-div-tab-page,.protota-div-navigation-view{flex-direction:column;min-height:0;display:flex}.protota-div-overlay{min-width:0;min-height:0;display:grid}.protota-div-overlay>.adw-node-wrapper,.protota-div-overlay>.adw-node-wrapper>*{grid-area:1/1;min-width:0;min-height:0}.protota-div-overlay>.adw-node-wrapper[slot=overlay]>*{z-index:1}.protota-div-navigation-view>.adw-node-wrapper{flex-direction:column;flex:auto;min-height:0;display:flex}.protota-div-navigation-view>.adw-node-wrapper>*{flex:auto;min-height:0}.protota-div-custom-widget-expanded{flex-direction:column;min-width:0;min-height:0;display:flex}.protota-div-custom-widget-expanded>.adw-node-wrapper>*{flex:auto;min-height:0}.protota-div-box{flex-direction:column;gap:12px;padding:0;display:flex}.protota-div-box[orientation=horizontal]{flex-direction:row;align-items:center;width:100%}.protota-div-box[orientation=horizontal]>.adw-node-wrapper>*{min-width:0}.protota-div-box[homogeneous]>.adw-node-wrapper>*{flex:1 1 0;min-height:0}.protota-div-box[homogeneous][orientation=horizontal]>.adw-node-wrapper>*{min-width:0}html .protota-div-scrolled-window{flex-direction:column;min-width:0;min-height:0;display:flex}html .protota-div-scrolled-window>.adw-node-wrapper>*{flex:auto;min-width:0;min-height:0}.protota-div-grid{width:100%;display:grid}adw-status-page{box-sizing:border-box;flex:auto;min-height:0}html adw-status-page .adw-status-page-child{align-items:stretch;gap:var(--spacing-s,6px);flex-direction:column;display:flex}.protota-div-center-box{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:0;display:grid}.protota-div-center-box>.adw-node-wrapper[slot=start]>*{grid-column:1;justify-self:start}.protota-div-center-box>.adw-node-wrapper[slot=center]>*{grid-column:2;justify-self:center}.protota-div-center-box>.adw-node-wrapper[slot=end]>*{grid-column:3;justify-self:end}.protota-div-label{font-size:var(--font-size-base,11pt);color:var(--window-fg-color,#000006cc);white-space:pre-wrap;padding:2px 0;line-height:1.5}.protota-div-inscription{font-size:var(--font-size-base,11pt);color:var(--window-fg-color,#000006cc);text-overflow:ellipsis;white-space:nowrap;padding:2px 0;line-height:1.5;overflow:hidden}.protota-div-search-entry{background:var(--entry-bg-color,#fff);border:1px solid var(--entry-border-color,#00000626);color:var(--window-fg-color,#000006cc);border-radius:8px;align-items:center;padding:6px 12px;font-family:inherit;font-size:13px;display:flex;box-shadow:inset 0 1px 2px #0000000a}.protota-div-search-entry:before{content:"";background-color:var(--window-fg-color,#00000699);width:14px;height:14px;margin-right:8px;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zm-5.242 1.656a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zm-5.242 1.656a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.protota-div-switch-widget{background:var(--button-bg-color,#0000061f);border-radius:12px;width:44px;height:24px;display:inline-block;position:relative}.protota-div-check-button{align-items:center;gap:8px;padding:4px 6px;font-size:14px;display:inline-flex}.protota-div-check-button:before{content:"";border:1.5px solid var(--window-fg-color,#00000666);background-color:#0000;border-radius:4px;width:16px;height:16px;display:inline-block}.protota-div-check-button[active]:before{background-color:var(--accent-bg-color,#3584e4);border-color:var(--accent-bg-color,#3584e4);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E")}.protota-div-list-box{background:var(--card-bg-color,#fff);border:1px solid var(--separator-color,#0000061a);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.protota-menu-section-header{padding:var(--spacing-xs,6px) var(--spacing-m,12px) 2px;font-size:var(--font-size-small,9pt);text-transform:uppercase;letter-spacing:.04em;opacity:var(--dim-opacity,.55);font-weight:700}.protota-theme-switcher{justify-content:center;gap:10px;display:flex}.protota-theme-swatch{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:inline-flex;position:relative}.protota-theme-swatch:hover{box-shadow:0 0 0 3px var(--button-hover-color,#0000061a)}.protota-theme-swatch.selected .protota-swatch-circle,.protota-theme-swatch[aria-pressed=true] .protota-swatch-circle{box-shadow:inset 0 0 0 3px var(--accent-color,#3584e4)}.protota-swatch-circle{border-radius:50%;width:100%;height:100%}.protota-swatch-system{background:linear-gradient(135deg,#fafafb 50%,#222226 50%)}.protota-swatch-light{background:#fafafb}.protota-swatch-dark{background:#222226}.protota-theme-swatch .protota-theme-check{background-color:var(--accent-color,#3584e4);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:none;position:absolute;bottom:0;right:0}.protota-theme-swatch.selected .protota-theme-check,.protota-theme-swatch[aria-pressed=true] .protota-theme-check{display:flex}.protota-theme-check-icon{background-color:#fff;width:12px;height:12px;display:inline-block}.protota-theme-switcher-popover{padding:var(--spacing-xs,6px) var(--spacing-s,9px) var(--spacing-s,9px)}.protota-window-buttons-picker{flex-direction:column;gap:8px;display:flex}.protota-window-buttons-picker-popover{padding:var(--spacing-xs,6px) var(--spacing-s,9px) var(--spacing-s,9px)}.protota-window-buttons-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.protota-window-buttons-caption{color:var(--window-fg-color,#000006cc);opacity:.8;font-size:12px}.protota-window-buttons-segment{background-color:var(--headerbar-button-bg,#00000614);border-radius:8px;padding:2px;display:inline-flex}.protota-window-buttons-option{color:var(--window-fg-color,#000006cc);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 10px;font-size:12px}.protota-window-buttons-option:hover{background-color:var(--button-hover-color,#0000061a)}.protota-window-buttons-option.selected,.protota-window-buttons-option[aria-pressed=true]{background-color:var(--accent-bg-color,#3584e4);color:#fff}adw-menu-button[data-testid=mobile-menu-button] .adw-menu-button-popover{z-index:1000}adw-menu-button[data-testid=open-menu-button] .adw-menu-button-button,adw-menu-button[data-testid=export-menu-button] .adw-menu-button-button{font-family:var(--font-family);font-size:var(--font-size-base);gap:4px;font-weight:700}adw-menu-button.flat .adw-menu-button-button:hover{background-color:var(--button-hover-color,#00000621)}adw-menu-button.flat .adw-menu-button-button:active{background-color:var(--button-active-color,#00000633)}adw-menu-button[data-testid=open-menu-button] .adw-menu-button-popover,adw-menu-button[data-testid=export-menu-button] .adw-menu-button-popover{z-index:1000}adw-menu-button[data-testid=open-menu-button] .adw-menu-button-popover{left:0;right:auto}.adw-menu-button-item{white-space:nowrap}.adw-menu-button-item-shortcut{font-family:var(--font-family);font-size:var(--font-size-small,9pt);opacity:var(--dim-opacity,.55);margin-left:auto}.protota-header-icon-button{width:34px;height:34px;padding:0}@media (width<=768px){adw-menu-button[data-testid=mobile-menu-button] .adw-menu-button-popover{min-width:0;max-height:calc(100vh - 64px);position:fixed;top:48px;left:8px;right:8px;overflow-y:auto}.protota-mobile-scrim{z-index:40;background:var(--dialog-scrim-color,#00000652);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:0}.protota-panel{z-index:50;position:absolute;top:0;bottom:0;box-shadow:0 4px 20px #00000040;width:85vw!important;max-width:320px!important}.protota-left-panel{border-right:1px solid var(--separator-color,#00000626);left:0}.protota-right-panel{border-left:1px solid var(--separator-color,#00000626);right:0}.protota-modal{max-width:480px;padding:var(--spacing-m,16px);width:92vw!important}.protota-zoom-bar{box-sizing:border-box;flex-wrap:nowrap;gap:2px;max-width:calc(100vw - 8px);padding:2px 4px;bottom:12px;left:50%;transform:translate(-50%)}.protota-bottombar-overflow{z-index:110;min-width:220px;padding:var(--spacing-xs,6px);border-radius:var(--card-radius,12px);background:var(--popover-bg-color,#fff);color:var(--window-fg-color,#000006cc);border:1px solid var(--separator-color,#0000061f);flex-direction:column;gap:4px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 4px 16px #0000062e}.protota-bottombar-overflow [data-testid=device-size-presets]{padding:0 var(--spacing-xs,6px) var(--spacing-xs,6px)}.protota-canvas-surface{padding:16px!important}}.protota-preview-overlay{z-index:1500;flex-direction:column;display:flex;position:fixed;inset:0}.protota-preview-overlay--phone{background:#0a0a0cf5;justify-content:center;align-items:center}.protota-preview-overlay--desktop{background:#1e1e1e}.protota-preview-chrome{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;top:10px}.protota-preview-chrome--start{left:12px}.protota-preview-chrome--end{right:12px}.protota-preview-chip{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000068c;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.protota-preview-chip:hover{background:#000006bf}.protota-preview-exit{border-radius:50%;padding:6px}.protota-preview-screen-select{appearance:none;max-width:40vw}.protota-preview-screen-select option{color:#000}.protota-phosh-phone-frame{background:var(--window-bg-color,#fafafa);border:12px solid #1e1e1e;border-radius:36px;width:360px;height:720px;position:relative;overflow:auto;box-shadow:0 16px 40px #0009}.protota-preview-phone-frame{aspect-ratio:384/744;width:auto;max-width:100vw;height:min(100dvh - 16px,85vh + 200px);max-height:calc(100dvh - 16px)}@media (width<=480px){.protota-preview-phone-frame{aspect-ratio:auto;width:100vw;height:100dvh;max-height:none;box-shadow:none;border:none;border-radius:0}}.protota-phosh-phone-frame adw-window{border-radius:24px!important;width:100%!important;height:100%!important}@media (width<=480px){.protota-preview-phone-frame adw-window{border-radius:0!important}}.protota-preview-desktop-window{border-radius:12px;overflow:auto;box-shadow:0 16px 40px #00000073}.protota-preview-desktop-window adw-window{width:100%!important;height:100%!important}.protota-preview-switcher{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.protota-preview-switcher-tab{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.protota-preview-switcher-tab.active{background:var(--window-bg-color,#fff);font-weight:600;box-shadow:0 1px 3px #00000626}adw-header-bar adw-view-switcher>.adw-view-switcher-content{display:none}.protota-div-preferences-group,.protota-div-action-row{flex-direction:column;min-width:0;min-height:0;display:flex}.protota-div-preferences-group{width:100%}.protota-div-preferences-group>.adw-node-wrapper>:is(adw-entry-row,adw-password-entry-row,adw-combo-row,adw-action-row,adw-switch-row,adw-spin-row,adw-expander-row){box-sizing:border-box;border-radius:var(--card-radius,12px);background:var(--card-bg-color,#fff);width:100%;min-height:55px;box-shadow:0 1px 3px #0000062e}:is(adw-button,button).protota-style-pill{border-radius:9999px;min-height:44px;padding-inline:27px}.protota-div-preferences-group:has(>.adw-node-wrapper>.protota-div-action-row){border-radius:var(--card-radius,12px);background:var(--card-bg-color,#fff);margin-inline:-19px;overflow:hidden;box-shadow:0 1px 3px #0000062e}:is(.protota-div-preferences-group:has(>.adw-node-wrapper>.protota-div-action-row)>.adw-node-wrapper>adw-entry-row,.protota-div-preferences-group:has(>.adw-node-wrapper>.protota-div-action-row)>.adw-node-wrapper>adw-combo-row){box-sizing:border-box;min-height:55px}.protota-div-preferences-group:has(>.adw-node-wrapper>.protota-div-action-row)>.adw-node-wrapper:not(:first-child)>*{border-block-start:1px solid var(--separator-color,#0000061a)}:root[data-protota-preview=true] .protota-div-switch-widget{cursor:pointer}:root[data-protota-preview=true] .protota-div-switch-widget:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000640}:root[data-protota-preview=true] .protota-div-switch-widget[active]{background:var(--accent-bg-color,#3584e4)}:root[data-protota-preview=true] .protota-div-switch-widget[active]:after{left:22px}:root[data-protota-preview=true] .protota-zoom-bar,:root[data-protota-preview=true] .protota-panel,:root[data-protota-preview=true] .protota-screen-delete-notice{display:none!important}.protota-gnome-topbar{color:#fff;-webkit-user-select:none;user-select:none;background:#000;justify-content:space-between;align-items:center;height:32px;padding:0 16px;font-size:13px;display:flex}.protota-gnome-window-frame{background:radial-gradient(circle,#3584e4 0%,#1c71d8 100%);flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.protota-window-controls{align-items:center;gap:6px;margin-left:6px;display:flex}.protota-window-controls-start{margin-left:0;margin-right:6px}.protota-window-control{background-color:var(--headerbar-button-bg,#00000614);border-radius:50%;flex-shrink:0;width:24px;height:24px;display:inline-block;position:relative}.protota-window-control:before{content:"";background-color:var(--window-fg-color,#000006cc);opacity:.75;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:16px;mask-size:16px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.protota-window-control.minimize:before{-webkit-mask-image:var(--icon-window-minimize);mask-image:var(--icon-window-minimize);-webkit-mask-image:var(--icon-window-minimize)}.protota-window-control.maximize:before{-webkit-mask-image:var(--icon-window-maximize);mask-image:var(--icon-window-maximize);-webkit-mask-image:var(--icon-window-maximize)}.protota-window-control.close:before{-webkit-mask-image:var(--icon-window-close);mask-image:var(--icon-window-close);-webkit-mask-image:var(--icon-window-close)}html adw-status-page .adw-status-page-icon{width:128px;height:128px;margin-bottom:31px}html adw-status-page .adw-status-page-child{margin-top:37px}html adw-clamp{flex-direction:column;min-height:0;display:flex}html adw-clamp>.adw-node-wrapper{flex-direction:column;flex:auto;min-height:0;display:flex}html adw-clamp>.adw-node-wrapper>*{width:100%;min-height:0;max-width:var(--protota-clamp-max,none);flex:auto;margin-inline:auto}html .protota-div-overlay-split{flex-direction:row;min-width:0;min-height:0;display:flex}html .protota-div-overlay-split>[slot=sidebar]>*{width:var(--protota-sidebar-width,240px);background-color:var(--sidebar-bg-color,#0000060a);border-inline-end:1px solid var(--sidebar-border-color,#00000612);flex:none;min-width:0}html .protota-div-overlay-split>[slot=sidebar] adw-toolbar-view,html .protota-div-overlay-split>[slot=sidebar] .adw-toolbar-view-content{background-color:var(--sidebar-bg-color,#0000060a)}html .protota-div-overlay-split>[slot=content]>*,html .protota-div-overlay-split>.adw-node-wrapper:not([slot])>*{flex:auto;min-width:0;min-height:0}html .protota-style-card,html .protota-style-boxed-list{background-color:var(--card-bg-color,#fff);border-radius:var(--card-radius,12px);box-shadow:0 0 0 1px var(--card-shade-color,#00000612)}html .protota-style-toolbar{padding:6px}html .protota-style-dim-label{opacity:.55}html .protota-style-heading{font-weight:700}html .protota-style-title-1{font-size:20pt;font-weight:800}html .protota-style-title-2{font-size:15pt;font-weight:800}html .protota-style-title-4{font-size:12pt;font-weight:700}html .protota-style-caption{font-size:8pt}html .protota-style-numeric{font-variant-numeric:tabular-nums}html .protota-div-progress-bar,html .protota-div-level-bar{background-color:var(--trough-color,#00000626);border-radius:999px;flex-shrink:0;height:4px;position:relative;overflow:hidden}html .protota-div-progress-bar:before,html .protota-div-level-bar:before{content:"";width:var(--protota-fill,0%);background-color:var(--accent-bg-color,#3584e4);border-radius:inherit;position:absolute;inset:0 auto 0 0}html .protota-div-level-bar:before{background-color:var(--success-color,#2ec27e)}html .protota-div-scale{flex-shrink:0;align-items:center;height:18px;display:flex;position:relative}html .protota-div-scale:before{content:"";background:linear-gradient(to right, var(--accent-bg-color,#3584e4) 0 var(--protota-fill,0%), var(--trough-color,#00000626) var(--protota-fill,0%) 100%);border-radius:999px;height:4px;position:absolute;inset-inline:0}html .protota-div-scale:after{content:"";left:var(--protota-fill,0%);background-color:var(--window-bg-color,#fff);width:18px;height:18px;box-shadow:0 0 0 1px var(--card-shade-color,#00000626), 0 1px 2px #00000633;border-radius:50%;margin-left:-9px;position:absolute}html .protota-div-popover{gap:var(--spacing-s,6px);padding:var(--spacing-s,6px);border-radius:var(--popover-radius,12px);background-color:var(--popover-bg-color,#fff);flex-direction:column;min-width:120px;display:flex;box-shadow:0 1px 2px #0000061f,0 4px 12px #00000629}html .protota-div-list-box-row{align-items:center;gap:var(--spacing-m,12px);padding:var(--spacing-m,12px);min-height:34px;display:flex}html .protota-div-list-box-row+.protota-div-list-box-row{border-top:1px solid var(--separator-color,#00000612)}html adw-preferences-page{box-sizing:border-box;flex-direction:column;align-items:center;gap:24px;width:100%;padding:24px 12px;display:flex;overflow-y:auto}html adw-preferences-page adw-preferences-group{width:100%;max-width:600px}html adw-preferences-dialog adw-preferences-page{padding:0}html .protota-div-tab-bar{box-sizing:border-box;background-color:var(--headerbar-bg-color,#fff);color:var(--headerbar-fg-color,#000006cc);box-shadow:inset 0 -1px var(--headerbar-shade-color,#0000061f);flex-shrink:0;align-items:stretch;padding:0 1px 1px;display:flex;overflow:hidden}html .protota-tab-box{flex:auto;align-items:stretch;min-width:0;padding:4px 0;display:flex}html .protota-tab{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--spacing-xs,6px);min-width:0;max-width:200px;min-height:26px;padding:0 var(--spacing-m,12px);border-radius:var(--button-radius,9px);font-size:var(--font-size-base,15px);line-height:1;display:inline-flex;position:relative}html .protota-tab-active{background-color:color-mix(in srgb, currentColor 10%, transparent)}html .protota-div-tab-bar[data-protota-single-tab] .protota-tab{background:0 0}html .protota-tab+.protota-tab:before{content:"";opacity:.2;pointer-events:none;background-color:currentColor;width:1px;position:absolute;top:3px;bottom:3px;left:0}html .protota-tab-active+.protota-tab:before{opacity:0}html .protota-tab-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}html .protota-tab-close{box-sizing:border-box;opacity:.7;border-radius:9999px;flex-shrink:0;width:18px;height:18px;position:relative}html .protota-tab-close:before,html .protota-tab-close:after{content:"";background-color:currentColor;border-radius:1px;width:9px;height:1.5px;position:absolute;top:50%;left:50%}html .protota-tab-close:before{transform:translate(-50%,-50%)rotate(45deg)}html .protota-tab-close:after{transform:translate(-50%,-50%)rotate(-45deg)}html .protota-div-tab-bar>.adw-node-wrapper>*{align-self:center}.protota-palette-item{border-radius:var(--button-radius,9px);cursor:grab;border:1px solid var(--separator-color,#00000614);background:var(--card-bg-color,#00000605);-webkit-user-select:none;user-select:none;margin-bottom:2px;padding:6px 10px}.protota-palette-item:hover{background:var(--button-hover-color,#0000061a)}.protota-palette-item:active{cursor:grabbing}.protota-tree-item--drop-before{box-shadow:inset 0 2px 0 var(--accent-bg-color,#3584e4)}.protota-tree-item--drop-after{box-shadow:inset 0 -2px 0 var(--accent-bg-color,#3584e4)}.protota-tree-item--drop-inside{outline:2px solid var(--accent-bg-color,#3584e4);outline-offset:-2px}.theme-light{--window-bg-color:#fafafb;--window-fg-color:#000006cc;--view-bg-color:#fff;--view-fg-color:#000006cc;--headerbar-bg-color:#fff;--headerbar-fg-color:#000006cc;--headerbar-shade-color:#0000061f;--separator-color:#0000061a;--sidebar-bg-color:#ebebed;--card-bg-color:#fff;--card-fg-color:#000006cc;--card-shade-color:#00000612;--accent-bg-color:#3584e4;--accent-fg-color:#fff;--accent-color:#1c71d8;--popover-bg-color:#fff;--popover-fg-color:#000006cc;--popover-shade-color:#00000612;--dialog-scrim-color:#00000652;--button-bg-color:#00000614;--button-hover-color:#00000621;--button-active-color:#00000630;--entry-bg-color:#fff;--entry-border-color:#0000062e;--entry-border-hover-color:#00000647;--destructive-bg-color:#e01b24;--destructive-fg-color:#fff;--switch-off-bg:#0003;--switch-knob-bg:#fff;--window-radius:15px;--card-radius:12px;--button-radius:9px;--spacing-xs:6px;--spacing-s:9px;--spacing-m:12px;--spacing-l:18px;--spacing-xl:24px;--font-family:"Adwaita Sans", "Cantarell", "Inter", "Segoe UI", sans-serif;--font-size-base:11pt;--font-size-small:9pt;--font-size-heading:12pt;--dim-opacity:.55}.theme-dark{--window-bg-color:#222226;--window-fg-color:#fff;--view-bg-color:#1d1d20;--view-fg-color:#fff;--headerbar-bg-color:#2e2e32;--headerbar-fg-color:#fff;--headerbar-shade-color:#0000065c;--separator-color:#ffffff14;--sidebar-bg-color:#2e2e32;--card-bg-color:#ffffff14;--card-fg-color:#fff;--card-shade-color:#0000065c;--accent-color:#78aeed;--popover-bg-color:#36363a;--popover-fg-color:#fff;--popover-shade-color:#0000065c;--dialog-scrim-color:#0000068c;--button-bg-color:#ffffff1a;--button-hover-color:#ffffff26;--button-active-color:#ffffff38;--entry-bg-color:#ffffff0f;--entry-border-color:#ffffff29;--entry-border-hover-color:#ffffff42;--destructive-bg-color:#c01c28;--destructive-fg-color:#fff;--switch-off-bg:#fff3;--switch-knob-bg:#deddda;--active-toggle-fg-color:#000006cc}[data-protota-capture-scope=true] .adw-node-wrapper.selected-outline,[data-protota-capture-scope=true] .adw-node-wrapper.multi-selected-outline{outline:none!important}[data-protota-capture-scope=true] .protota-screen-frame--selected{box-shadow:none!important;outline:none!important}[data-protota-capture-scope=true] .protota-type-badge,[data-protota-capture-scope=true] .protota-add-btn,[data-protota-capture-scope=true] .protota-add-affordance{display:none!important}[data-protota-capture-scope=true] .protota-diag-outline-error,[data-protota-capture-scope=true] .protota-diag-outline-warning,[data-protota-capture-scope=true] .protota-diag-outline-suggestion{outline:none!important}[data-protota-capture-scope=true] [data-protota-diag-count]:after{content:none}.protota-render-error-card{background:color-mix(in srgb, #c01c28 8%, var(--window-bg-color,#fafafa));min-width:260px;max-width:420px;color:var(--window-fg-color,#241f31);border:1px solid #c01c2866;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 20px;font-size:13px;display:flex}.protota-render-error-card strong{color:#c01c28;font-size:14px}.protota-render-error-message{opacity:.85;overflow-wrap:anywhere;font-family:monospace;font-size:12px}