.sketch-presence-strip{--sketch-presence-peer-size:var(--goo-theme-icon-lg);--sketch-presence-strip-inline-inset:calc(var(--goo-theme-space-sm) - var(--goo-theme-space-2xs));background: #242631d1;
background:color-mix(in srgb, var(--goo-theme-bg) 82%, transparent);border: 1px solid #f4f2f829;
border:1px solid color-mix(in srgb, var(--goo-theme-fg) 16%, transparent);border-radius:var(--goo-theme-radius-full);box-shadow:var(--goo-theme-shadow-md);color:var(--goo-theme-fg);font:var(--goo-theme-font-size-xs) / 1.4 var(--goo-theme-font-sans);align-items:center;gap:var(--goo-theme-space-xs);padding:var(--goo-theme-space-xs) var(--sketch-presence-strip-inline-inset);pointer-events:auto;right:var(--goo-theme-space-sm);top:var(--goo-theme-space-sm);z-index:var(--sketchpad-chrome-layer-floating-surface);display:flex;position:absolute}.sketch-presence-strip__peers{align-items:center;display:flex}.sketch-presence-strip__peer{background:var(--sketch-presence-peer-color);border-radius:var(--goo-theme-radius-full);color:var(--goo-theme-accent-fg);font-size:var(--goo-theme-font-size-xs);height:var(--sketch-presence-peer-size);width:var(--sketch-presence-peer-size);justify-content:center;align-items:center;display:inline-flex}.sketch-presence-strip__peer--self{box-shadow:0 0 0 1.5px var(--goo-theme-bg)}.sketch-presence-strip__button{background:var(--goo-theme-accent);border-radius:var(--goo-theme-radius-full);color:var(--goo-theme-accent-fg);cursor:pointer;font:inherit;border:0}.sketch-presence-strip__toast{color:var(--goo-theme-positive);display:none}.sketch-presence-strip__toast--visible{display:inline}.premium-banner-slot{flex:none;width:100%;height:0}@media (max-width:759px){.premium-banner-slot{height:var(--sketchpad-chrome-banner-height);min-height:var(--sketchpad-chrome-banner-height)}}.premium-banner{z-index:var(--sketchpad-chrome-layer-toolbar-popout);color:var(--goo-theme-fg);background:var(--goo-theme-bg);height:var(--sketchpad-chrome-banner-height);font-family:var(--sketchpad-chrome-banner-font-family);border-bottom:1px solid var(--goo-theme-border);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.premium-banner:before{content:"";height:var(--goo-theme-space-xs);border-radius:var(--goo-theme-radius-sm) var(--goo-theme-radius-sm) 0 0;background:linear-gradient(90deg,#e53e3e,#ecc94b,#48bb78,#4299e1,#805ad5);position:absolute;top:0;left:0;right:0}@media (min-width:760px){.premium-banner{top:0;left:calc(50% + var(--sketchpad-chrome-banner-toolbar-offset));width:auto;min-width:var(--sketchpad-chrome-banner-min-width);border-radius:0 0 var(--sketchpad-chrome-banner-radius) var(--sketchpad-chrome-banner-radius);box-shadow:var(--goo-theme-shadow-sm);position:fixed;transform:translate(-50%)}.premium-banner__app-text{width:var(--sketchpad-chrome-banner-app-min-width)}.premium-banner__apps-container{max-width:90%}}@media (max-width:759px){.premium-banner{width:100%;position:relative}.premium-banner__apps-scroll{padding-left:var(--goo-theme-space-xl);padding-right:calc(var(--sketchpad-chrome-banner-close-size) + var(--goo-theme-space-xl));justify-content:flex-start}}.premium-banner__content{z-index:2;padding:var(--sketchpad-chrome-banner-content-offset) 0 0;white-space:nowrap;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.premium-banner__center{align-items:center;gap:var(--goo-theme-space-md);height:calc(var(--sketchpad-chrome-banner-close-size) - var(--goo-theme-space-sm));line-height:calc(var(--sketchpad-chrome-banner-close-size) - var(--goo-theme-space-sm));margin:0 auto;display:flex}.premium-banner__text{align-items:center;gap:var(--goo-theme-space-sm);font-size:var(--goo-theme-font-size-sm);white-space:nowrap;line-height:1.2;display:flex}.premium-banner__text:before{content:"🌈";font-size:var(--goo-theme-font-size-xl)}.premium-banner__upgrade-btn{border-radius:var(--goo-theme-radius-sm);color:var(--goo-theme-warning-fg);cursor:pointer;font-size:var(--goo-theme-font-size-sm);font-weight:var(--goo-theme-font-weight-medium);padding:var(--goo-theme-space-2xs) var(--goo-theme-space-md);transition:background var(--goo-theme-transition-normal), transform var(--goo-theme-transition-normal);white-space:nowrap;background:linear-gradient(90deg,#ec4899,#8b5cf6);border:none}.premium-banner__upgrade-btn:hover{background:linear-gradient(90deg,#db2777,#7c3aed)}.premium-banner__close-btn{z-index:1;cursor:pointer;color:var(--goo-theme-muted);height:var(--sketchpad-chrome-banner-close-size);width:var(--sketchpad-chrome-banner-close-size);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}@media (min-width:760px){.premium-banner__close-btn{top:var(--goo-theme-space-md);right:var(--goo-theme-space-md)}}@media (max-width:759px){.premium-banner__close-btn{top:50%;right:var(--goo-theme-space-md);transform:translateY(-50%)}}.premium-banner__close-btn:hover{color:var(--goo-theme-fg)}.premium-banner__close-btn .icon{font-size:var(--goo-theme-font-size-md)}.premium-banner__ad{text-align:center;margin:0 auto;display:inline-block;overflow:hidden}.premium-banner__apps-container{flex:1;max-width:none;position:relative;overflow:visible}.premium-banner__apps-scroll{scrollbar-width:none;-ms-overflow-style:none;padding:var(--goo-theme-space-xs) var(--goo-theme-space-md);white-space:nowrap;justify-content:center;min-width:100%;display:flex;overflow-x:auto}.premium-banner__apps-scroll::-webkit-scrollbar{display:none}.premium-banner__gradient-fade{width:var(--sketchpad-chrome-banner-fade-width);background:linear-gradient(to right, transparent, var(--goo-theme-bg));pointer-events:none;z-index:2;position:absolute;top:0;bottom:0;right:0}.premium-banner__app{border-radius:var(--goo-theme-radius-sm);min-width:var(--sketchpad-chrome-banner-app-min-width);padding:var(--goo-theme-space-xs) var(--goo-theme-space-sm);flex-direction:column;flex-shrink:0;align-items:center;text-decoration:none;display:flex}.premium-banner__app:hover .premium-banner__app-icon{transform:scale(1.08)}.premium-banner__app-icon{background-color:var(--goo-theme-surface-raised);border-radius:var(--goo-theme-radius-sm);border:1px solid var(--goo-theme-border);height:var(--sketchpad-chrome-banner-app-icon-height);margin-bottom:var(--sketchpad-chrome-banner-app-icon-gap);width:var(--sketchpad-chrome-banner-app-icon-width);overflow:hidden;transition:transform var(--goo-theme-transition-normal)!important}.premium-banner__app-icon img{object-fit:cover;object-position:top;width:100%;height:100%}.premium-banner__app-text{min-width:var(--sketchpad-chrome-banner-app-min-width);text-align:center;line-height:var(--sketchpad-chrome-banner-label-line-height)}.premium-banner__app-name{font-weight:400;font-size:var(--goo-theme-font-size-sm);color:var(--goo-theme-fg);white-space:nowrap;text-overflow:ellipsis;width:var(--sketchpad-chrome-banner-app-min-width);overflow:hidden}.premium-banner__scroll-left,.premium-banner__scroll-right{border-radius:var(--goo-theme-radius-full);width:var(--goo-theme-control-height-sm);height:var(--goo-theme-control-height-sm);color:var(--goo-theme-warning-fg);cursor:pointer;z-index:3;transition:background-color var(--goo-theme-transition-normal);background:#000000b3;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.premium-banner__scroll-left:hover,.premium-banner__scroll-right:hover{background:var(--goo-theme-warning)}.premium-banner__scroll-left{left:var(--goo-theme-space-xs)}.premium-banner__scroll-right{right:var(--goo-theme-space-xs)}.premium-modal{z-index:var(--sketchpad-chrome-layer-toolbar-popout);justify-content:center;align-items:center;display:flex;inset:0}.premium-modal__container{border-radius:var(--goo-theme-radius-sm);color:#fff;box-shadow:var(--goo-theme-shadow-md);background:linear-gradient(135deg,#1f2937,#312e81);border:1px solid #1e1b4b;position:relative}.premium-modal__container:before{content:"";height:var(--goo-theme-space-xs);border-radius:var(--goo-theme-radius-sm) var(--goo-theme-radius-sm) 0 0;background:linear-gradient(90deg,#e53e3e,#ecc94b,#48bb78,#4299e1,#805ad5);position:absolute;top:0;left:0;right:0}@media (max-width:450px){.premium-modal__container{width:calc(100vw - var(--goo-theme-control-height-md));max-width:none;margin:0 auto}}@media (max-width:360px){.premium-modal__container{width:calc(100vw - var(--goo-theme-space-lg));max-height:calc(100vh - var(--goo-theme-control-height-md));border-radius:var(--goo-theme-radius-sm);margin:0 auto;overflow-y:auto}}.premium-modal__container{width:calc(calc(var(--sketchpad-chrome-pane-width) + var(--sketchpad-chrome-pane-header-height) + var(--goo-theme-space-xl)) + var(--sketchpad-chrome-toolbar-button-size) + var(--goo-theme-control-height-lg) + var(--goo-theme-space-xl) + var(--goo-theme-space-lg));border-radius:var(--goo-theme-radius-sm) var(--goo-theme-radius-sm) var(--goo-theme-radius-lg) var(--goo-theme-radius-lg);flex-direction:column;max-height:90vh;display:flex}@media (max-width:450px){.premium-modal__container{width:calc(100vw - var(--goo-theme-control-height-md));max-width:none;max-height:85vh;margin:0 auto}}.premium-modal--compact .premium-modal__container{max-width:calc(calc(var(--sketchpad-chrome-pane-width) + var(--sketchpad-chrome-pane-header-height) + var(--goo-theme-space-xl)) + var(--sketchpad-chrome-toolbar-button-size));padding:var(--goo-theme-space-md)}.premium-modal--compact .premium-modal__title{font-size:var(--goo-theme-font-size-lg)}.premium-modal--compact .premium-modal__tab{padding:var(--goo-theme-space-xs) var(--goo-theme-space-sm);font-size:var(--goo-theme-font-size-sm)}.premium-modal--compact .premium-modal__body{padding:var(--goo-theme-space-lg)}.premium-modal--compact .premium-modal__button{margin-top:var(--goo-theme-space-sm)}.premium-modal__close-button{top:calc((var(--goo-theme-space-sm) + var(--goo-theme-space-2xs)) * -1);right:calc((var(--goo-theme-space-sm) + var(--goo-theme-space-2xs)) * -1);width:var(--goo-theme-control-height-sm);height:var(--goo-theme-control-height-sm);color:#fff;cursor:pointer;transition:background-color var(--goo-theme-transition-slow), transform var(--goo-theme-transition-slow);box-shadow:var(--goo-theme-shadow-sm);z-index:var(--sketchpad-chrome-layer-modal-control);background-color:#e53e3eed;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.premium-modal__close-button:hover{background:#e53e3e;transform:scale(1.05)}.premium-modal__close-button svg{height:var(--goo-theme-space-lg);width:var(--goo-theme-space-lg);color:#fff}@media (max-width:450px){.premium-modal__close-button{width:calc(var(--goo-theme-control-height-sm) + var(--goo-theme-space-xs) + var(--goo-theme-space-2xs));height:calc(var(--goo-theme-control-height-sm) + var(--goo-theme-space-xs) + var(--goo-theme-space-2xs));right:calc((var(--goo-theme-space-xs) + var(--goo-theme-space-2xs) * .5) * -1);top:calc((var(--goo-theme-space-xs) + var(--goo-theme-space-2xs) * .5) * -1);top:0;right:0;transform:translate(30%,-30%)}}.premium-modal__tabs{z-index:1;flex-shrink:0;justify-content:center;display:flex;left:0;right:0}@media (max-width:450px){.premium-modal__tabs{padding:0 var(--goo-theme-space-xs)}}.premium-modal__tab{padding:var(--goo-theme-space-sm) var(--goo-theme-space-lg);font-size:var(--goo-theme-font-size-sm);font-weight:var(--goo-theme-font-weight-medium);transition:background var(--goo-theme-transition-normal), color var(--goo-theme-transition-normal);color:#a3bffa;cursor:pointer;top:var(--goo-theme-radius-sm);background:#312e81;border-top:0;border-bottom:1px solid #1e1b4b;border-left:1px solid #1e1b4b;border-right:0;position:relative}@media (max-width:450px){.premium-modal__tab{padding:var(--goo-theme-space-xs) var(--goo-theme-space-sm);font-size:var(--goo-theme-font-size-sm);text-align:center;white-space:nowrap;flex:1}}.premium-modal__tab:first-child{border-radius:0 0 0 var(--goo-theme-radius-sm);border-right:0}.premium-modal__tab:last-child{border-radius:0 0 var(--goo-theme-radius-sm);border-right:1px solid #1e1b4b}.premium-modal__tab:hover{color:#ebf4ff;background:#312e81}.premium-modal__tab--active{color:#fff;background:#312e81}.premium-modal__body{margin:var(--goo-theme-space-md) 0;padding:var(--goo-theme-space-sm) var(--goo-theme-space-lg);-webkit-overflow-scrolling:touch;flex-grow:1;max-height:100%;overflow-y:auto}.premium-modal__title{margin-bottom:var(--goo-theme-space-sm);font-size:var(--goo-theme-font-size-xl);font-weight:var(--goo-theme-font-weight-bold);color:#fff}@media (max-width:450px){.premium-modal__title{font-size:var(--goo-theme-font-size-md)}}.premium-modal__subtitle{margin-bottom:var(--goo-theme-space-lg);font-size:var(--goo-theme-font-size-lg);color:#a3bffa}@media (max-width:450px){.premium-modal__subtitle{font-size:var(--goo-theme-font-size-sm);margin-bottom:var(--goo-theme-space-md)}}.premium-modal__section{margin-bottom:var(--goo-theme-space-lg)}.premium-modal__section:last-child{margin-bottom:0}.premium-modal__section-label{margin-bottom:var(--goo-theme-space-sm);font-size:var(--goo-theme-font-size-lg);font-weight:var(--goo-theme-font-weight-medium);color:#a3bffa;display:block}@media (max-width:450px){.premium-modal__section-label{font-size:var(--goo-theme-font-size-sm)}}.premium-modal__section-hint{margin-top:var(--goo-theme-space-sm);font-size:var(--goo-theme-font-size-sm);color:#ebf4ff}@media (max-width:450px){.premium-modal__section-hint{font-size:var(--goo-theme-font-size-xs)}}.premium-modal__plans{gap:var(--goo-theme-space-sm);display:flex}@media (max-width:450px){.premium-modal__plans{gap:var(--goo-theme-space-md);flex-direction:column}}.premium-modal__plan{justify-content:center;align-items:center;gap:var(--goo-theme-space-sm);padding:var(--goo-theme-space-md);border-radius:var(--goo-theme-radius-md);font-size:var(--goo-theme-font-size-lg);transition:background-color var(--goo-theme-transition-normal), border-color var(--goo-theme-transition-normal), color var(--goo-theme-transition-normal), transform var(--goo-theme-transition-normal);color:#a3bffa;text-align:center;width:100%;min-width:calc(var(--goo-theme-control-height-lg) * 2);background-color:#312e814d;border:1px solid #1e1b4b;flex-direction:column;display:flex}@media (max-width:450px){.premium-modal__plan{text-align:left;padding:var(--goo-theme-space-sm);justify-content:flex-start;gap:var(--goo-theme-space-sm);flex-direction:row}}.premium-modal__plan:hover{background-color:#312e8166;transform:translateY(-1px)}.premium-modal__plan--active{color:#fff;background-color:#312e8166;border-color:#667eea}.premium-modal__plan svg{height:var(--goo-theme-space-xl);width:var(--goo-theme-space-xl)}@media (max-width:450px){.premium-modal__plan svg{width:var(--goo-theme-space-lg);height:var(--goo-theme-space-lg);margin-right:var(--goo-theme-space-sm);flex-shrink:0}}.premium-modal__plan span{white-space:nowrap;color:#fff}.premium-modal__input-wrapper{position:relative}.premium-modal__input-icon{left:var(--goo-theme-space-lg);top:calc(var(--goo-theme-control-height-md) - var(--goo-theme-space-xs));color:#a3bffa;pointer-events:none;position:absolute;transform:translateY(-50%)}.premium-modal__input-icon svg{height:var(--goo-theme-space-lg);width:var(--goo-theme-space-lg)}@media (max-width:450px){.premium-modal__input-icon svg{height:var(--goo-theme-space-md);width:var(--goo-theme-space-md)}.premium-modal__input-icon{left:var(--goo-theme-space-md)}}.premium-modal__input{width:100%;padding:0 var(--goo-theme-space-lg) 0 calc(var(--goo-theme-control-height-md) + var(--goo-theme-space-lg));border-radius:var(--goo-theme-radius-md);font-size:var(--goo-theme-font-size-lg);line-height:calc(var(--goo-theme-control-height-md) + var(--goo-theme-space-lg));color:#fff;background-color:#312e8180;border:1px solid #1e1b4b}.premium-modal__input::placeholder{color:#a3bffa}.premium-modal__input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 1px #667eea}@media (max-width:450px){.premium-modal__input{font-size:var(--goo-theme-font-size-sm);line-height:var(--goo-theme-control-height-lg);height:var(--goo-theme-control-height-touch);padding:0 var(--goo-theme-space-md) 0 var(--goo-theme-control-height-lg);font-size:var(--goo-theme-font-size-sm);padding:0 var(--goo-theme-space-md) 0 var(--goo-theme-control-height-lg);line-height:var(--goo-theme-control-height-lg)}}.premium-modal__button{color:#fff;width:100%;font-size:var(--goo-theme-font-size-lg);font-weight:var(--goo-theme-font-weight-medium);border-radius:var(--goo-theme-radius-sm);padding:var(--goo-theme-space-md) var(--goo-theme-space-lg);cursor:pointer;transition:background var(--goo-theme-transition-normal), transform var(--goo-theme-transition-normal);box-shadow:var(--goo-theme-shadow-sm);background:linear-gradient(90deg,#ec4899,#8b5cf6);border:none}.premium-modal__button:hover{background:linear-gradient(90deg,#db2777,#7c3aed);transform:scale(1.02)}@media (max-width:450px){.premium-modal__button{padding:var(--goo-theme-space-md) var(--goo-theme-space-lg);font-size:var(--goo-theme-font-size-lg);min-height:var(--goo-theme-control-height-touch);padding:var(--goo-theme-space-sm) var(--goo-theme-space-md);font-size:var(--goo-theme-font-size-lg);min-height:var(--goo-theme-control-height-touch)}}.premium-modal__footer{justify-content:center;align-items:center;gap:var(--goo-theme-space-sm);margin-top:var(--goo-theme-space-lg);font-size:var(--goo-theme-font-size-sm);color:#a3bffa;display:flex}@media (max-width:450px){.premium-modal__footer{font-size:var(--goo-theme-font-size-xs);margin-top:var(--goo-theme-space-md)}}.premium-modal__footer-icon{height:var(--goo-theme-icon-md);width:var(--goo-theme-icon-md);flex-shrink:0}.premium-modal__feature-table-container{margin:0 0 var(--goo-theme-space-lg);-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:450px){.premium-modal__feature-table-container{margin:0 -var(--goo-theme-space-md) var(--goo-theme-space-md);padding:0 var(--goo-theme-space-md)}}.premium-modal__feature-table{border-collapse:collapse;width:100%;margin:0 auto var(--goo-theme-space-md);color:#fff;font-size:var(--goo-theme-font-size-sm)}.premium-modal__feature-table th,.premium-modal__feature-table td{padding:var(--goo-theme-space-xs) var(--goo-theme-space-sm);text-align:left;border-bottom:1px solid #1e1b4b}@media (max-width:450px){.premium-modal__feature-table th,.premium-modal__feature-table td{padding:var(--goo-theme-space-xs) var(--goo-theme-space-xs)}}.premium-modal__feature-table thead th{font-weight:var(--goo-theme-font-weight-medium);color:#ebf4ff;background:#1e1b4b}.premium-modal__feature-table thead th:first-child{width:50%}.premium-modal__feature-table thead th:not(:first-child){text-align:center;width:25%}.premium-modal__feature-table tbody tr:nth-child(2n){background-color:#312e8133}.premium-modal__feature-table tbody td{font-size:var(--goo-theme-font-size-sm)}.premium-modal__feature-table tbody td:not(:first-child){text-align:center}@media (max-width:450px){.premium-modal__feature-table tbody td{font-size:var(--goo-theme-font-size-xs)}}.premium-modal__feature-table .checkmark{width:var(--goo-theme-space-lg);height:var(--goo-theme-space-lg);vertical-align:middle;color:#667eea;display:inline-block}@media (max-width:450px){.premium-modal__feature-table .checkmark{width:var(--goo-theme-space-md);height:var(--goo-theme-space-md)}}.premium-modal__benefits-cta{margin-bottom:var(--goo-theme-space-sm)}.premium-modal__disclaimer{font-size:var(--goo-theme-font-size-xs);color:#a3bffa;margin:var(--goo-theme-space-md) 0 0;text-align:center;line-height:1.4}@media (max-width:450px){.premium-modal__disclaimer{font-size:var(--goo-theme-font-size-xs);margin-top:var(--goo-theme-space-sm)}}.premium-modal__disclaimer a{color:#ebf4ff;text-decoration:underline}.premium-modal__disclaimer a:hover{color:#667eea}.goo-dialog.premium-alert{box-shadow:none;background:0 0;border:none}@media (max-width:450px){.goo-dialog.premium-alert{width:auto!important;max-width:100%!important}}sketch-premium-success-notice{border-radius:var(--goo-theme-radius-sm);color:#fff;box-shadow:var(--goo-theme-shadow-md);background:linear-gradient(135deg,#1f2937,#312e81);border:1px solid #1e1b4b;position:relative}sketch-premium-success-notice:before{content:"";height:var(--goo-theme-space-xs);border-radius:var(--goo-theme-radius-sm) var(--goo-theme-radius-sm) 0 0;background:linear-gradient(90deg,#e53e3e,#ecc94b,#48bb78,#4299e1,#805ad5);position:absolute;top:0;left:0;right:0}@media (max-width:450px){sketch-premium-success-notice{width:calc(100vw - var(--goo-theme-control-height-md));max-width:none;margin:0 auto}}@media (max-width:360px){sketch-premium-success-notice{width:calc(100vw - var(--goo-theme-space-lg));max-height:calc(100vh - var(--goo-theme-control-height-md));border-radius:var(--goo-theme-radius-sm);margin:0 auto;overflow-y:auto}}sketch-premium-success-notice{bottom:var(--goo-theme-space-sm);box-shadow:var(--goo-theme-shadow-sm);line-height:calc(var(--goo-theme-control-height-sm) + var(--goo-theme-space-xs));padding:var(--goo-theme-space-md);width:calc(var(--sketchpad-chrome-pane-width) + var(--sketchpad-chrome-pane-header-height) + var(--goo-theme-space-xl));z-index:var(--sketchpad-chrome-layer-toolbar-popout);align-items:center;margin:auto;display:flex;position:fixed;left:0;right:0}sketch-premium-success-notice .premium-media{margin:var(--goo-theme-space-sm) var(--goo-theme-space-sm) 0 var(--goo-theme-space-sm)}sketch-premium-success-notice .premium-content{text-align:center}sketch-premium-success-notice .premium-close-btn{top:calc((var(--goo-theme-space-sm) + var(--goo-theme-space-2xs)) * -1);right:calc((var(--goo-theme-space-sm) + var(--goo-theme-space-2xs)) * -1);width:var(--goo-theme-control-height-sm);height:var(--goo-theme-control-height-sm);color:#fff;cursor:pointer;transition:background-color var(--goo-theme-transition-slow), transform var(--goo-theme-transition-slow);box-shadow:var(--goo-theme-shadow-sm);z-index:var(--sketchpad-chrome-layer-modal-control);background-color:#e53e3eed;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}sketch-premium-success-notice .premium-close-btn:hover{background:#e53e3e;transform:scale(1.05)}sketch-premium-success-notice .premium-close-btn svg{height:var(--goo-theme-space-lg);width:var(--goo-theme-space-lg);color:#fff}@media (max-width:450px){sketch-premium-success-notice .premium-close-btn{width:calc(var(--goo-theme-control-height-sm) + var(--goo-theme-space-xs) + var(--goo-theme-space-2xs));height:calc(var(--goo-theme-control-height-sm) + var(--goo-theme-space-xs) + var(--goo-theme-space-2xs));right:calc((var(--goo-theme-space-xs) + var(--goo-theme-space-2xs) * .5) * -1);top:calc((var(--goo-theme-space-xs) + var(--goo-theme-space-2xs) * .5) * -1)}sketch-premium-success-notice{width:calc(100vw - var(--goo-theme-space-xl))}}.license-panel{width:100%;display:block}.license-panel__notice{background:linear-gradient(180deg, var(--goo-theme-surface-raised), var(--goo-theme-bg));border-radius:var(--goo-theme-radius-md);box-shadow:var(--goo-theme-shadow-sm);padding:var(--goo-theme-space-lg);transition:box-shadow .2s;position:relative}.license-panel__notice:hover{box-shadow:var(--goo-theme-shadow-md)}.license-panel__version{align-items:center;gap:var(--goo-theme-space-sm);margin-bottom:var(--goo-theme-space-sm);justify-content:space-between;display:flex}.license-panel__version__label{font-size:var(--goo-theme-font-size-xl);font-weight:var(--goo-theme-font-weight-semibold);margin-right:var(--goo-theme-space-xs)}.license-panel__version__button{border-radius:var(--goo-theme-radius-sm);color:var(--goo-theme-accent);font-weight:var(--goo-theme-font-weight-medium);padding:0 var(--goo-theme-space-md);transition:background .2s}.license-panel__version__button:hover{background: #2e303b;
background:color-mix(in srgb, var(--goo-theme-fg) 5%, var(--goo-theme-bg));text-decoration:underline}.license-panel__content{text-align:left;padding:0;display:flex}.license-panel__icon{font-size:var(--goo-theme-font-size-sm);margin-right:var(--goo-theme-space-sm);align-items:center;display:inline-flex}.license-panel__icon--active{color:var(--goo-theme-positive)}.license-panel__icon--warning{color:var(--goo-theme-warning)}.license-panel__icon--info{color:var(--goo-theme-muted)}.license-panel__info{flex-direction:column;display:flex}.license-panel__status{font-size:var(--goo-theme-font-size-md);font-weight:var(--goo-theme-font-weight-medium);margin-bottom:var(--goo-theme-space-xs)}.license-panel__status--active{color:var(--goo-theme-positive)}.license-panel__status--expired{color:var(--goo-theme-warning)}.license-panel__date{color:var(--goo-theme-muted);font-size:var(--goo-theme-font-size-sm)}html body sketch-print{display:none}@media print{.sketch-api,.sketch-api .sketch-viewport{overflow:visible}html *{background:0 0;display:none!important;overflow:visible!important}html,body{margin:0;visibility:visible!important;display:block!important;overflow:visible!important}html body sketch-print,html body sketch-print canvas{z-index:var(--sketchpad-chrome-layer-system-overlay);background:#fff;position:absolute;top:0;left:0;visibility:visible!important;display:block!important}}@page{size:816px 1056px;margin:0}.sketch-native-scrollbar,.sketch-api,.sketch-api *{scrollbar-color: #585963 transparent;
scrollbar-color:color-mix(in srgb, var(--goo-theme-fg) 25%, var(--goo-theme-bg)) transparent;scrollbar-width:thin}.sketch-native-scrollbar::-webkit-scrollbar{background:0 0;width:8px;height:8px}.sketch-api::-webkit-scrollbar{background:0 0;width:8px;height:8px}.sketch-api ::-webkit-scrollbar{background:0 0;width:8px;height:8px}.sketch-native-scrollbar::-webkit-scrollbar-button{width:0;height:0}.sketch-api::-webkit-scrollbar-button{width:0;height:0}.sketch-api ::-webkit-scrollbar-button{width:0;height:0}.sketch-native-scrollbar::-webkit-scrollbar-thumb{background: #585963;
background:color-mix(in srgb, var(--goo-theme-fg) 25%, var(--goo-theme-bg));border-radius:var(--goo-theme-radius-full);background-clip:padding-box;border:2px solid #0000}.sketch-api::-webkit-scrollbar-thumb{background: #585963;
background:color-mix(in srgb, var(--goo-theme-fg) 25%, var(--goo-theme-bg));border-radius:var(--goo-theme-radius-full);background-clip:padding-box;border:2px solid #0000}.sketch-api ::-webkit-scrollbar-thumb{background: #585963;
background:color-mix(in srgb, var(--goo-theme-fg) 25%, var(--goo-theme-bg));border-radius:var(--goo-theme-radius-full);background-clip:padding-box;border:2px solid #0000}.sketch-native-scrollbar::-webkit-scrollbar-thumb:active{background: #62636d;
background:color-mix(in srgb, var(--goo-theme-fg) 30%, var(--goo-theme-bg));background-clip:padding-box}.sketch-native-scrollbar::-webkit-scrollbar-thumb:hover{background: #62636d;
background:color-mix(in srgb, var(--goo-theme-fg) 30%, var(--goo-theme-bg));background-clip:padding-box}.sketch-api::-webkit-scrollbar-thumb:active{background: #62636d;
background:color-mix(in srgb, var(--goo-theme-fg) 30%, var(--goo-theme-bg));background-clip:padding-box}.sketch-api::-webkit-scrollbar-thumb:hover{background: #62636d;
background:color-mix(in srgb, var(--goo-theme-fg) 30%, var(--goo-theme-bg));background-clip:padding-box}.sketch-api ::-webkit-scrollbar-thumb:active{background: #62636d;
background:color-mix(in srgb, var(--goo-theme-fg) 30%, var(--goo-theme-bg));background-clip:padding-box}.sketch-api ::-webkit-scrollbar-thumb:hover{background: #62636d;
background:color-mix(in srgb, var(--goo-theme-fg) 30%, var(--goo-theme-bg));background-clip:padding-box}.sketch-native-scrollbar::-webkit-scrollbar-track{background:0 0}.sketch-native-scrollbar::-webkit-scrollbar-corner{background:0 0}.sketch-api::-webkit-scrollbar-track{background:0 0}.sketch-api::-webkit-scrollbar-corner{background:0 0}.sketch-api ::-webkit-scrollbar-track{background:0 0}.sketch-api ::-webkit-scrollbar-corner{background:0 0}@keyframes heartbeat-blink{0%{transform:perspective(1px)scale(1)}50%{transform:perspective(1px)scale(1.09)}to{transform:perspective(1px)scale(1)}}.sketch-api,.sketch-api .sketch-viewport{width:100%;height:100%;overflow:hidden}:root:has(.sketch-api sketch-toolbar.position-right){--goo-dialog-overlay-left:0}[dir=rtl]:has(.sketch-api sketch-toolbar.mirror-rtl){--goo-dialog-overlay-left:0}:is(:root:has(.sketch-api sketch-toolbar.position-top),:root:has(.sketch-api sketch-toolbar.position-bottom)){--goo-dialog-overlay-left:0}.sketch-api{--sketch-doc-canvas-bg:var(--goo-theme-surface-sunken);text-rendering:optimizelegibility;font-feature-settings:"kern";font-kerning:normal}.sketch-api a,.sketch-api a:visited{color:var(--goo-theme-fg)}.sketch-api a:hover{color:var(--goo-theme-muted)}.sketch-api :invalid{box-shadow:none}.sketch-api sketch-doc,.sketch-api sketch-doc-scrollarea,.sketch-api sketch-doc-pages{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;color:var(--goo-theme-fg);direction:ltr;outline:none;width:100%;height:100%;display:block;position:relative}.sketch-api sketch-doc-scrollarea{background:var(--sketch-doc-canvas-bg);overflow:hidden!important}.sketch-api sketch-doc-scrollarea .ps__rail-x,.sketch-api sketch-doc-scrollarea .ps__rail-y{z-index:1}.sketch-api sketch-doc sketch-htmlcontrol{z-index:9;transform-origin:0 0;cursor:inherit;background-size:100% 100%;position:absolute;top:0;left:0}.sketch-api sketch-doc sketch-htmlcontrol span,.sketch-api sketch-doc sketch-htmlcontrol svg{pointer-events:none;stroke-width:1px;width:100%;height:100%;display:block}.sketch-api sketch-doc-margin{pointer-events:none;display:inline-block;position:relative}.sketch-api sketch-doc-pages{pointer-events:none;z-index:0;inset:0 auto auto 0}.sketch-api sketch-doc-pages.sketch-doc-pages--transparent-surface{background-color:#fff;background-image:linear-gradient(45deg,#d9d9d9 25%,#0000 25%),linear-gradient(-45deg,#d9d9d9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d9d9d9 75%),linear-gradient(-45deg,#0000 75%,#d9d9d9 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.sketch-api sketch-doc-page{background:var(--sketch-doc-canvas-bg);box-shadow: inset 0 0 0 1px #2426318f, 0 2px 2px #0000001a, 0 16px 34px -18px #000000b3, 0 28px 58px -34px #0000009e;
box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--goo-theme-bg) 56%, transparent), 0 2px 2px #0000001a, 0 16px 34px -18px #000000b3, 0 28px 58px -34px #0000009e;box-sizing:border-box;pointer-events:none;border:0;display:block;position:absolute}.sketch-api sketch-doc-page-gap{box-sizing:border-box;pointer-events:none;background:0 0;border:0;display:block;position:absolute}.sketch-api sketch-doc-page-chrome{pointer-events:none;z-index:3;width:100%;height:100%;display:block;position:absolute;inset:0 auto auto 0;overflow:hidden}.sketch-api sketch-doc-page-chrome-stage,.sketch-api sketch-doc-page-frame{pointer-events:none;display:block;position:absolute;top:0;left:0}.sketch-api sketch-doc-page-chrome-stage{transform-origin:0 0}.sketch-api sketch-doc-page-frame{box-sizing:border-box;outline: 1px solid #f4f2f83d;
outline:1px solid color-mix(in srgb, var(--goo-theme-fg) 24%, transparent);outline-offset:0}.sketch-api sketch-doc-page-frame:after{background: #242631b8;
background:color-mix(in srgb, var(--goo-theme-bg) 72%, transparent);border: 1px solid #f4f2f81a;
border:1px solid color-mix(in srgb, var(--goo-theme-fg) 10%, transparent);border-radius:var(--goo-theme-radius-sm);color: #f4f2f8ad;
color:color-mix(in srgb, var(--goo-theme-fg) 68%, transparent);content:attr(data-page-name);font:var(--goo-theme-font-size-xs)/1 var(--goo-theme-font-sans);opacity:0;padding:var(--goo-theme-space-2xs) var(--goo-theme-space-xs);right:var(--goo-theme-space-xs);top:var(--goo-theme-space-xs);transition:opacity .16s,color .16s,border-color .16s;position:absolute}.sketch-api .sketch-doc-page-frame--label-visible:after{opacity:1}.sketch-api .sketch-doc-page-frame--active{outline-color: #f4f2f84d;
outline-color:color-mix(in srgb, var(--goo-theme-fg) 30%, transparent)}.sketch-api .sketch-doc-page-frame--active:after{border-color: #b58cff38;
border-color:color-mix(in srgb, var(--goo-theme-accent) 22%, transparent);color: #f4f2f8c7;
color:color-mix(in srgb, var(--goo-theme-fg) 78%, transparent)}.sketch-api .sketch-doc-page-region--active{box-shadow: inset 0 0 0 1px #b58cff24, 0 2px 2px #0000001f, 0 18px 38px -18px #000000bd, 0 30px 64px -34px #000000a8;
box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--goo-theme-accent) 14%, transparent), 0 2px 2px #0000001f, 0 18px 38px -18px #000000bd, 0 30px 64px -34px #000000a8}.sketch-api sketch-doc-viewport,.sketch-api sketch-doc-viewport canvas{pointer-events:none;cursor:default;position:absolute;top:0;left:0}.sketch-api sketch-doc-viewport{width:100%;height:100%;overflow:hidden}.sketch-api sketch-doc-viewport sketch-doc-composite{z-index:1;position:absolute}.sketch-api .sketch-can-be-hidden{opacity:1;transition:opacity .25s}.sketch-disabled{opacity:.25;cursor:default!important}.sketch-hide{display:none}sketch-editcontent{z-index:var(--sketchpad-chrome-layer-system-overlay);color:var(--goo-theme-fg);display:block;position:absolute}sketch-toolconfig{display:block}[dir=rtl] sketch-devpanel{bottom:0;left:0;right:auto}sketch-devpanel{--sketch-devpanel-button-border-width:calc(var(--goo-theme-space-2xs) * 1.5);--sketch-devpanel-button-height:var(--goo-theme-control-height-md);--sketch-devpanel-width:calc(var(--goo-theme-control-height-lg) * 2);width:var(--sketch-devpanel-width);opacity:.9;z-index:var(--sketchpad-chrome-layer-system-overlay);position:fixed;bottom:0;right:0}sketch-devpanel button{width:100%;height:var(--sketch-devpanel-button-height);background:var(--goo-theme-bg);color:var(--goo-theme-fg);border-bottom:var(--sketch-devpanel-button-border-width) solid color-mix(in srgb, var(--goo-theme-fg) 30%, var(--goo-theme-bg))}.sketch-invert,.goo-asset-finder--invert{filter:invert()}.sketch-tool-action-strip{--sketch-tool-action-strip-backdrop-blur:calc(var(--goo-theme-space-lg) + var(--goo-theme-space-2xs));--sketch-tool-action-strip-separator-width:calc(var(--goo-theme-space-2xs) * .5);--sketch-tool-action-strip-text-max-width:calc(var(--sketchpad-chrome-pane-width) * .5 - var(--goo-theme-space-xs));--sketch-tool-action-strip-button-size:var(--goo-theme-control-height-touch);--sketch-tool-action-strip-shadow: 0 18px 46px #00000057, inset 0 1px 0 #f4f2f833;
--sketch-tool-action-strip-shadow:var(--goo-theme-shadow-lg), inset 0 1px 0 color-mix(in srgb, var(--goo-theme-fg) 20%, transparent);-webkit-touch-callout:none;z-index:var(--sketchpad-chrome-layer-action-strip);max-inline-size:calc(100vw - var(--goo-theme-space-xl));gap:var(--goo-theme-space-sm);padding:var(--goo-theme-space-xs);border: 1px solid #f4f2f82e;
border:1px solid color-mix(in srgb, var(--goo-theme-fg) 18%, transparent);border-radius:var(--goo-theme-radius-lg);background: #242631d1;
background:color-mix(in srgb, var(--goo-theme-bg) 82%, transparent);background-image: linear-gradient(135deg, #f4f2f824, #242631b8);
background-image:linear-gradient(135deg, color-mix(in srgb, var(--goo-theme-fg) 14%, transparent), color-mix(in srgb, var(--goo-theme-bg) 72%, transparent));box-shadow:var(--sketch-tool-action-strip-shadow);color:var(--goo-theme-fg);-webkit-backdrop-filter:blur(var(--sketch-tool-action-strip-backdrop-blur)) saturate(1.35);backdrop-filter:blur(var(--sketch-tool-action-strip-backdrop-blur)) saturate(1.35);pointer-events:auto;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:calc(var(--goo-theme-space-lg) + var(--goo-theme-space-xs));inset-inline-start:50%;transform:translate(-50%)}.sketch-tool-action-strip[hidden]{display:none}.sketch-api:has(>sketch-doc[data-pages-view-mode=flipbook])>.sketch-tool-action-strip{inset-block-end:calc(var(--goo-theme-space-lg) + var(--goo-theme-space-xs) + var(--goo-theme-control-height-md) + var(--goo-theme-space-xl))}.sketch-tool-action-strip__button{--goo-button-fg:inherit;--goo-button-icon-size:calc(var(--goo-theme-icon-md) + var(--goo-theme-space-2xs));--goo-button-radius:var(--goo-theme-radius-md);width:var(--sketch-tool-action-strip-button-size);height:var(--sketch-tool-action-strip-button-size);font-size:var(--goo-theme-font-size-xs);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;padding:0}.sketch-tool-action-strip__button--text{width:auto;min-width:var(--sketch-tool-action-strip-button-size);max-width:var(--sketch-tool-action-strip-text-max-width);padding:0 var(--goo-theme-space-md);white-space:nowrap}.sketch-tool-action-strip__button--menu{gap:var(--goo-theme-space-2xs)}.sketch-tool-action-strip__button+.sketch-tool-action-strip__button:before{inset-block:calc(var(--goo-theme-space-sm) - var(--sketch-tool-action-strip-separator-width));width:var(--sketch-tool-action-strip-separator-width);background: #dee2ff16;
background:color-mix(in srgb, var(--goo-theme-border) 72%, transparent);content:"";pointer-events:none;position:absolute;inset-inline-start:calc(var(--goo-theme-space-xs) * -1)}.sketch-tool-action-strip__icon{color: #f4f2f8b8;
color:color-mix(in srgb, var(--goo-theme-fg) 72%, transparent);font-size:var(--goo-theme-font-size-md);font-weight:var(--goo-theme-font-weight-semibold)}.sketch-tool-action-strip__lucide{stroke-width:2px;width:1em;height:1em}.sketch-tool-action-strip__icon--text{font-size:var(--goo-theme-font-size-xs);letter-spacing:0}.sketch-tool-action-strip__caret{color:color-mix(in srgb, currentColor 68%, transparent);font-size:var(--goo-theme-font-size-xs);align-items:center;margin-inline-start:calc(var(--goo-theme-space-2xs) * -1);display:inline-flex}.sketch-tool-action-strip__text{font-size:var(--goo-theme-font-size-xs);font-weight:var(--goo-theme-font-weight-semibold);letter-spacing:0;white-space:nowrap}.sketch-tool-action-strip__button[aria-pressed=true] .sketch-tool-action-strip__icon{color:currentColor}@media (max-width:720px){.sketch-tool-action-strip{max-inline-size:calc(100vw - var(--goo-theme-space-lg));gap:var(--goo-theme-space-xs);inset-block-end:var(--goo-theme-icon-sm)}.sketch-tool-action-strip__button{width:var(--sketch-tool-action-strip-button-size)}.sketch-tool-action-strip__button--text{width:auto}.sketch-api:has(>sketch-doc[data-pages-view-mode=flipbook])>.sketch-tool-action-strip{inset-block-end:calc(var(--goo-theme-icon-sm) + var(--goo-theme-control-height-md) + var(--goo-theme-space-lg))}}sketch-toolbar{--goo-toolbar-icon-size:var(--goo-theme-icon-lg);--goo-toolbar-tool-min-width:var(--sketchpad-chrome-toolbar-button-size);--goo-toolbar-tool-size:var(--sketchpad-chrome-toolbar-button-size);--goo-toolbar-size:var(--sketchpad-chrome-toolbar-width);-webkit-touch-callout:none;background:var(--goo-theme-bg);background-image: linear-gradient(90deg, #242631, #f4f2f805);
background-image:linear-gradient(90deg, var(--goo-theme-bg), color-mix(in srgb, var(--goo-theme-fg) 2%, transparent));box-shadow: 1px 0 0 #f4f2f814, 12px 0 32px -10px #00000047;
box-shadow:1px 0 0 color-mix(in srgb, var(--goo-theme-fg) 8%, transparent), 12px 0 32px -10px #00000047;text-align:center;-webkit-user-select:none;user-select:none;height:100%;width:var(--goo-toolbar-size);z-index:var(--sketchpad-chrome-layer-toolbar);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;left:0;overflow:hidden}sketch-toolbar:after{content:"";pointer-events:none;visibility:hidden}[dir=rtl] sketch-toolbar:not(.mirror-rtl),sketch-toolbar.position-right{background-image: linear-gradient(270deg, #242631, #f4f2f805);
background-image:linear-gradient(270deg, var(--goo-theme-bg), color-mix(in srgb, var(--goo-theme-fg) 2%, transparent));box-shadow: -1px 0 0 #f4f2f814, -12px 0 32px -10px #00000047;
box-shadow:-1px 0 0 color-mix(in srgb, var(--goo-theme-fg) 8%, transparent), -12px 0 32px -10px #00000047;left:auto;right:0}[dir=rtl] sketch-toolbar.mirror-rtl{background-image: linear-gradient(90deg, #242631, #f4f2f805);
background-image:linear-gradient(90deg, var(--goo-theme-bg), color-mix(in srgb, var(--goo-theme-fg) 2%, transparent));box-shadow: 1px 0 0 #f4f2f814, 12px 0 32px -10px #00000047;
box-shadow:1px 0 0 color-mix(in srgb, var(--goo-theme-fg) 8%, transparent), 12px 0 32px -10px #00000047;left:0;right:auto}sketch-toolbar.position-top{background-image: linear-gradient(180deg, #242631, #f4f2f805);
background-image:linear-gradient(180deg, var(--goo-theme-bg), color-mix(in srgb, var(--goo-theme-fg) 2%, transparent));box-shadow: 0 1px 0 #f4f2f814, 0 12px 32px -10px #00000047;
box-shadow:0 1px 0 color-mix(in srgb, var(--goo-theme-fg) 8%, transparent), 0 12px 32px -10px #00000047;height:var(--goo-toolbar-size);flex-direction:row;width:100%;top:0;bottom:auto}sketch-toolbar.position-bottom{background-image: linear-gradient(0deg, #242631, #f4f2f805);
background-image:linear-gradient(0deg, var(--goo-theme-bg), color-mix(in srgb, var(--goo-theme-fg) 2%, transparent));box-shadow: 0 -1px 0 #f4f2f814, 0 -12px 32px -10px #00000047;
box-shadow:0 -1px 0 color-mix(in srgb, var(--goo-theme-fg) 8%, transparent), 0 -12px 32px -10px #00000047;height:var(--goo-toolbar-size);flex-direction:row;width:100%;top:auto;bottom:0}[dir=rtl] sketch-toolbar.position-top,[dir=rtl] sketch-toolbar.position-bottom{background-image: linear-gradient(180deg, #242631, #f4f2f805);
background-image:linear-gradient(180deg, var(--goo-theme-bg), color-mix(in srgb, var(--goo-theme-fg) 2%, transparent));left:0;right:0}sketch-toolbar sketch-toolgroup{border-radius:var(--goo-theme-radius-sm);outline:none;position:relative}sketch-toolbar sketch-toolgroup.primary{flex-direction:column;flex:1;display:block}sketch-toolbar sketch-toolgroup.primary::-webkit-scrollbar{background:0 0;width:0;height:0}sketch-toolbar sketch-toolgroup.primary[style*="display: flex"]{justify-content:flex-start}sketch-toolbar sketch-toolgroup.secondary{border-top: 1px solid #f4f2f81a;
border-top:1px solid color-mix(in srgb, var(--goo-theme-fg) 10%, transparent);box-shadow: -.25rem 0 .5rem #f4f2f80d;
box-shadow:-.25rem 0 .5rem color-mix(in srgb, var(--goo-theme-fg) 5%, transparent);width:100%}sketch-toolbar sketch-toolgroup.secondary[style*="display: flex"]{justify-content:flex-end}[dir=rtl] sketch-toolbar.position-top sketch-toolgroup.secondary,[dir=rtl] sketch-toolbar.position-bottom sketch-toolgroup.secondary{left:0;right:auto}sketch-toolbar sketch-toolgroup:first-child{border-top-left-radius:0;border-top-right-radius:0}sketch-toolbar sketch-toolgroup:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}sketch-toolbar sketch-toolgroup:focus:before{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--goo-theme-accent);content:"";pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}sketch-toolbar.position-top sketch-toolgroup,sketch-toolbar.position-bottom sketch-toolgroup{flex-direction:row;height:100%;display:flex}sketch-toolbar.position-top sketch-toolgroup:first-child,sketch-toolbar.position-bottom sketch-toolgroup:first-child{border-radius:0;border-bottom-left-radius:var(--goo-theme-radius-sm);border-top-left-radius:var(--goo-theme-radius-sm)}sketch-toolbar.position-top sketch-toolgroup:last-child,sketch-toolbar.position-bottom sketch-toolgroup:last-child{border-radius:0;border-bottom-right-radius:var(--goo-theme-radius-sm);border-top-right-radius:var(--goo-theme-radius-sm)}sketch-toolbar.position-top sketch-toolgroup.secondary,sketch-toolbar.position-bottom sketch-toolgroup.secondary{width:auto;height:100%;position:relative;bottom:auto;right:0}sketch-toolbar.position-top sketch-toolgroup.primary,sketch-toolbar.position-bottom sketch-toolgroup.primary{flex-direction:row;height:100%}sketch-toolbar sketch-tool{color:var(--goo-theme-fg);cursor:pointer;font-size:var(--goo-toolbar-icon-size);height:var(--goo-toolbar-tool-size);line-height:var(--goo-toolbar-tool-size);min-width:var(--goo-toolbar-tool-min-width);flex-shrink:0;display:block;position:relative}sketch-toolbar sketch-tool[data-tool-group=brush],sketch-toolbar sketch-tool[data-tool-group=fill],sketch-toolbar sketch-tool[data-tool=settings],sketch-toolbar sketch-tool[data-tool=userGuide],sketch-toolbar sketch-tool[data-tool=newDocument]{border-top:1px solid var(--goo-theme-bg)}sketch-toolbar sketch-tool sketch-tool-icon{height:100%;line-height:var(--goo-toolbar-tool-size);pointer-events:none;z-index:1;justify-content:center;align-items:center;width:100%;display:flex;left:0}sketch-toolbar sketch-tool sketch-tool-icon:before,sketch-toolset sketch-tool:before,.sketch-toolset sketch-tool:before{color:var(--goo-theme-fg)}sketch-toolbar sketch-tool sketch-tool-icon:after,sketch-toolset sketch-tool:after,.sketch-toolset sketch-tool:after{color:var(--goo-theme-bg)}sketch-toolbar sketch-tool sketch-tool-icon.sketch-tool-icon--lucide,sketch-toolbar sketch-tool sketch-tool-icon.sketch-tool-icon--svg{color:var(--goo-theme-fg)}sketch-toolbar sketch-tool sketch-tool-icon.sketch-tool-icon--lucide svg{height:var(--goo-toolbar-icon-size);stroke-width:2.25px;width:var(--goo-toolbar-icon-size);transform:none}sketch-toolbar sketch-tool sketch-tool-icon.sketch-tool-icon--svg svg{fill:currentColor;height:var(--goo-toolbar-icon-size);width:var(--goo-toolbar-icon-size);transform:none}sketch-toolbar sketch-tool:hover{animation:none}sketch-toolbar sketch-tool.selected{background:var(--goo-theme-accent)}sketch-toolbar sketch-tool.selected sketch-tool-icon:before,sketch-toolbar sketch-tool.selected sketch-tool-icon:after,sketch-toolbar sketch-tool.selected sketch-tool-icon.sketch-tool-icon--lucide,sketch-toolbar sketch-tool.selected sketch-tool-icon.sketch-tool-icon--svg{color:var(--goo-theme-accent-fg)}sketch-toolbar.position-top sketch-tool,sketch-toolbar.position-bottom sketch-tool{height:100%;min-width:var(--goo-toolbar-tool-size)}sketch-toolbar.position-top sketch-tool[data-tool-group=brush],sketch-toolbar.position-top sketch-tool[data-tool-group=fill],sketch-toolbar.position-top sketch-tool[data-tool=settings],sketch-toolbar.position-top sketch-tool[data-tool=userGuide],sketch-toolbar.position-top sketch-tool[data-tool=newDocument],sketch-toolbar.position-bottom sketch-tool[data-tool-group=brush],sketch-toolbar.position-bottom sketch-tool[data-tool-group=fill],sketch-toolbar.position-bottom sketch-tool[data-tool=settings],sketch-toolbar.position-bottom sketch-tool[data-tool=userGuide],sketch-toolbar.position-bottom sketch-tool[data-tool=newDocument]{border-left:1px solid var(--goo-theme-bg);border-top:none}sketch-toolset,.sketch-toolset{--sketch-toolset-button-size:var(--goo-theme-control-height-lg);--sketch-toolset-button-min-width:calc(var(--sketch-toolset-button-size) + var(--goo-theme-space-xs));-webkit-touch-callout:none;background:var(--goo-theme-bg);background-image: linear-gradient(90deg, #242631, #282a35);
background-image:linear-gradient(90deg, var(--goo-theme-bg), color-mix(in srgb, var(--goo-theme-fg) 2%, var(--goo-theme-bg)));height:var(--sketch-toolset-button-size);line-height:var(--sketch-toolset-button-size);text-align:center;-webkit-user-select:none;user-select:none;width:inherit;z-index:3;border:0;padding:0;transition:opacity .25s;position:absolute;top:0;left:0}sketch-toolset sketch-tool,.sketch-toolset sketch-tool{cursor:pointer;fill:var(--goo-theme-fg);font-size:var(--goo-theme-icon-lg);height:var(--sketch-toolset-button-size);line-height:var(--sketch-toolset-button-size);min-width:var(--sketch-toolset-button-min-width);text-align:center;text-shadow:1px 1px #0000;vertical-align:middle;z-index:0;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}sketch-toolset sketch-tool.selected,.sketch-toolset sketch-tool.selected{background:var(--goo-theme-accent);color:var(--goo-theme-accent-fg);fill:var(--goo-theme-accent-fg);z-index:1}sketch-toolset sketch-tool.selected:before,.sketch-toolset sketch-tool.selected:before{color:var(--goo-theme-accent-fg)}sketch-toolset sketch-tool.selected:after,.sketch-toolset sketch-tool.selected:after{color:var(--goo-theme-accent)}sketch-toolset sketch-tool.disabled,sketch-toolset sketch-tool[disabled],.sketch-toolset sketch-tool.disabled,.sketch-toolset sketch-tool[disabled]{cursor:default;opacity:.25;pointer-events:none}sketch-toolset sketch-tool svg,.sketch-toolset sketch-tool svg{transform:matrix(.6,0,0,.6,0,0)}sketch-toolset sketch-tool sketch-tool-icon,.sketch-toolset sketch-tool sketch-tool-icon{line-height:inherit;transition:transform .15s;display:inline-block;transform:scale(1)}sketch-toolset sketch-tool.selected sketch-tool-icon,.sketch-toolset sketch-tool.selected sketch-tool-icon{transform:scale(1.25)}sketch-toolset sketch-tooltitle,.sketch-toolset sketch-tooltitle{font-size:var(--goo-theme-font-size-xs);display:none}.sketch-toolbar-popout.sketch-toolset{--goo-popout-content-display:flex;--goo-popout-content-flex-direction:column;--goo-popout-content-overflow:hidden;height:auto;width:var(--goo-toolbar-tool-size);z-index:var(--sketchpad-chrome-layer-toolbar-popout)}.sketch-toolbar-popout.sketch-toolset sketch-tool{height:var(--goo-toolbar-tool-size);line-height:var(--goo-toolbar-tool-size);min-width:var(--goo-toolbar-tool-size)}.position-top .sketch-toolbar-popout.sketch-toolset,.position-bottom .sketch-toolbar-popout.sketch-toolset{--goo-popout-content-flex-direction:row;height:var(--goo-toolbar-tool-size);width:auto}.sketch-toolbar-popout.sketch-toolset sketch-tool[data-tool=newDocument]{border-top:none}@media (hover:none) and (pointer:coarse){sketch-toolset,.sketch-toolset{--sketch-toolset-button-size:var(--goo-theme-control-height-touch);--sketch-toolset-button-min-width:var(--goo-theme-control-height-touch);height:var(--sketch-toolset-button-size);line-height:var(--sketch-toolset-button-size)}sketch-toolset sketch-tool,.sketch-toolset sketch-tool{height:var(--sketch-toolset-button-size);line-height:var(--sketch-toolset-button-size);min-width:var(--sketch-toolset-button-min-width)}}:root{--goo-theme-bg:#242631;--goo-theme-fg:#f4f2f8;--goo-theme-border:#dee2ff1f;--goo-theme-muted:#dee2ffa8;--goo-theme-fg-quiet:color-mix(in oklab, var(--goo-theme-fg) 64%, var(--goo-theme-bg));--goo-theme-fg-faint:color-mix(in oklab, var(--goo-theme-fg) 42%, var(--goo-theme-bg));--goo-theme-accent:#b58cff;--goo-theme-accent-fg:#201a2a;--goo-theme-positive:#4fd69c;--goo-theme-positive-fg:#071b13;--goo-theme-warning:#f7c96b;--goo-theme-warning-fg:#241707;--goo-theme-danger:#ff6f8e;--goo-theme-danger-fg:#2b0710;--goo-theme-focus-ring: #b58cff66;
--goo-theme-focus-ring:color-mix(in srgb, var(--goo-theme-accent) 40%, transparent);--goo-theme-focus-ring-width:2px;--goo-theme-surface:var(--goo-theme-bg);--goo-theme-surface-raised: #30323d;
--goo-theme-surface-raised:color-mix(in srgb, var(--goo-theme-fg) 6%, var(--goo-theme-bg));--goo-theme-surface-sunken: #20212b;
--goo-theme-surface-sunken:color-mix(in srgb, black 12%, var(--goo-theme-bg));--goo-theme-text-disabled: #f4f2f840;
--goo-theme-text-disabled:color-mix(in srgb, var(--goo-theme-fg) 25%, transparent);--goo-theme-border-strong: #494b55;
--goo-theme-border-strong:color-mix(in srgb, var(--goo-theme-fg) 18%, var(--goo-theme-bg));--goo-theme-shadow-sm:0 1px 2px #0000002e;--goo-theme-shadow-md:0 8px 22px #00000038;--goo-theme-shadow-lg:0 18px 46px #00000057;--goo-theme-radius-sm:.375rem;--goo-theme-radius-md:.5rem;--goo-theme-radius-lg:.6875rem;--goo-theme-radius-full:9999px;--goo-theme-space-2xs:.125rem;--goo-theme-space-xs:.25rem;--goo-theme-space-sm:.5rem;--goo-theme-space-md:.75rem;--goo-theme-space-lg:1rem;--goo-theme-space-xl:1.5rem;--goo-theme-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--goo-theme-font-mono:"SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--goo-theme-font-size-xs:.6875rem;--goo-theme-font-size-sm:.8125rem;--goo-theme-font-size-base:.875rem;--goo-theme-font-size-md:.9375rem;--goo-theme-font-size-lg:1.0625rem;--goo-theme-font-size-xl:1.1875rem;--goo-theme-line-height-tight:1;--goo-theme-line-height-base:1.25;--goo-theme-line-height-loose:1.4;--goo-theme-font-weight-medium:500;--goo-theme-font-weight-semibold:600;--goo-theme-font-weight-bold:700;--goo-theme-transition-fast:.1s ease;--goo-theme-transition-normal:.15s ease;--goo-theme-transition-slow:.3s ease;--goo-theme-layer-dropdown:1000;--goo-theme-layer-popout:10000;--goo-theme-layer-toast:99999;--goo-theme-layer-modal:100000;--goo-theme-layer-system:2147480000;--goo-theme-icon-xs:.75rem;--goo-theme-icon-sm:.875rem;--goo-theme-icon-md:1rem;--goo-theme-icon-lg:1.25rem;--goo-theme-control-height-sm:1.5rem;--goo-theme-control-height-md:2rem;--goo-theme-control-height-lg:2.5rem;--goo-theme-control-height-touch:2.75rem;--goo-theme-control-padding-sm:0 var(--goo-theme-space-sm);--goo-theme-control-padding-md:0 var(--goo-theme-space-md);--goo-theme-control-padding-lg:var(--goo-theme-space-sm) var(--goo-theme-space-md);--goo-theme-disabled-opacity:.55}@media (hover:none) and (pointer:coarse){:root{--goo-theme-control-height-touch:2.75rem;--goo-theme-control-height-sm:2.75rem;--goo-theme-control-height-md:2.75rem;--goo-theme-control-height-lg:3rem;--goo-theme-control-padding-sm:0 var(--goo-theme-space-md);--goo-theme-control-padding-md:0 var(--goo-theme-space-lg);--goo-theme-control-padding-lg:var(--goo-theme-space-sm) var(--goo-theme-space-lg)}}@supports (color: color-mix(in srgb, red, white)) {
:root[data-theme=light],[data-theme=light]{--goo-theme-bg:#f7f7fb;--goo-theme-fg:#20212a;--goo-theme-border:#2224361f;--goo-theme-muted:#22243694;--goo-theme-accent:#7b4fde;--goo-theme-accent-fg:#fff;--goo-theme-positive:#168a5c;--goo-theme-warning:#ad6b00;--goo-theme-danger:#c72c52}
}.goo-popout.sketch-style-popout{--goo-theme-bg:#16191f;--goo-theme-surface:#16191f;--goo-theme-surface-raised:#1d2129;--goo-theme-surface-sunken:#0d1117;--goo-theme-border:#ffffff12;--goo-theme-border-strong:#ffffff21;--goo-theme-fg:#f0f3f8;--goo-theme-muted:#8590a0;--goo-theme-text-disabled:#5d6675;--goo-theme-accent:#4f8cff;--goo-theme-accent-fg:#fff;--goo-theme-warning:#f5b13c;--sketch-config-fg-2:#c2c8d2;--sketch-config-fg-4:#5d6675}:root[data-theme-mode=light] .goo-popout.sketch-style-popout,:root[data-theme=light] .goo-popout.sketch-style-popout{--goo-theme-bg:#fff;--goo-theme-surface:#fff;--goo-theme-surface-raised:#f3f5f9;--goo-theme-surface-sunken:#e9ecf2;--goo-theme-border:#0f141e12;--goo-theme-border-strong:#0f141e1f;--goo-theme-fg:#0f1422;--goo-theme-muted:#6a7384;--goo-theme-text-disabled:#8e96a3;--goo-theme-accent:#2d6dee;--goo-theme-warning:#d9920a;--sketch-config-fg-2:#38414e;--sketch-config-fg-4:#8e96a3}.dialog{--sketch-dialog-mobile-content-offset:calc(var(--goo-theme-control-height-md) + var(--goo-theme-space-lg) + var(--goo-theme-space-2xs) * .5);--sketch-dialog-pane-width:calc(var(--sketchpad-chrome-pane-width) + var(--sketchpad-chrome-pane-header-height) + var(--goo-theme-space-xl));--sketch-dialog-header-border: #393a45;
--sketch-dialog-header-border:color-mix(in srgb, var(--goo-theme-fg) 10%, var(--goo-theme-bg));--sketch-dialog-header-shadow:0 2px 8px -4px #00000026;--sketch-dialog-header-z-index:5;--sketch-dialog-content-max-height:80vh;background:var(--goo-theme-bg);color:var(--goo-theme-fg);height:100%;width:var(--sketch-dialog-pane-width);flex-direction:column;display:flex}.dialog__header-container{z-index:var(--sketch-dialog-header-z-index);flex:none;position:relative}.dialog__header-container .dialog__header{border-bottom:1px solid var(--sketch-dialog-header-border);box-shadow:var(--sketch-dialog-header-shadow);margin-bottom:0}.dialog__header{border-bottom:1px solid var(--sketch-dialog-header-border);padding:var(--goo-theme-space-lg) 0;align-items:center;display:flex;position:relative}.dialog__back-button,.dialog__close-button{color:var(--goo-theme-muted);cursor:pointer;font-size:var(--goo-theme-font-size-xl);padding:var(--goo-theme-space-lg);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.dialog__back-button:hover,.dialog__close-button:hover{color:var(--goo-theme-muted)}.dialog__back-button{left:var(--goo-theme-space-xs)}.dialog__close-button{right:var(--goo-theme-space-xs)}.dialog__title{font-size:var(--goo-theme-font-size-xl);font-weight:var(--goo-theme-font-weight-medium);text-align:center;width:100%;margin:0}.dialog__content-scroll{background:var(--goo-theme-bg);max-height:var(--sketch-dialog-content-max-height);overscroll-behavior:contain;touch-action:pan-y;flex:auto;padding:0;overflow:hidden auto}.dialog__content{padding:var(--goo-theme-space-lg)}.dialog__section{margin-bottom:var(--goo-theme-space-lg)}.dialog__footer{margin-top:var(--goo-theme-space-lg);justify-content:center;display:flex}.dialog__action-button{background:var(--goo-theme-warning);border-radius:var(--goo-theme-radius-lg);color:var(--goo-theme-warning-fg);cursor:pointer;font-size:var(--goo-theme-font-size-lg);font-weight:var(--goo-theme-font-weight-medium);align-items:center;gap:var(--goo-theme-space-sm);padding:var(--goo-theme-space-md) var(--goo-theme-space-xl);white-space:nowrap;border:none;justify-content:center;line-height:1;transition:background .2s;display:inline-flex}.dialog__action-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.dialog__action-button .icon{font-size:var(--goo-theme-font-size-xl)}.dialog__lucide-icon{pointer-events:none;flex:none;width:1em;height:1em;display:block}.dialog__action-icon{font-size:var(--goo-theme-font-size-xl)}@media (max-width:450px){.dialog{width:100%;height:100%}.dialog .dialog__content-scroll{max-height:calc(100vh - var(--sketch-dialog-mobile-content-offset))}}.classroom-submit-progress{--classroom-submit-progress-edge:calc(var(--goo-theme-space-lg) + var(--goo-theme-space-xs));--classroom-submit-progress-inline-padding:calc(var(--goo-theme-space-lg) + var(--goo-theme-space-2xs));--classroom-submit-progress-mark-size:var(--goo-theme-icon-md);--classroom-submit-progress-min-width:calc(var(--sketchpad-chrome-pane-width) - var(--goo-theme-space-md));--classroom-submit-progress-row-gap:calc(var(--goo-theme-space-sm) + var(--goo-theme-space-2xs));--classroom-submit-progress-row-padding:calc(var(--goo-theme-space-xs) - var(--goo-theme-space-2xs) * .5);--classroom-submit-progress-z-index:var(--sketchpad-chrome-layer-system-overlay);background:var(--goo-theme-surface-raised);border:1px solid var(--goo-theme-border);border-radius:var(--goo-theme-radius-lg);bottom:var(--classroom-submit-progress-edge);box-shadow:var(--goo-theme-shadow-lg);color:var(--goo-theme-fg);font-family:var(--goo-theme-font-sans);font-size:var(--goo-theme-font-size-base);font-weight:var(--goo-theme-font-weight-medium);line-height:var(--goo-theme-line-height-loose);min-width:var(--classroom-submit-progress-min-width);padding:var(--goo-theme-space-lg) var(--classroom-submit-progress-inline-padding);z-index:var(--classroom-submit-progress-z-index);position:fixed;inset-inline-end:var(--classroom-submit-progress-edge)}.classroom-submit-progress__title{font-weight:var(--goo-theme-font-weight-bold);margin-bottom:var(--classroom-submit-progress-row-gap)}.classroom-submit-progress__row{color:var(--goo-theme-muted);align-items:center;gap:var(--classroom-submit-progress-row-gap);padding:var(--classroom-submit-progress-row-padding) 0;display:flex}.classroom-submit-progress__row--resolved{color:var(--goo-theme-fg)}.classroom-submit-progress__mark{font-weight:var(--goo-theme-font-weight-bold);text-align:center;width:var(--classroom-submit-progress-mark-size);display:inline-block}.classroom-submit-progress__mark--active{color:var(--goo-theme-accent)}.classroom-submit-progress__mark--done{color:var(--goo-theme-positive)}.classroom-submit-progress__footer{gap:var(--goo-theme-space-sm);margin-top:calc(var(--goo-theme-space-md) + var(--goo-theme-space-2xs));justify-content:flex-end;display:flex}.classroom-submit-progress__button{border-radius:var(--goo-theme-radius-md);cursor:pointer;font-family:var(--goo-theme-font-sans);font-size:var(--goo-theme-font-size-sm);font-weight:var(--goo-theme-font-weight-semibold);line-height:var(--goo-theme-line-height-tight);padding:calc(var(--goo-theme-space-sm) + var(--goo-theme-space-2xs) * .5) calc(var(--goo-theme-space-md) + var(--goo-theme-space-2xs))}.classroom-submit-progress__button--primary{background:var(--goo-theme-accent);border:1px solid var(--goo-theme-accent);color:var(--goo-theme-accent-fg)}.classroom-submit-progress__button--secondary{border:1px solid var(--goo-theme-border);color:var(--goo-theme-fg);background:0 0}.sketchpad-guide-unavailable{padding:var(--goo-theme-space-xl);text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.sketchpad-guide-unavailable__message{color:var(--goo-theme-fg);font:var(--goo-theme-font-size-base)/var(--goo-theme-line-height-loose) var(--goo-theme-font-sans);max-width:calc(var(--sketchpad-chrome-pane-width) + var(--sketchpad-chrome-pane-header-height) + var(--sketchpad-chrome-toolbar-width) + var(--goo-theme-space-xl) + var(--goo-theme-space-xl) - var(--goo-theme-space-xs))}.sketchpad-guide-unavailable__message p{color:var(--goo-theme-muted);margin:var(--goo-theme-space-sm) 0 0}.presets-dialog{--presets-dialog-cell-size:calc(var(--sketchpad-chrome-toolbar-button-size) * 2);--presets-dialog-header-height:var(--goo-theme-control-height-lg);height:100%}.presets-dialog__grid{height:calc(100% - var(--presets-dialog-header-height))}.preview-grid{overflow-y:auto}.preview-grid sketch-grid-view.goo-presets-grid{border-radius:var(--goo-theme-radius-sm);outline:none;height:100%;max-height:100%;display:block;position:relative;overflow:auto}.preview-grid .goo-presets-grid__virtual-grid{--goo-virtual-grid-columns:repeat(auto-fill, minmax(var(--presets-dialog-cell-size), 1fr));--goo-virtual-grid-gap:var(--goo-theme-space-sm)}.preview-grid sketch-grid-item{cursor:pointer;min-height:var(--presets-dialog-cell-size);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.preview-grid canvas{cursor:pointer;margin:var(--goo-theme-space-xs)}.sketch-Header .icon-presets-add{right:var(--goo-theme-space-xl);position:relative}.dialog.new-dialog,.dialog.new-dialog .dialog__content-scroll,.dialog.new-dialog .dialog__content,.dialog.new-dialog .dialog__header,.dialog.new-dialog .dialog__title,.dialog.new-dialog .row,.dialog.new-dialog .column-1{background:var(--goo-theme-surface);color:var(--goo-theme-fg)}.dialog.new-dialog .new-dialog__vector-authoring-mode{background:var(--goo-theme-surface-raised);border-radius:var(--goo-theme-radius-sm);align-items:center;gap:var(--goo-theme-space-md);padding:var(--goo-theme-space-md) var(--goo-theme-space-lg);justify-content:space-between;display:flex}.dialog.new-dialog .new-dialog__vector-authoring-mode-title{color:var(--goo-theme-fg);font-size:var(--goo-theme-font-size-lg);font-weight:var(--goo-theme-font-weight-medium);line-height:var(--goo-theme-control-height-sm);padding:0 var(--goo-theme-space-sm)}.dialog.new-dialog .new-dialog__vector-authoring-mode-copy{gap:var(--goo-theme-space-xs);flex-direction:column;display:flex}.dialog.new-dialog .new-dialog__vector-authoring-mode-copy>span{color:var(--goo-theme-fg);font-size:var(--goo-theme-font-size-sm);line-height:var(--goo-theme-line-height-loose)}.classroom-teacher-dialog__status{color:var(--goo-theme-muted)}.classroom-teacher-dialog__status[data-kind=busy]{color:var(--goo-theme-accent)}.classroom-teacher-dialog__status[data-kind=error]{color:var(--goo-theme-danger)}.classroom-teacher-dialog__status[data-kind=ok]{color:var(--goo-theme-positive)}.settings-pane .settings-hotkeys{display:block}.settings-pane .settings-hotkeys__description{font-size:var(--goo-theme-font-size-xs);color:var(--goo-theme-muted);margin:var(--goo-theme-space-sm) var(--goo-theme-space-sm) var(--goo-theme-space-md);font-style:italic}.hotkeys-grid{--settings-hotkeys-key-size:calc(var(--goo-theme-control-height-md) + var(--goo-theme-space-lg));--settings-hotkeys-key-shadow:var(--goo-theme-shadow-sm);--settings-hotkeys-key-shadow-active:var(--goo-theme-shadow-sm);--settings-hotkeys-key-shadow-raised:var(--goo-theme-shadow-md);--settings-hotkeys-key-motion:var(--goo-theme-transition-normal);--settings-hotkeys-key-raise-offset:calc(var(--goo-theme-space-2xs) * -1);--settings-hotkeys-number-offset:calc(var(--goo-theme-radius-sm) * -1);--settings-hotkeys-number-shadow:var(--goo-theme-shadow-sm);--settings-hotkeys-number-size:calc(var(--goo-theme-control-height-sm) - var(--goo-theme-radius-sm));gap:var(--goo-theme-space-lg);width:100%;padding:var(--goo-theme-space-sm) var(--goo-theme-space-md) var(--goo-theme-space-md);flex-wrap:wrap;justify-content:space-around;display:flex}.hotkeys-grid__key{width:var(--settings-hotkeys-key-size);height:var(--settings-hotkeys-key-size);background:var(--goo-theme-surface-raised);border-radius:var(--goo-theme-radius-lg);box-shadow:var(--settings-hotkeys-key-shadow);transition:background-color var(--settings-hotkeys-key-motion), box-shadow var(--settings-hotkeys-key-motion), color var(--settings-hotkeys-key-motion), transform var(--settings-hotkeys-key-motion);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.hotkeys-grid__key:hover{transform:translateY(var(--settings-hotkeys-key-raise-offset));box-shadow:var(--settings-hotkeys-key-shadow-raised)}.hotkeys-grid__key--selected{background:var(--goo-theme-warning);color:var(--goo-theme-warning-fg);transform:translateY(var(--settings-hotkeys-key-raise-offset));box-shadow:var(--settings-hotkeys-key-shadow-raised)}.hotkeys-grid__key:active{box-shadow:var(--settings-hotkeys-key-shadow-active);transform:translateY(0)}.hotkeys-grid__key--reset{background:var(--goo-theme-surface-raised);border:1px solid var(--goo-theme-border)}.hotkeys-grid__key__number{top:var(--settings-hotkeys-number-offset);right:var(--settings-hotkeys-number-offset);min-width:var(--settings-hotkeys-number-size);height:var(--settings-hotkeys-number-size);font-size:var(--goo-theme-font-size-xs);font-weight:var(--goo-theme-font-weight-medium);color:var(--goo-theme-accent-fg);background:var(--goo-theme-accent);border-radius:var(--goo-theme-radius-lg);box-shadow:var(--settings-hotkeys-number-shadow);justify-content:center;align-items:center;display:flex;position:absolute}.hotkeys-grid__key svg{height:var(--goo-theme-control-height-sm);width:var(--goo-theme-control-height-sm)}.settings-surface{justify-content:space-between;align-items:center;display:flex}.surface-gallery{--surface-gallery-config-layer:2;--surface-gallery-config-radius:50%;--surface-gallery-motion:var(--goo-theme-transition-normal);--surface-gallery-preview-ratio:3 / 2;--surface-gallery-selected-outline-width:var(--goo-theme-space-2xs);--surface-gallery-template-columns:repeat(3, minmax(0, 1fr));box-sizing:border-box;width:100%;min-width:0}.surface-gallery__categories-container{margin-bottom:var(--goo-theme-space-md);min-width:0}.surface-gallery__category-selectmenu{background:0 0;border-bottom:0;width:100%;padding:0;display:block}.surface-gallery__category-selectmenu:hover{background:0 0}.surface-gallery__category-selectmenu:before{display:none}.surface-gallery__templates-container{scrollbar-width:thin;min-width:0;max-width:100%;overflow:hidden auto}.surface-gallery__templates-container::-webkit-scrollbar{width:var(--goo-theme-space-xs)}.surface-gallery__templates-container::-webkit-scrollbar-track{background:var(--goo-theme-surface-raised)}.surface-gallery__templates-container::-webkit-scrollbar-thumb{background:var(--goo-theme-muted);border-radius:var(--goo-theme-radius-sm)}.surface-gallery__templates{box-sizing:border-box;grid-template-columns:var(--surface-gallery-template-columns);gap:var(--goo-theme-space-md);padding:var(--goo-theme-space-xs);width:100%;display:grid}.surface-gallery__paint-item{flex-direction:column;align-items:center;min-width:0;display:flex}.surface-gallery__paint-name{font-size:var(--goo-theme-font-size-xs);color:var(--goo-theme-fg);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;overflow:hidden}.surface-gallery__paint{aspect-ratio:var(--surface-gallery-preview-ratio);cursor:pointer;width:100%;min-width:0;max-width:100%;transition:transform var(--surface-gallery-motion);justify-content:center;align-items:center;display:flex;position:relative}.surface-gallery__paint--selected .surface-gallery__canvas-container{outline:var(--surface-gallery-selected-outline-width) solid var(--goo-theme-accent)}.surface-gallery__canvas-container{border-radius:var(--goo-theme-radius-sm);width:100%;display:block;position:relative}.surface-gallery__canvas-container canvas{aspect-ratio:var(--surface-gallery-preview-ratio);border-radius:var(--goo-theme-radius-sm);border:1px solid var(--goo-theme-border);box-sizing:border-box;width:100%;display:block}.surface-gallery__config-icon{width:var(--goo-theme-space-xl);height:var(--goo-theme-space-xl);color:var(--goo-theme-fg);background:var(--goo-theme-bg);cursor:pointer;transition:opacity var(--surface-gallery-motion);z-index:var(--surface-gallery-config-layer);padding:0 0 var(--goo-theme-space-xs) var(--goo-theme-space-xs);border-radius:0 var(--goo-theme-radius-sm) 0 var(--surface-gallery-config-radius);justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.surface-config-popout-host{--surface-config-popout-max-height:min(calc(var(--sketchpad-chrome-pane-width) + var(--sketchpad-chrome-pane-width) - var(--sketchpad-chrome-pane-header-height) + var(--goo-theme-space-xl) + var(--goo-theme-space-sm) - var(--goo-theme-space-2xs)), calc(100vh - (var(--goo-theme-space-xl) * 2)));--surface-config-popout-width:min(calc(var(--sketchpad-chrome-pane-width) + var(--sketchpad-chrome-toolbar-width) + var(--goo-theme-space-lg) + var(--goo-theme-space-2xs)), calc(100vw - (var(--goo-theme-space-xl) * 2)));--goo-popout-content-max-height:var(--surface-config-popout-max-height);--goo-popout-content-overflow:auto;--goo-popout-content-width:var(--surface-config-popout-width)}.surface-config-popout{background:var(--goo-theme-surface);color:var(--goo-theme-fg);gap:var(--goo-theme-space-md);min-width:0;padding:var(--goo-theme-space-md);display:grid}.surface-config-popout__header{font-size:var(--goo-theme-font-size-sm);font-weight:var(--goo-theme-font-weight-semibold);align-items:center;gap:var(--goo-theme-space-sm);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.surface-config-popout__close,.surface-config-popout__reset{font-size:var(--goo-theme-font-size-xs);min-height:var(--goo-theme-space-xl);padding:var(--goo-theme-space-xs) var(--goo-theme-space-sm)}.surface-config-popout__close{min-width:var(--goo-theme-space-xl);justify-content:center;align-items:center;display:inline-flex}.surface-config-popout__close-icon{font-size:var(--goo-theme-font-size-md)}.surface-config-popout .goo-schema__bare{gap:var(--goo-theme-space-md);display:grid}@supports (color: color-mix(in srgb, red, white)) {
.theme-set{text-align:right;top:-var(--goo-theme-space-xl);flex-direction:column;align-items:flex-end;display:flex;position:relative}.theme-set__selectmenu{margin-bottom:var(--goo-theme-space-xl)}.theme-color{align-items:center;gap:var(--goo-theme-space-sm);cursor:pointer;margin-bottom:var(--goo-theme-space-sm);display:flex}.theme-color__label{background:var(--goo-theme-surface);color:var(--goo-theme-fg);margin-right:var(--goo-theme-space-sm);opacity:1;font-style:normal;text-decoration:underline;position:relative}.theme-color__swatch{border:2px solid var(--goo-theme-border);height:var(--goo-theme-control-height-md);width:var(--goo-theme-control-height-md);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}
}.surface-set{align-items:center;gap:var(--goo-theme-space-sm);cursor:pointer;display:flex}.surface-set__label{background:var(--goo-theme-surface);color:var(--goo-theme-fg);margin-right:var(--goo-theme-space-sm);opacity:1;font-style:normal;text-decoration:underline;position:relative}.surface-set__preview{border:2px solid var(--goo-theme-border);height:var(--goo-theme-control-height-md);width:var(--goo-theme-control-height-md);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.settings-dialog,.surface-dialog{--settings-pane-bg:var(--goo-theme-surface);--settings-pane-fg:var(--goo-theme-fg);--settings-pane-muted-fg:var(--goo-theme-muted);--settings-pane-border: #393a45;
--settings-pane-border:color-mix(in srgb, var(--goo-theme-fg) 10%, var(--goo-theme-bg));--settings-pane-width:calc(var(--goo-theme-control-height-lg) * 8.75);--settings-pane-category-border-width:3px;--settings-pane-category-letter-spacing:0;--settings-pane-scroll-max-height:calc(100vh - var(--goo-theme-control-height-lg) - var(--goo-theme-space-sm));background:var(--settings-pane-bg);color:var(--settings-pane-fg)}.surface-dialog{width:var(--settings-pane-width)}.settings-dialog .dialog__content{padding:0}.surface-dialog .dialog__content{padding:var(--goo-theme-space-xl)}.settings-pane{background:var(--settings-pane-bg);color:var(--settings-pane-fg);max-width:var(--settings-pane-width);width:100%;margin:0;padding:0;display:block}.settings-pane__field{background:var(--settings-pane-bg);color:var(--settings-pane-fg);padding:var(--goo-theme-space-lg) var(--goo-theme-space-xl);transition:background var(--goo-theme-transition-normal);justify-content:space-between;align-items:center;display:flex}.settings-pane__title,.settings-pane__title span,.settings-pane .surface-set__label{background:var(--settings-pane-bg);color:var(--settings-pane-fg);opacity:1}.settings-pane__field .settings-pane__title{background:var(--settings-pane-bg);color:var(--settings-pane-fg);flex:1}.settings-pane__title{align-items:center;gap:var(--goo-theme-space-sm);font-weight:400;display:flex;top:0}.settings-pane__category{background:linear-gradient(0deg, var(--settings-pane-bg), color-mix(in srgb, var(--settings-pane-fg) 4%, var(--settings-pane-bg)));border-top:var(--settings-pane-category-border-width) solid var(--settings-pane-border);color:var(--settings-pane-muted-fg);font-size:var(--goo-theme-font-size-md);font-weight:var(--goo-theme-font-weight-semibold);letter-spacing:var(--settings-pane-category-letter-spacing);line-height:var(--goo-theme-space-xl);padding:var(--goo-theme-space-lg) var(--goo-theme-space-xl);text-transform:uppercase;width:100%;margin:0;display:block}.settings-pane__category-content{display:block}.settings-pane .surface-gallery__paint{aspect-ratio:auto}.settings-pane .file-services__gdrive-title{padding:0 0 var(--goo-theme-space-sm)}.settings-pane .file-services{font-weight:700}.settings-pane .file-services>div{padding-inline-start:var(--goo-theme-space-lg)}.settings-pane .file-services .drive-user-info__title{color:var(--settings-pane-fg);flex-direction:column;display:flex}.settings-pane .settings-preferred-save-path .goo-select__trigger-label{text-transform:capitalize}.settings-pane .settings-preferred-save-path__icon{font-size:var(--goo-theme-font-size-xl);margin-right:var(--goo-theme-space-xs);vertical-align:-.125em}.settings-pane .settings-accounts .settings-pane__title{align-items:flex-start;gap:var(--goo-theme-space-xs);flex-direction:column}.settings-pane .settings-accounts .settings-pane__title small{background:var(--goo-theme-surface);color:var(--goo-theme-fg);font-size:var(--goo-theme-font-size-sm);font-weight:400}[dir=rtl] .settings-pane__field{background:var(--settings-pane-bg);color:var(--settings-pane-fg);padding:var(--goo-theme-space-sm) var(--goo-theme-space-lg) var(--goo-theme-space-sm) var(--goo-theme-space-xs)}@media (max-width:450px){.settings-pane{max-width:100%}.settings-dialog .dialog__content,.surface-dialog .dialog__content{justify-content:center;display:flex}.settings-dialog .dialog__content-scroll,.surface-dialog .dialog__content-scroll{max-height:var(--settings-pane-scroll-max-height)}}.fs-path-change-restart-alert p,.settings-confirm-warning{margin-bottom:var(--goo-theme-space-sm)}.settings-confirm-warning-icon{color:var(--goo-theme-warning-fg);font-size:var(--goo-theme-control-height-md);margin:0 auto}@media (max-width:450px){.settings-dialog .dialog,.surface-dialog .dialog{max-width:100%}}.browser-upgrade-notice__message{padding:0 var(--goo-theme-space-xl);font-weight:400}dialog.filesystem-migration h1{font-size:var(--goo-theme-font-size-xl);margin-bottom:var(--goo-theme-space-sm)}*{box-sizing:border-box}html,body{background:var(--goo-theme-bg);font-size:var(--goo-theme-font-size-base);width:100%;height:100%;margin:0;line-height:1;overflow:hidden}html,body,button,input,select,textarea{font-family:var(--sketchpad-chrome-font-family)}body{overscroll-behavior-y:none;font-size:var(--goo-theme-font-size-base);flex-direction:column;height:100vh;display:flex}.sketch-api{opacity:1;transition:opacity var(--goo-theme-transition-normal)}.sketch-api.hidden{opacity:0}sketchpad{letter-spacing:0;width:100%;height:100%;display:block;position:relative}sketchpad.hidden{visibility:hidden}sketchpad sketchpad-viewport{width:inherit;height:inherit;overflow:unset;background:var(--goo-theme-surface-sunken);z-index:1;margin:0;padding:0;display:block;position:absolute;top:0;left:0}sketchpad.shell-first-startup sketch-tool.is-shell-gated,sketchpad.shell-first-startup sketch-Tool.is-shell-gated,sketchpad.shell-first-startup [data-exec].is-shell-gated{opacity:.55}sketchpad.shell-first-startup sketch-tool.is-shell-queued,sketchpad.shell-first-startup sketch-Tool.is-shell-queued,sketchpad.shell-first-startup [data-exec].is-shell-queued{background:var(--goo-theme-accent);color:var(--goo-theme-accent-fg);opacity:1}.ui-sync-warning{color:var(--goo-theme-warning-fg)}.ui-sync-warning goo-progress-ring-timer{margin:var(--goo-theme-space-xs);position:absolute;top:0;right:0}.ui-sync-warning span.sketch-button{margin:0 calc(var(--goo-theme-space-xs) + var(--goo-theme-space-2xs) * .5);padding:0 calc(var(--goo-theme-space-sm) + var(--goo-theme-space-2xs))}.edit-content-overlay .title{color:var(--goo-theme-accent-fg);background:var(--goo-theme-accent)}.profile.googleDrive{margin:var(--goo-theme-space-xs) 0;justify-content:left;align-items:center;display:flex;position:relative}.profile.googleDrive img{width:var(--goo-theme-control-height-lg);height:var(--goo-theme-control-height-lg);border-radius:var(--goo-theme-radius-full);border:1px solid var(--goo-theme-fg);margin-right:var(--goo-theme-space-md)}.sketch-watermark{--sketch-watermark-bg:#000000bf;--sketch-watermark-z-index:1;background:var(--sketch-watermark-bg);border-radius:var(--goo-theme-radius-lg);bottom:var(--goo-theme-space-2xs);height:var(--sketchpad-chrome-toolbar-button-size);padding:var(--goo-theme-space-sm);right:var(--goo-theme-space-2xs);z-index:var(--sketch-watermark-z-index);position:absolute}
