@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lato:wght@400;700&family=Montserrat:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@400;500;700&display=swap";
.sandbox-shell{--devora-bg:#fff;--devora-panel:#fff;--devora-surface:#faf8ff;--devora-border:#e9e1f7;--devora-muted:#756b86;--devora-text:#21182f;--devora-purple:#8b4dde;--devora-purple-dark:#7134c2;background:var(--devora-bg);width:100%;min-width:0;height:100dvh;color:var(--devora-text);font-synthesis:none;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;overflow:hidden}.sandbox-canvas{width:100%;min-width:0;height:100%}.sandbox-topbar{z-index:35;box-sizing:border-box;border:1px solid var(--devora-border);background:#fffffffa;border-radius:0;align-items:center;gap:4px;width:100%;max-width:none;min-height:58px;padding:8px 12px;display:flex;position:absolute;top:0;left:0;overflow-x:auto;box-shadow:0 4px 18px #4924741a}.sandbox-topbar-brand,.sandbox-topbar button{height:32px;color:var(--devora-text);white-space:nowrap;background:0 0;border:0;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;padding:0 9px;font:500 18px Poppins,ui-sans-serif,system-ui,sans-serif;display:inline-flex}.sandbox-topbar-brand{color:var(--devora-text);padding:0 10px 0 6px;font-weight:700;text-decoration:none}.sandbox-topbar-brand img{object-fit:contain;width:24px;height:24px}.sandbox-topbar button{cursor:pointer;text-indent:0;list-style:none!important}.sandbox-topbar button:before,.sandbox-topbar button:after{content:none!important;display:none!important}.sandbox-topbar button::marker{content:none!important;display:none!important}.sandbox-topbar button:hover,.sandbox-topbar button:focus-visible{color:var(--devora-purple-dark);background:#f1e7ff;outline:none}.sandbox-topbar-divider{background:var(--devora-border);flex-shrink:0;width:1px;height:22px;margin:0 3px}.sandbox-color-control{flex-shrink:0;position:relative}.sandbox-color-menu{z-index:80;border:1px solid var(--devora-border);background:#fff;border-radius:10px;width:216px;padding:12px;position:fixed;top:66px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #49247429}.sandbox-color-menu-label{color:var(--devora-text);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.sandbox-color-swatches{align-items:center;gap:8px;display:flex}.sandbox-color-swatches button,.sandbox-custom-color{box-sizing:border-box;cursor:pointer;border:1px solid #d9cbea;border-radius:50%;width:24px;min-width:24px;height:24px;padding:0}.sandbox-color-swatches button.active{outline:2px solid var(--devora-purple);outline-offset:2px}.sandbox-custom-color{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);place-items:center;display:grid;overflow:hidden}.sandbox-custom-color input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0}.sandbox-shell .excalidraw .App-menu_top__left [data-testid=main-menu-trigger]{border:1px solid var(--devora-border);width:170px;height:42px;color:var(--devora-text);opacity:1;pointer-events:auto;background-color:#fff;background-image:url(/logo.png);background-position:7px;background-repeat:no-repeat;background-size:30px 30px;border-radius:9px;justify-content:flex-start;align-items:center;padding:5px 38px 5px 45px;font:600 13px Poppins,ui-sans-serif,system-ui,sans-serif;display:flex;position:relative}.sandbox-shell .excalidraw .App-menu_top__left [data-testid=main-menu-trigger] svg{display:none}.sandbox-shell .excalidraw .App-menu_top__left [data-testid=main-menu-trigger]:after{content:"DevoraCamp"}.sandbox-shell .excalidraw .App-menu_top__left [data-testid=main-menu-trigger]:before{border-right:2px solid var(--devora-purple);border-bottom:2px solid var(--devora-purple);content:"";width:7px;height:7px;position:absolute;right:14px;transform:translateY(-2px)rotate(45deg)}.sandbox-shell .excalidraw .App-menu_top__left:has(.dropdown-menu) [data-testid=main-menu-trigger]:before{transform:translateY(2px)rotate(225deg)}.sandbox-shell .excalidraw .App-menu_top__left [data-testid=main-menu-trigger]:hover{color:var(--devora-purple-dark);background-color:#f1e7ff;border-color:#b78be9;transform:translateY(-1px)}.sandbox-loading{background:var(--devora-bg);height:100dvh;color:var(--devora-muted);text-align:center;place-content:center;gap:12px;font-size:12px;display:grid}.sandbox-loading-mark{width:44px;height:44px;color:var(--devora-purple);border:1px solid #cbb0f1;border-radius:13px;place-items:center;margin:auto;animation:1.8s ease-in-out infinite sandbox-pulse;display:grid}@keyframes sandbox-pulse{50%{transform:translateY(-2px);box-shadow:0 0 28px #ab68ff35}}.sandbox-shell .excalidraw{--ui-font:"Poppins",ui-sans-serif,system-ui,sans-serif;--color-primary:#8b4dde;--color-primary-darker:#7134c2;--color-primary-darkest:#5c269f;--color-gray-10:#fff;--color-gray-20:#faf8ff;--color-gray-30:#f1ebfb;--color-gray-40:#ddd0ef;--color-gray-50:#756b86;--color-gray-60:#51465e;--color-gray-70:#21182f;--color-gray-80:#160e22;--color-surface-primary:#fff;--color-surface-low:#faf8ff}.sandbox-shell .excalidraw,.sandbox-shell .excalidraw *,.sandbox-shell .excalidraw button,.sandbox-shell .excalidraw input,.sandbox-shell .excalidraw textarea,.sandbox-shell .excalidraw select,.sandbox-shell .excalidraw [role=button]{font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important}.sandbox-shell .excalidraw .App-toolbar,.sandbox-shell .excalidraw .default-sidebar-trigger{border-color:var(--devora-border);box-shadow:0 4px 18px #49247412}.sandbox-shell .excalidraw .default-sidebar-trigger{color:var(--devora-purple);background:#fff}.sandbox-shell .excalidraw .default-sidebar-trigger:hover{background:var(--devora-surface)}.sandbox-shell .excalidraw .App-menu__left{max-height:calc(100dvh - 58px)!important;top:58px!important;overflow-y:auto!important}.sandbox-shell .excalidraw .excalidraw-link,.sandbox-shell .excalidraw a[href*=excalidraw],.sandbox-shell .excalidraw a[href*=github\.com],.sandbox-shell .excalidraw .footer-center,.excalidraw .HelpDialog__btn[href*="docs.excalidraw.com"],.excalidraw .HelpDialog__btn[href*="plus.excalidraw.com/blog"],.excalidraw .HelpDialog__btn[href*="github.com/excalidraw/excalidraw/issues"],.excalidraw .HelpDialog__btn[href*=youtube\.com],.excalidraw a[href*="docs.excalidraw.com"],.excalidraw a[href*="plus.excalidraw.com/blog"],.excalidraw a[href*="github.com/excalidraw/excalidraw/issues"],.excalidraw a[href*=youtube\.com],.excalidraw [aria-label=Documentation],.excalidraw [aria-label="Read our blog"],.excalidraw [aria-label="Found an issue? Submit"],.excalidraw [aria-label=YouTube],.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu a[href]{display:none!important}.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu .dropdown-menu-group:has(a[href]){display:none!important}.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu [aria-label=GitHub],.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu [aria-label=X],.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu [aria-label=Discord]{display:none!important}.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu{border:1px solid var(--devora-border);width:max-content;min-width:200px;color:var(--devora-text);background:#fff;border-radius:12px;margin-top:0;padding:5px;top:calc(100% + 8px);left:0;box-shadow:0 10px 26px #4924741f}.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu .dropdown-menu-group{box-sizing:border-box;width:100%}.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu .dropdown-menu-container{box-sizing:border-box;background:0 0;border-radius:8px;width:100%}.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu .dropdown-menu-item{box-sizing:border-box;width:100%;color:var(--devora-text);border-radius:8px}.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu .dropdown-menu-item:hover,.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu .dropdown-menu-item:focus-visible{outline:none;color:var(--devora-purple-dark)!important;background-color:#f1e7ff!important;border-color:#b78be9!important}.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu .dropdown-menu-item svg{color:var(--devora-purple)}.sandbox-shell .excalidraw .App-menu_top__left .dropdown-menu .dropdown-menu-item:hover,.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon:hover,.sandbox-shell .excalidraw .App-menu_top .App-toolbar button:hover{transform:translateY(-1px);color:var(--devora-purple-dark)!important;background-color:#f1e7ff!important;border-color:#b78be9!important}.sandbox-shell .excalidraw .App-menu_top .App-toolbar{--button-hover-bg:#f1e7ff;--button-hover-border:#b78be9;--button-hover-color:var(--devora-purple-dark)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon:hover .ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon__icon:hover,.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon_type_radio:checked+.ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon_type_checkbox:checked+.ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon.active,.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon.active .ToolIcon__icon{transform:translateY(-1px);color:var(--devora-purple-dark)!important;background-color:#f1e7ff!important;border:1px solid #b78be9!important}.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon_type_radio:checked+.ToolIcon__icon svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon.active svg{color:var(--devora-purple-dark)!important}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=selection i] svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=selection i] svg{color:#8b4dde}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=rectangle i] svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=rectangle i] svg{color:#3b82f6}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=diamond i] svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=diamond i] svg{color:#10b981}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=ellipse i] svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=ellipse i] svg{color:#f59e0b}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=arrow i] svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=arrow i] svg{color:#ef4444}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=line i] svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=line i] svg{color:#06b6d4}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=draw i] svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=draw i] svg{color:#ec4899}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=text i] svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=text i] svg{color:#7c3aed}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=image i] svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=image i] svg{color:#f97316}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=eraser i] svg,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=eraser i] svg{color:#e11d48}.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon__icon{background-position:50%;background-repeat:no-repeat;background-size:22px 22px}.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon__icon svg{display:none!important}.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon:has([data-testid=toolbar-lock]) .ToolIcon__icon{background-image:url(/icons/lock_icon.svg)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon:has([data-testid=toolbar-lock]) .ToolIcon__icon svg{display:none!important}.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon:has([data-testid=toolbar-selection]) .ToolIcon__icon{background-image:url(/icons/cursor-solid.svg)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon:has([data-testid=toolbar-selection]) .ToolIcon__icon svg{display:none!important}.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon:has([data-testid=toolbar-hand]) .ToolIcon__icon{background-image:url(/icons/hand.svg)!important}.sandbox-shell .excalidraw .App-menu_top .App-toolbar .ToolIcon:has([data-testid=toolbar-hand]) .ToolIcon__icon svg{display:none!important}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [data-testid=toolbar-hand] .ToolIcon__icon{background-image:none}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [data-testid=toolbar-hand] .ToolIcon__icon svg{display:block!important}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=selection i] .ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=selection i] .ToolIcon__icon{background-image:url(/icons/cursor-solid.svg)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=rectangle i] .ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=rectangle i] .ToolIcon__icon{background-image:url(/icons/rectangle-outline-rounded.svg)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=diamond i] .ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=diamond i] .ToolIcon__icon{background-image:url(/icons/square-rotated.svg)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=ellipse i] .ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=ellipse i] .ToolIcon__icon{background-image:url(/icons/circle-outline.svg)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=arrow i] .ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=arrow i] .ToolIcon__icon{background-image:url(/icons/arrow-right.svg)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=line i] .ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=line i] .ToolIcon__icon{background-image:url(/icons/line-x.svg)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=draw i] .ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=draw i] .ToolIcon__icon{background-image:url(/icons/pencil-fill.svg)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=text i] .ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=text i] .ToolIcon__icon{background-image:url(/icons/text-filled.svg)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=image i] .ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=image i] .ToolIcon__icon{background-image:url(/icons/gallery-duotone.svg)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar [aria-label*=eraser i] .ToolIcon__icon,.sandbox-shell .excalidraw .App-menu_top .App-toolbar [title*=eraser i] .ToolIcon__icon{background-image:url(/icons/eraser-bold.svg)}.sandbox-shell .excalidraw .ExportDialog .Card,.excalidraw .ExportDialog .Card{box-shadow:none!important;background:0 0!important;border:none!important}.sandbox-shell .excalidraw .Card .Card-icon{background:var(--devora-purple)!important;color:#fff!important}.sandbox-shell .excalidraw .Card .Card-icon svg,.sandbox-shell .excalidraw .Card .Card-icon svg *{fill:currentColor!important;stroke:currentColor!important}.sandbox-shell .excalidraw .Card .Card-button.ToolIcon_type_button{background-color:var(--devora-purple)!important}.sandbox-shell .excalidraw .Card .Card-button.ToolIcon_type_button:hover{background-color:var(--devora-purple-dark)!important}.sandbox-shell .excalidraw .Card .Card-details{color:var(--devora-text)}.sandbox-shell .excalidraw [data-testid=font-family-hand-drawn],.sandbox-shell .excalidraw [data-testid*=excalifont i],.sandbox-shell .excalidraw [aria-label*=Excalifont i],.sandbox-shell .excalidraw [data-testid=font-family-show-fonts],.sandbox-shell .excalidraw .FontPicker__container,.sandbox-shell .excalidraw .ToolIcon[aria-label=Library],.sandbox-shell .excalidraw [title=Library],.sandbox-shell .excalidraw [data-testid*=library i],.sandbox-shell .excalidraw .help-icon{display:none!important}.sandbox-shell .excalidraw:has(.default-sidebar .layer-ui__search) .layer-ui__wrapper{width:100%!important}.sandbox-shell .excalidraw .default-sidebar:has(.layer-ui__search){z-index:40;width:0;min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;position:fixed;inset:0 auto;overflow:visible;transform:none}.sandbox-shell .excalidraw .default-sidebar:has(.layer-ui__search)>.sidebar-tabs-root{z-index:40;border:1px solid var(--devora-border);background:#fff;border-radius:14px;width:min(440px,100vw - 32px);height:min(560px,100dvh - 48px);min-height:230px;max-height:min(560px,100dvh - 48px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 48px #4924742e}.sandbox-shell .excalidraw .default-sidebar:has(.layer-ui__search) [role=tablist] .sidebar-tab-trigger:not(:first-child){display:none!important}.sandbox-shell .excalidraw .default-sidebar:has(.layer-ui__search) [role=tabpanel][data-testid=library]{display:none!important}@media (min-width:0){.sandbox-shell .excalidraw .App-menu_top__left [data-testid=main-menu-trigger]{display:none!important}.sandbox-shell .excalidraw .FixedSideContainer_side_top:has(.App-menu_top){pointer-events:none;justify-content:center;align-items:flex-end;display:flex;inset:auto 0 12px}.sandbox-shell .excalidraw .App-menu_top{border:1px solid var(--devora-border);background:#fffffff7;border-radius:10px;flex-direction:row;align-items:flex-end;gap:8px;width:max-content;max-width:calc(100vw - 24px);padding:4px;font-size:16px;display:flex;inset:auto auto 12px 50%;overflow:visible;transform:translate(-50%);box-shadow:0 4px 18px #49247414}.sandbox-shell .excalidraw .App-menu_top button,.sandbox-shell .excalidraw .App-menu_top input,.sandbox-shell .excalidraw .App-menu_top select,.sandbox-shell .excalidraw .App-menu_top [role=button]{font-size:inherit}.sandbox-shell .excalidraw .FixedSideContainer_side_top:has(.App-menu_top) .App-menu_top{position:relative;bottom:auto;left:auto;transform:none}.sandbox-shell .excalidraw .App-menu_top__left{z-index:5;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:row;align-items:center;padding:0;display:flex;position:fixed;top:12px;left:12px}.sandbox-shell .excalidraw .App-menu_top>.shapes-section{order:initial;justify-content:center;width:auto;max-width:calc(100vw - 24px)}.sandbox-shell .excalidraw .App-menu_top .App-toolbar-container{flex-direction:row;align-items:center;width:auto;max-width:calc(100vw - 24px);display:flex}.sandbox-shell .excalidraw .App-menu_top .App-toolbar{width:auto;max-width:calc(100vw - 24px);box-shadow:none;border:0;flex-direction:row;align-items:center;display:flex}.sandbox-shell .excalidraw .App-menu_top .App-toolbar>*{flex-direction:row;align-items:center;width:auto;display:flex}.sandbox-shell .excalidraw .App-menu_top .App-toolbar__divider{width:1px;height:24px;margin:0 4px}}@media (min-width:701px){.sandbox-shell .excalidraw .App-toolbar__extra-tools-trigger,.sandbox-shell .excalidraw .App-toolbar__extra-tools-dropdown{display:none!important}}.sandbox-icons-panel{z-index:60;box-sizing:border-box;background:var(--devora-panel);width:clamp(260px,28vw,320px);height:calc(100dvh - 58px);max-height:calc(100dvh - 58px);color:var(--devora-text);overscroll-behavior:contain;border-left:1px solid var(--devora-border);padding:20px 16px;position:absolute;top:58px;bottom:auto;right:0;overflow-y:auto;box-shadow:-6px 0 22px #49247414}.sandbox-icons-toggle{z-index:61;border:1px solid var(--devora-border);width:34px;height:34px;color:var(--devora-purple);cursor:pointer;background:#fff;border-radius:9px;place-items:center;padding:0;display:grid;position:absolute;top:70px;right:12px;box-shadow:0 4px 18px #49247414}.icons-panel-open .sandbox-icons-toggle{right:calc(clamp(260px,28vw,320px) + 12px)}.sandbox-icons-toggle:hover,.sandbox-icons-toggle:focus-visible{background:var(--devora-surface);outline:none}.sandbox-panel-heading{border-bottom:1px solid var(--devora-border);color:var(--devora-purple);grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:10px;padding-bottom:17px;display:grid}.sandbox-panel-heading>div{min-width:0}.sandbox-panel-heading h2{color:var(--devora-text);margin:0;font-size:19px;font-weight:600}.sandbox-panel-heading p{color:var(--devora-muted);margin:5px 0 0;font-size:13px;line-height:1.5}.sandbox-heading-color-input{z-index:1;border:1px solid var(--devora-border);cursor:pointer;background:#fff;border-radius:8px;width:30px;height:30px;padding:2px;position:relative}.sandbox-heading-color-input::-webkit-color-swatch-wrapper{padding:0}.sandbox-heading-color-input::-webkit-color-swatch{border:0;border-radius:5px}.sandbox-heading-color-value{color:var(--devora-muted);letter-spacing:.04em;flex:none;font-size:11px}.sandbox-icon-search{border:1px solid var(--devora-border);height:34px;color:var(--devora-muted);box-sizing:border-box;background:#fff;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:0 9px;display:flex}.sandbox-icon-search:focus-within{border-color:#b78be9;box-shadow:0 0 0 3px #eadcff}.sandbox-icon-search input{min-width:0;color:var(--devora-text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.sandbox-icon-search input::placeholder{color:#a69bb4}.sandbox-icon-search input::-webkit-search-cancel-button{display:none}.sandbox-icon-search button{width:20px;height:20px;color:var(--devora-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.sandbox-icon-search button:hover{color:var(--devora-purple-dark);background:#f1e7ff}.sandbox-color-label,.sandbox-color-value{display:block}.sandbox-color-label{color:var(--devora-text);font-size:13px;font-weight:500}.sandbox-color-value{color:var(--devora-muted);letter-spacing:.04em;margin-top:2px;font-size:11px}.sandbox-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:17px;display:grid}.sandbox-icon-card{background:var(--devora-surface);min-width:0;min-height:78px;color:var(--devora-muted);cursor:pointer;font:inherit;border:1px solid #0000;border-radius:9px;justify-items:center;gap:8px;padding:10px 4px 8px;font-size:12px;transition:all .15s;display:grid}.sandbox-icon-card>span:last-child{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;display:block;overflow:hidden}.sandbox-icon-card:hover,.sandbox-icon-card:focus-visible{color:var(--devora-purple-dark);background:#f1e7ff;border-color:#b78be9;outline:none;transform:translateY(-1px)}.sandbox-icon-preview{width:38px;height:38px;color:var(--devora-purple);box-shadow:inset 0 0 0 1px var(--devora-border);background:#fff;border-radius:8px;place-items:center;display:grid}.sandbox-toast{color:#277b52;background:#effaf4;border:1px solid #9bd7bd;border-radius:8px;align-items:center;gap:7px;margin-top:18px;padding:9px 10px;font-size:12px;display:flex}.sandbox-panel-footnote{color:#9a90a8;text-align:center;margin:18px 0 0;font-size:12px}.sandbox-empty-icons{color:var(--devora-muted);text-align:center;margin:24px 8px;font-size:13px;line-height:1.5}@media (max-width:700px){.sandbox-topbar{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;max-width:none;top:0;left:0;overflow-x:auto}.sandbox-shell .excalidraw .App-menu_top{box-sizing:border-box;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;justify-content:flex-start;width:calc(100vw - 16px);max-width:none;left:8px;overflow-x:auto;transform:none}.sandbox-icons-panel{top:58px}.sandbox-icons-toggle{top:70px}.sandbox-shell .excalidraw .App-menu_top .App-toolbar-container,.sandbox-shell .excalidraw .App-menu_top .App-toolbar{flex-shrink:0}.sandbox-icons-panel{width:min(320px,100vw - 24px);padding:16px 12px}.icons-panel-open .sandbox-icons-toggle{right:calc(min(320px,100vw - 24px) + 8px)}.sandbox-icon-grid{gap:6px}.sandbox-icon-card{min-height:72px}}@media (max-width:380px){.sandbox-icons-panel{width:calc(100vw - 12px)}.icons-panel-open .sandbox-icons-toggle{right:calc(100vw - 4px)}.sandbox-panel-heading h2{font-size:17px}.sandbox-panel-heading p{max-width:180px}}@media (max-height:520px) and (orientation:landscape){.sandbox-icons-panel{padding-top:10px;padding-bottom:10px}.sandbox-panel-heading{padding-bottom:9px}.sandbox-icon-grid{padding-top:9px}.sandbox-icon-card{min-height:62px}.sandbox-icon-preview{width:30px;height:30px}}.excalidraw .Modal__background{-webkit-backdrop-filter:blur(4px)!important;background:#21182f73!important}.excalidraw .Dialog,.excalidraw .Island.Dialog__content,.excalidraw .Modal__content{color:#21182f!important;background:#fff!important;border:1px solid #e9e1f7!important;border-radius:18px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;box-shadow:0 24px 64px #4924742e!important}.excalidraw .Dialog__title,.excalidraw .Modal__title{color:#21182f!important;letter-spacing:-.01em!important;padding:22px 24px 0!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-size:17px!important;font-weight:700!important}.excalidraw .Dialog__close,.excalidraw .Modal__close,.excalidraw [aria-label=Close]{color:#756b86!important;border-radius:9px!important;transition:background .15s,color .15s!important}.excalidraw .Dialog__close:hover,.excalidraw .Modal__close:hover,.excalidraw [aria-label=Close]:hover{color:#7134c2!important;background:#f1e7ff!important}.excalidraw .HelpDialog{background:#fff!important;border:1px solid #e9e1f7!important;border-radius:18px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;box-shadow:0 24px 64px #4924742e!important}.excalidraw .HelpDialog .Island{box-shadow:none!important;background:0 0!important;border-radius:14px!important}.excalidraw .HelpDialog .Dialog__title{color:#21182f!important;border-bottom:1px solid #e9e1f7!important;align-items:center!important;gap:10px!important;padding:20px 24px 16px!important;font-size:16px!important;font-weight:700!important;display:flex!important}.excalidraw .HelpDialog .Dialog__title:before{content:""!important;background:linear-gradient(135deg,#8b4dde,#c084fc)!important;border-radius:50%!important;flex-shrink:0!important;width:8px!important;height:8px!important;display:inline-block!important;box-shadow:0 0 8px #ab68ff60!important}.excalidraw .HelpDialog__islands-container h3,.excalidraw .HelpDialog .heading{color:#8b4dde!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-bottom:6px!important;font-size:11px!important;font-weight:600!important}.excalidraw .HelpDialog .shortcut{color:#21182f!important;border-radius:7px!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:5px 8px!important;font-size:13px!important;transition:background .12s!important;display:flex!important}.excalidraw .HelpDialog .shortcut:hover{background:#faf8ff!important}.excalidraw .HelpDialog .shortcut kbd,.excalidraw .HelpDialog .shortcut .key,.excalidraw .HelpDialog .key{color:#7134c2!important;background:#faf8ff!important;border:1px solid #ddd0ef!important;border-radius:5px!important;justify-content:center!important;align-items:center!important;min-width:24px!important;height:22px!important;padding:0 6px!important;font:600 11px Poppins,ui-sans-serif,system-ui,sans-serif!important;display:inline-flex!important;box-shadow:0 1px #ddd0ef!important}.excalidraw .ExportDialog{border-radius:18px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important}.excalidraw .ExportDialog .Island{background:#fff!important;border:1px solid #e9e1f7!important;border-radius:18px!important;box-shadow:0 24px 64px #4924742e!important}.excalidraw .ExportDialog .Tabs__tab{color:#756b86!important;border-radius:8px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-size:13px!important;font-weight:500!important;transition:background .15s,color .15s!important}.excalidraw .ExportDialog .Tabs__tab:hover{color:#21182f!important;background:#faf8ff!important}.excalidraw .ExportDialog .Tabs__tab--active,.excalidraw .ExportDialog .Tabs__tab[aria-selected=true]{color:#7134c2!important;background:#f1e7ff!important;font-weight:600!important}.excalidraw .ExportDialog .ExportDialog__preview canvas,.excalidraw .ExportDialog__preview{background:#faf8ff!important;border:1px solid #e9e1f7!important;border-radius:12px!important}.excalidraw .ExportDialog .ExportDialog__settings label,.excalidraw .ExportDialog label{color:#21182f!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-size:13px!important}.excalidraw .ExportDialog .ToolIcon_type_button.ToolIcon_size_medium,.excalidraw .ExportDialog button.ToolIcon_type_button{color:#fff!important;background:#8b4dde!important;border-radius:9px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-size:13px!important;font-weight:600!important;transition:background .15s,transform .15s!important}.excalidraw .ExportDialog .ToolIcon_type_button.ToolIcon_size_medium:hover,.excalidraw .ExportDialog button.ToolIcon_type_button:hover{background:#7134c2!important;transform:translateY(-1px)!important}.excalidraw .ExportDialog .Card{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:14px!important;transition:none!important}.excalidraw .ExportDialog .Card:hover{box-shadow:none!important;border-color:#0000!important}.excalidraw .ExportDialog .Card .Card-icon{color:#fff!important;background:linear-gradient(135deg,#8b4dde,#a855f7)!important;border-radius:10px!important}.excalidraw .ExportDialog .Card .Card-name{color:#21182f!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-weight:600!important}.excalidraw .ExportDialog .Card .Card-details{color:#756b86!important;font-size:12px!important}.excalidraw .ExportDialog .Card .Card-button.ToolIcon_type_button{background:#8b4dde!important;border-radius:8px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-weight:600!important}.excalidraw .ExportDialog .Card .Card-button.ToolIcon_type_button:hover{background:#7134c2!important;transform:translateY(-1px)!important}.excalidraw .ExportDialog input[type=checkbox]{accent-color:#8b4dde!important}.excalidraw .ExportDialog select{color:#21182f!important;background:#faf8ff!important;border:1px solid #e9e1f7!important;border-radius:7px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-size:13px!important}.excalidraw .ExportDialog select:focus{border-color:#b78be9!important;outline:none!important;box-shadow:0 0 0 3px #eadcff!important}.excalidraw .Modal__content{color:#21182f!important;background:#fff!important;border:1px solid #e9e1f7!important;border-radius:18px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;overflow:hidden!important;box-shadow:0 24px 64px #4924742e!important}.excalidraw .Modal__content .Dialog__title{color:#21182f!important;letter-spacing:-.01em!important;border-bottom:1px solid #e9e1f7!important;align-items:center!important;gap:10px!important;padding:18px 22px 16px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-size:16px!important;font-weight:700!important;display:flex!important}.excalidraw .Modal__content .Dialog__title:before{content:""!important;background:linear-gradient(135deg,#8b4dde,#c084fc)!important;border-radius:50%!important;flex-shrink:0!important;width:8px!important;height:8px!important;display:inline-block!important;box-shadow:0 0 8px #ab68ff60!important}.excalidraw .Modal__content .Dialog__close{color:#756b86!important;border-radius:9px!important;transition:background .15s,color .15s!important}.excalidraw .Modal__content .Dialog__close:hover{color:#7134c2!important;background:#f1e7ff!important}.excalidraw .ImageExportModal__settings__setting__label{color:#21182f!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-size:13px!important;font-weight:500!important}.excalidraw .Modal__content input[type=checkbox],.excalidraw .Modal__content input[type=radio],.excalidraw input[name=exportScale],.excalidraw input[type=radio]{accent-color:#8b4dde!important}.excalidraw .RadioGroup{background:#faf8ff!important;border:1px solid #e9e1f7!important;border-radius:8px!important;padding:2px!important}.excalidraw .RadioGroup__choice{color:#756b86!important;border:1px solid #0000!important;border-radius:6px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-weight:500!important;transition:background .15s,color .15s,border-color .15s!important}.excalidraw .RadioGroup__choice:hover{color:#7134c2!important;background:#f1e7ff!important}.excalidraw .RadioGroup__choice.active{color:#fff!important;background:#8b4dde!important;border-color:#8b4dde!important;font-weight:600!important}.excalidraw .RadioGroup__choice:has(input:checked){color:#fff!important;background:#8b4dde!important;border-color:#8b4dde!important;font-weight:600!important}.excalidraw .RadioGroup__choice.active input[type=radio]{accent-color:#fff!important}.excalidraw .RadioGroup__choice:has(input:checked) input[type=radio]{accent-color:#fff!important}.excalidraw .Modal__content select{color:#21182f!important;background:#faf8ff!important;border:1px solid #e9e1f7!important;border-radius:7px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-size:13px!important;transition:border-color .15s,box-shadow .15s!important}.excalidraw .Modal__content select:focus{border-color:#b78be9!important;outline:none!important;box-shadow:0 0 0 3px #eadcff!important}.excalidraw .ExcButton.ExcButton--color-primary.ExcButton--variant-filled,.excalidraw .ImageExportModal__settings__buttons__button.ExcButton{color:#fff!important;background:#8b4dde!important;border:none!important;border-radius:9px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-size:13px!important;font-weight:600!important;transition:background .15s,transform .15s,box-shadow .15s!important}.excalidraw .ExcButton.ExcButton--color-primary.ExcButton--variant-filled:hover,.excalidraw .ImageExportModal__settings__buttons__button.ExcButton:hover{background:#7134c2!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #7134c259!important}.excalidraw .ExcButton.ExcButton--variant-outlined,.excalidraw .Modal__content .ExcButton:not(.ExcButton--variant-filled){color:#21182f!important;background:#faf8ff!important;border:1px solid #e9e1f7!important;border-radius:9px!important;font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important;font-size:13px!important;transition:border-color .15s,background .15s!important}.excalidraw .ExcButton.ExcButton--variant-outlined:hover,.excalidraw .Modal__content .ExcButton:not(.ExcButton--variant-filled):hover{color:#7134c2!important;background:#f1e7ff!important;border-color:#b78be9!important}.sandbox-shell.pdraw-shell{height:100%!important;min-height:0!important}