@drawo-app/drawo 2.0.7 → 2.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/drawo.css +1 -1
  2. package/dist/index.cjs +147 -147
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +32 -4
  5. package/dist/index.d.ts +32 -4
  6. package/dist/index.js +16099 -15998
  7. package/dist/index.js.map +1 -1
  8. package/package.json +8 -15
package/dist/drawo.css CHANGED
@@ -1 +1 @@
1
- .timer-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;box-sizing:border-box;color:currentColor;font-family:Inter}.timer-display{position:relative;border-radius:12px;display:flex;padding:22px 28px;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}@keyframes timer-done-pulse{0%,to{opacity:1}50%{opacity:.35}}.timer-display--done{animation:timer-done-pulse .6s ease 5}@font-face{font-family:D7CBI;font-style:italic;font-weight:400;src:url(https://static.figma.com/webfont/1/DSEG7Classic-Italic-Custom2.woff2) format("woff2"),url(https://static.figma.com/webfont/1/DSEG7Classic-Italic-Custom2.woff) format("woff")}.timer-font{font-family:D7CBI;font-weight:200}.timer-digit-group{display:flex;gap:5px;position:relative;z-index:1}.timer-progress-wrap{width:100%;height:2px;background:rgba(var(--text-rgb),.1)}.timer-progress-bar{height:100%;background:currentColor;transition:width .6s linear}.timer-content-container{position:relative}.timer-background{position:absolute;top:0;left:0;opacity:.05}.timer-content{font-size:70px;margin:0}.timer-controls{display:flex;gap:6px;align-items:center;width:100%;justify-content:space-between}.timer-btn:hover{background:rgba(var(--text-rgb),.2)}.timer-btn{background:none;color:currentColor;cursor:pointer;transition:.1s;font-family:inherit;font-size:14px;white-space:nowrap;border:none}.timer-controls-section{display:flex;gap:2px}.timer-iconbtn{display:flex;padding:10px;border-radius:50%}.timer-textbtn{border-radius:12px;corner-shape:squircle;padding:4px 12px;border:1px solid rgba(var(--text-rgb),.2)}.timer-btn--primary:hover{background:rgba(var(--accent-rgb),.8)}.timer-btn--primary{color:#fff;background:rgba(var(--accent-rgb),.7)}.timer-btn:active{opacity:.6}.timer-btn:disabled{opacity:.3;cursor:default}.timer-font.music-bar-now-playing{font-size:13px;font-weight:900}.timer-presets{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;width:100%}.timer-preset{border-radius:12px;color:currentColor;cursor:pointer;transition:.1s;font-family:inherit;font-size:12px;white-space:nowrap;border:none;corner-shape:squircle;padding:6px 12px;background:rgba(var(--text-rgb),.1)}@supports (corner-shape: squircle){.timer-preset,.timer-textbtn{border-radius:24px}}.music-bar{position:relative;z-index:100;width:fit-content;border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.music-bar-open{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.music-bar-toggle{border-radius:12px;width:100%;border:0;overflow:hidden;position:relative;padding:14px 18px;display:flex;box-shadow:var(--panel-shadow);align-items:center;border:1px solid var(--panel-border);justify-content:space-between;cursor:pointer;color:inherit;corner-shape:squircle;transition:all .16s ease}.music-bar-toggle:hover{filter:brightness(.95)}.dark .music-bar-toggle:hover{filter:brightness(1.3)}.music-bar-toggle-content{display:inline-flex;align-items:center;gap:8px}.music-bar-now-playing{font:600 13px Inter,sans-serif;letter-spacing:.02em;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.music-dot-active{background:var(--accent)}.music-bar-icon{transform:scale(1.2)}.music-panel{border-radius:14px;padding:20px 24px 22px;corner-shape:squircle;background-color:#fff;overflow:hidden;box-shadow:var(--panel-shadow);position:absolute;right:0;min-width:280px;border:1px solid var(--panel-border);display:flex;transform:translateY(8px);flex-direction:column;gap:10px;animation:music-panel-in .2s ease-in-out}.music-controls-row{display:flex;gap:16px;justify-content:center;align-items:center;padding:8px 0}.music-ctl{border:none;background:transparent;color:#111827;border-radius:50%;padding:15px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.music-ctl:hover{background:#0000000f;transform:scale(1.05)}.music-ctl:active{transform:scale(.95)}.music-ctl-play{background:rgba(var(--accent-rgb),1);color:#fff;padding:18px;box-shadow:0 2px 8px #00000026}.dark .music-ctl-play{background:rgba(var(--accent-rgb),.6)}.music-ctl-play:hover{background:rgba(var(--accent-rgb),1);filter:brightness(.9);transform:scale(1.05)}.dark .music-ctl-play:hover{background:rgba(var(--accent-rgb),.7)!important;transform:scale(1.05)}.music-ctl:disabled{opacity:.45;cursor:not-allowed;transform:none}.music-station-select-container{margin-top:4px;margin-bottom:4px}.music-bar-icon{display:flex}.music-status{margin:0;font:500 12px Inter,sans-serif;text-transform:capitalize;opacity:.85}.music-status-error{color:#c0262d}.music-volume-row *{stroke-width:1}.music-volume-row{display:flex;align-items:center;gap:8px;padding:12px;margin-top:-26px}.music-volume-slider{appearance:none;width:100%;height:4px;border-radius:999px;background:#00000029;outline:none}.music-volume-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:999px;border:2px solid var(--accent);background:var(--accent);cursor:pointer;box-shadow:0 1px 5px #00000040}.music-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:999px;border:2px solid #fff;background:var(--accent);cursor:pointer;box-shadow:0 1px 5px #00000040}.music-volume-value{font:600 11px Inter,sans-serif;opacity:.85;min-width:34px;text-align:right}.music-spin{animation:music-spin 10s linear infinite}.music-cd-disc{will-change:transform}@keyframes music-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(8px)}}@keyframes music-spin{0%{transform:rotate(0) translate(-50%,-50%)}to{transform:rotate(360deg) translate(-50%,-50%)}}.music-audio-hidden{display:none}.dark .music-panel,.drawo-app-root--dark .music-panel,.dark .music-bar-toggle,.drawo-app-root--dark .music-bar-toggle{background:var(--popover-dark, #1e1e1e);color:#f3f4f6}.dark .music-bar-toggle:hover,.drawo-app-root--dark .music-bar-toggle:hover{background:var(--popover-dark, #1e1e1e)}.dark .music-dot,.drawo-app-root--dark .music-dot{background:#ffffff59}.music-elem{display:flex;align-items:center;gap:.3rem}.music-elem>span{display:flex}.music-selecttrigger{border-radius:8px;width:100%;display:flex;align-items:center;justify-content:space-between;border:none;background:rgb(var(--background-rgb));color:currentColor;padding:.8rem 1.2rem;corner-shape:squircle}.dark .music-dot-active,.drawo-app-root--dark .music-dot-active{background:var(--accent)}.dark .music-ctl,.drawo-app-root--dark .music-ctl{color:#f3f4f6}.dark .music-ctl:hover,.drawo-app-root--dark .music-ctl:hover{background:#ffffff1a}.dark .music-status-error,.drawo-app-root--dark .music-status-error{color:#fca5a5}.dark .music-volume-slider,.drawo-app-root--dark .music-volume-slider{background:#ffffff40}@media(max-width:560px){.music-bar{top:10px;right:10px;width:calc(100vw - 20px)}.music-bar-now-playing{max-width:140px}.music-controls-row{flex-wrap:wrap}}@supports (corner-shape: squircle){.music-selecttrigger{border-radius:14px}.music-panel,.music-bar-toggle{border-radius:24px}}[data-theme=drawo-light]{--accent: #7c5cff;--accent-dark: var(--accent);--logoduotone-firstcolor: #6f5af6;--logoduotone-secondcolor: #3119cf;--logocolor: #1d00d7;--accent-rgb: 124, 92, 255;--text-rgb: 15, 15, 15;--background-rgb: 220, 220, 220;--panel-border: rgba(0, 0, 0, .1);--panel-shadow: 0 10px 24px rgba(0, 0, 0, .08);--app-bg: #F5F4F4;--app-fg: #1f2937;--panel-bg: rgba(255, 255, 255, .94);--popover-dark: rgba(26, 26, 26, .94);--popover-foreground-dark: var(--app-fg)}[data-theme=drawo-dark]{--accent: #b19eff;--accent-dark: #6f5af6;--logoduotone-firstcolor: #6f5af6;--logoduotone-secondcolor: #c6bdff;--logocolor: #ffffff;--accent-rgb: 177, 158, 255;--text-rgb: 220, 220, 220;--background-rgb: 15, 15, 15;--panel-border: rgba(255, 255, 255, .03);--panel-shadow: 0 10px 24px rgba(0, 0, 0, .1);--app-bg: #161617;--app-fg: #f3f4f6;--panel-bg: #1e1e1e;--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=catppuccin-light]{--accent: #8839ef;--accent-dark: var(--accent);--logoduotone-firstcolor: #6f5af6;--logoduotone-secondcolor: #b38ef4;--logocolor: #4c4f69;--accent-rgb: 136, 57, 239;--text-rgb: 76, 79, 105;--background-rgb: 239, 241, 245;--panel-border: rgba(76, 79, 105, .12);--panel-shadow: 0 12px 28px rgba(136, 57, 239, .09);--app-bg: #eff1f5;--app-fg: #4c4f69;--popover-dark-text: #4c4f69;--darkborder-rgb: 0,0,0;--panel-bg: rgba(255, 255, 255, .9);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=catppuccin-dark]{--accent: #cba6f7;--accent-dark: #a057ff;--logoduotone-firstcolor: #cba6f7;--logoduotone-secondcolor: #f5c2e7;--logocolor: #f5e0dc;--accent-rgb: 203, 166, 247;--text-rgb: 205, 214, 244;--background-rgb: 30, 30, 46;--panel-border: rgba(205, 214, 244, .08);--panel-background: #1e1e2e90;--panel-shadow: 0 12px 28px rgba(17, 17, 27, .5);--app-bg: #11111b;--app-fg: #cdd6f4;--panel-bg: #181825;--popover-dark: #11111b90;--popover-foreground-dark: var(--app-fg)}[data-theme=nord-light]{--accent: #5e81ac;--accent-dark: var(--accent);--logoduotone-firstcolor: #81a1c1;--logoduotone-secondcolor: #88c0d0;--logocolor: #2e3440;--accent-rgb: 94, 129, 172;--text-rgb: 46, 52, 64;--background-rgb: 236, 239, 244;--panel-border: rgba(46, 52, 64, .12);--panel-shadow: 0 10px 24px rgba(46, 52, 64, .08);--app-bg: #eceff4;--app-fg: #2e3440;--darkborder-rgb: 0,0,0;--popover-dark-text: #2e3440;--panel-bg: rgba(229, 233, 240, .92);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=nord-dark]{--accent: #88c0d0;--accent-dark: #5e81ac;--logoduotone-firstcolor: #81a1c1;--logoduotone-secondcolor: #88c0d0;--logocolor: #eceff4;--accent-rgb: 136, 192, 208;--text-rgb: 236, 239, 244;--background-rgb: 46, 52, 64;--panel-border: rgba(216, 222, 233, .08);--panel-shadow: 0 12px 28px rgba(46, 52, 64, .42);--app-bg: #2e3440;--app-fg: #eceff4;--popover-dark: #3b4252;--panel-bg: #3b4252;--popover-foreground-dark: var(--app-fg)}[data-theme=solarized-light]{--accent: #7f6237;--accent-dark: var(--accent);--logoduotone-firstcolor: #61470e;--logoduotone-secondcolor: #a16f2a;--logocolor: #586e75;--accent-rgb: 127, 98, 55;--text-rgb: 88, 110, 117;--background-rgb: 253, 246, 227;--panel-border: rgba(88, 110, 117, .16);--panel-shadow: 0 10px 24px rgba(88, 110, 117, .12);--app-bg: #fdf6e3;--darkborder-rgb: 0,0,0;--app-fg: #586e75;--popover-dark-text: #586e75;--panel-bg: rgba(238, 232, 213, .96);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=solarized-dark]{--accent: #2aa198;--accent-dark: #2aa198;--logoduotone-firstcolor: #41b4c3;--logoduotone-secondcolor: #ffffff;--logocolor: #93a1a1;--accent-rgb: 42, 161, 152;--text-rgb: 147, 161, 161;--background-rgb: 0, 43, 54;--panel-border: rgba(147, 161, 161, .12);--panel-shadow: 0 12px 28px rgba(0, 20, 26, .5);--app-bg: #002b36;--app-fg: #93a1a1;--panel-bg: rgba(7, 54, 66, .94);--popover-dark: rgba(3, 33, 41, .94);--popover-foreground-dark: var(--app-fg)}[data-theme=gruvbox-light]{--accent: #d79921;--accent-dark: #b57614;--logoduotone-firstcolor: var(--accent);--logoduotone-secondcolor: #b57614;--logocolor: #3c3836;--accent-rgb: 215, 153, 33;--text-rgb: 60, 56, 54;--background-rgb: 251, 241, 199;--panel-border: rgba(60, 56, 54, .14);--panel-shadow: 0 10px 24px rgba(60, 56, 54, .12);--app-bg: #fbf1c7;--app-fg: #3c3836;--popover-dark-text: #3c3836;--panel-bg: rgba(242, 229, 188, .94);--darkborder-rgb: 0,0,0;--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=gruvbox-dark]{--accent: #fabd2f;--accent-dark: #806015;--logoduotone-secondcolor: #d79921;--logocolor: #ebdbb2;--accent-rgb: 250, 189, 47;--text-rgb: 235, 219, 178;--background-rgb: 40, 40, 40;--panel-border: rgba(235, 219, 178, .09);--panel-shadow: 0 12px 28px rgba(20, 20, 20, .48);--app-bg: #282828;--app-fg: #ebdbb2;--panel-bg: rgba(60, 56, 54, .94);--logoduotone-firstcolor: var(--accent);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=tokyonight-light]{--accent: #2e7de9;--accent-dark: var(--accent);--logoduotone-secondcolor: #6172b0;--logocolor: #3760bf;--accent-rgb: 46, 125, 233;--text-rgb: 55, 96, 191;--background-rgb: 213, 214, 219;--panel-border: rgba(55, 96, 191, .14);--panel-shadow: 0 10px 24px rgba(55, 96, 191, .1);--app-bg: #d5d6db;--app-fg: #3c3836;--darkborder-rgb: 0,0,0;--popover-dark-text: #3c3836;--panel-bg: rgba(225, 226, 231, .94);--logoduotone-firstcolor: var(--accent);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=tokyonight-dark]{--accent: #7aa2f7;--accent-dark: #334f8b;--logoduotone-firstcolor: #73daca;--logoduotone-secondcolor: #348a7d;--logocolor: #c0caf5;--accent-rgb: 122, 162, 247;--text-rgb: 192, 202, 245;--background-rgb: 26, 27, 38;--panel-border: rgba(192, 202, 245, 0);--panel-shadow: 0 12px 28px rgba(10, 10, 20, .52);--app-bg: #1a1b26;--app-fg: #c0caf5;--panel-bg: rgba(36, 40, 59, .94);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=rosepine-light]{--accent: #907aa9;--accent-dark: var(--accent);--logoduotone-secondcolor: #56949f;--logocolor: #575279;--accent-rgb: 144, 122, 169;--text-rgb: 87, 82, 121;--background-rgb: 250, 244, 237;--panel-border: rgba(87, 82, 121, .13);--panel-shadow: 0 10px 24px rgba(87, 82, 121, .1);--app-bg: #faf4ed;--app-fg: #575279;--popover-dark-text: #575279;--darkborder-rgb: 0,0,0;--panel-bg: rgba(255, 250, 243, .95);--logoduotone-firstcolor: var(--accent);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=rosepine-dark]{--accent: #ea9a97;--accent-dark: rgb(98, 88, 164);--logoduotone-firstcolor: #eb6f92;--logoduotone-secondcolor: #b4637a;--logocolor: #e0def4;--accent-rgb: 234, 154, 151;--text-rgb: 224, 222, 244;--background-rgb: 25, 23, 36;--panel-border: rgba(224, 222, 244, 0);--panel-shadow: 0 12px 28px rgba(15, 12, 22, .5);--app-bg: #191724;--app-fg: #e0def4;--panel-bg: rgba(38, 35, 58, .94);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=everforest-light]{--accent: #8da101;--accent-dark: var(--accent);--logoduotone-firstcolor: #386c16;--logoduotone-secondcolor: #8da101;--logocolor: #5c6a72;--accent-rgb: 141, 161, 1;--text-rgb: 92, 106, 114;--background-rgb: 243, 234, 211;--panel-border: rgba(92, 106, 114, .13);--panel-shadow: 0 10px 24px rgba(92, 106, 114, .11);--app-bg: #f3ead3;--app-fg: #5c6a72;--darkborder-rgb: 0,0,0;--popover-dark-text: #5c6a72;--panel-bg: rgba(242, 239, 223, .95);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=everforest-dark]{--accent: #83c092;--accent-dark: #4b7565;--logoduotone-firstcolor: #83c092;--logoduotone-secondcolor: #518e65;--logocolor: #d3c6aa;--accent-rgb: 131, 192, 146;--text-rgb: 211, 198, 170;--background-rgb: 45, 53, 59;--panel-border: rgba(211, 198, 170, .1);--panel-shadow: 0 12px 28px rgba(18, 24, 27, .48);--app-bg: #2d353b;--app-fg: #d3c6aa;--panel-bg: rgba(52, 63, 68, .94);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=kanagawa-light]{--accent: #4d699b;--accent-dark: var(--accent);--logoduotone-firstcolor: #198383;--logoduotone-secondcolor: #629f9f;--logocolor: #545464;--accent-rgb: 77, 105, 155;--text-rgb: 84, 84, 100;--background-rgb: 242, 236, 188;--panel-border: rgba(84, 84, 100, .13);--panel-shadow: none;--app-bg: #DCD7BA;--app-fg: #545464;--panel-bg: rgba(244, 241, 217, .95);--popover-dark: #141421;--popover-foreground-dark: var(--app-fg)}[data-theme=kanagawa-dark]{--accent: #7e9cd8;--accent-dark: #45619a;--logoduotone-firstcolor: var(--accent);--logoduotone-secondcolor: #7fb4ca;--logocolor: #dcd7ba;--accent-rgb: 126, 156, 216;--text-rgb: 220, 215, 186;--background-rgb: 31, 31, 40;--panel-border: rgba(220, 215, 186, 0);--panel-shadow: 0px;--app-bg: #1f1f28;--app-fg: #dcd7ba;--panel-bg: rgba(42, 42, 55, .94);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=dracula-light]{--accent: #6272a4;--accent-dark: var(--accent);--logoduotone-firstcolor: #bd93f9;--logoduotone-secondcolor: #6939ac;--logocolor: #282a36;--accent-rgb: 98, 114, 164;--text-rgb: 40, 42, 54;--background-rgb: 248, 248, 251;--panel-border: rgba(40, 42, 54, .13);--panel-shadow: 0 10px 24px rgba(40, 42, 54, .1);--app-bg: #f8f8fb;--app-fg: #1F1F1F;--panel-bg: rgba(241, 241, 247, .95);--popover-dark: #1F1F1F;--popover-foreground-dark: var(--app-fg)}[data-theme=dracula-dark]{--accent-dark: #bd93f9;--accent: #bd93f9;--logoduotone-firstcolor: #bd93f9;--logoduotone-secondcolor: #f8f8f2;--logocolor: #f8f8f2;--accent-rgb: 189, 147, 249;--text-rgb: 248, 248, 242;--background-rgb: 40, 42, 54;--panel-border: transparent;--panel-shadow: none;--app-bg: #171519;--app-fg: #f8f8f2;--panel-bg: #222026;--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=one-light]{--accent: #4078f2;--accent-dark: var(--accent);--logoduotone-secondcolor: #0184bc;--logocolor: #383a42;--accent-rgb: 64, 120, 242;--text-rgb: 56, 58, 66;--background-rgb: 250, 250, 250;--panel-border: rgba(56, 58, 66, .12);--panel-shadow: 0 10px 24px rgba(56, 58, 66, .09);--app-bg: #fafafa;--app-fg: #383a42;--panel-bg: rgba(240, 240, 240, .94);--logoduotone-firstcolor: var(--accent);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=one-dark]{--accent: #61afef;--accent-dark: #2a6ba0;--logoduotone-secondcolor: #56b6c2;--logocolor: #abb2bf;--accent-rgb: 97, 175, 239;--text-rgb: 171, 178, 191;--background-rgb: 40, 44, 52;--panel-border: rgba(0, 0, 0, .247);--panel-shadow: none;--app-bg: #282c34;--app-fg: #abb2bf;--panel-bg: rgba(49, 54, 64, .94);--logoduotone-firstcolor: var(--accent);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=ayu-light]{--accent: #b0832b;--logoduotone-firstcolor: var(--accent);--logoduotone-secondcolor: #e0b766;--logocolor: #5c6773;--accent-rgb: 224, 183, 102;--text-rgb: 92, 103, 115;--background-rgb: 255, 251, 234;--panel-border: rgba(92, 103, 115, .13);--panel-shadow: 0 10px 24px rgba(92, 103, 115, .1);--app-bg: #fffbea;--darkborder-rgb: 0,0,0;--popover-dark-text: #5c6773;--app-fg: #5c6773;--panel-bg: rgba(252, 244, 221, .95);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=ayu-dark]{--accent-dark: #e0b7667c;--accent: #e0b866;--logoduotone-firstcolor: #e0b7667f;--logoduotone-secondcolor: #e0b866;--logocolor: #bfbdb6;--accent-rgb: 224, 184, 102;--text-rgb: 191, 189, 182;--background-rgb: 11, 14, 20;--panel-border: rgba(191, 189, 182, .017);--panel-shadow: none;--app-bg: #0b0e14;--app-fg: #bfbdb6;--panel-bg: #121621;--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}*,*:before,*:after{box-sizing:border-box}#root{width:100%;height:100%}.app-root{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--app-bg);color:var(--app-fg)}.app-shell{width:100%;height:100%;display:flex;min-width:0}.app-workspace{position:relative;flex:1;min-width:0;height:100%;overflow:hidden}.drawo-dropdown-content{width:250px!important}.settings-bar{border-radius:12px;width:fit-content;height:fit-content;z-index:10;display:flex;padding:2px;corner-shape:squircle;border:1px solid var(--panel-border);gap:1px;align-items:center;justify-content:center;background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--panel-shadow)}.settings-bar *,.settings-bar{-webkit-user-select:none;user-select:none}.switch-row{display:flex;align-items:center;gap:6px;font-size:13px;font-family:Inter,sans-serif}html.dark .switch-row{color:var(--popover-dark-text, #f3f4f6)}.selection-toolbar .bar-text{margin:0;padding:8px}.tool-bar .draw-stroke-trigger:hover{background-color:rgba(var(--text-rgb),.1)}.tool-bar .draw-stroke-trigger{border:none;background-color:transparent;corner-shape:squircle;border-radius:24px;display:flex;transition:.1s;height:40px;width:calc(180px / 1.9)!important;padding:12px;color:currentColor}.selection-toolbar .select-trigger.draw-stroke-trigger{width:78px;justify-content:center;padding:0 12px}.draw-stroke-select-item *{width:100%}.draw-stroke-select-item{display:flex;padding:7px 8px!important}.tool-bar .draw-stroke-option-line-wrap svg{transform:scaleX(.4) translate(-76%)}.draw-stroke-option-line-wrap svg{width:180px;height:auto}.draw-stroke-option-line-wrap{display:flex;align-items:center;justify-content:center}.marker-stroke-preview{width:120px;height:28px;display:flex;align-items:center;justify-content:center}.marker-stroke-preview-line{display:block;width:104px;background:currentColor}.draw-stroke-option-line{width:100%;border-radius:999px;background:rgb(var(--text-rgb))}.top-toolbar{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);border-radius:15px;z-index:10;display:flex;border:1px solid var(--panel-border);corner-shape:squircle;gap:1px;align-items:center;cursor:url(cursors/default.svg) 12 12,auto;padding:4px;background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--panel-shadow)}.drawtool-elem:hover .drawtool-icon{transform:translateY(0)}.drawtool-elem{overflow:hidden}.drawtool-icon{scale:2;transition:.1s;transform:translateY(2px)}.color-picker-container{margin-left:4px;margin-right:4px;display:flex;align-items:center}.color-picker-button{width:28px;height:28px;border-radius:6px;border:1px solid var(--panel-border);background:var(--panel-bg);cursor:pointer;display:flex;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);align-items:center;justify-content:center;padding:0;transition:all .1s ease}.color-picker-button:hover{background:var(--panel-bg-hover);border-color:var(--panel-border-hover);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.color-preview{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.tool-bar{border-radius:15px;position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:10;display:flex;border:1px solid var(--panel-border);corner-shape:squircle;gap:1px;align-items:center;cursor:url(cursors/default.svg) 12 12,auto;padding:8px 9px;background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.insert-item:hover,.tool-item:hover{background:rgba(var(--text-rgb),.1)!important}.insert-item:active{cursor:url(../cursors/grabbing.svg) 12 12,auto}.insert-item{cursor:url(../cursors/grab.svg) 12 12,auto}.tool-item{cursor:url(../cursors/pointer.svg) 12 12,auto}.insert-item,.tool-item{border-radius:10px;border:none;background:transparent;corner-shape:squircle;color:#000;transition:.1s;font:500 13px Inter,sans-serif;padding:10px;display:flex;align-items:center;justify-content:center}.tool-separator{width:1px;opacity:.3;margin:auto 4px;border-left:1px solid rgb(var(--text-rgb));height:20px}.insert-item svg,.tool-item svg{width:20px;height:20px}.insert-item.active,.tool-item.active{background:var(--accent)!important;color:#fff!important}html.dark .insert-item.active,html.dark .tool-item.active{background:var(--accent-dark, #7c5cff)!important}html.dark .insert-item,html.dark .tool-item{background:transparent;color:#e5e7eb}*{--selectiontoolbar-height: 43px}.selectionbar-separator{width:1px;height:20px;margin:auto 4px auto 5px;opacity:.2;background-color:rgba(var(--darkborder-rgb, 255, 255, 255),1)}.toggle-selectionbar-button:hover{background-color:rgba(var(--darkborder-rgb, 255, 255, 255),.05)}.toggle-selectionbar-button.active{background-color:rgba(var(--accent-rgb),.4)!important}.toggle-selectionbar-button{border:none!important;color:var(--popover-dark-text, white);background-color:transparent;height:var(--selectiontoolbar-height);width:calc(var(--selectiontoolbar-height));padding:0;align-items:center;justify-content:center;display:flex}.fontSize-item{display:flex;gap:2px;align-items:center;justify-content:space-between}.selection-toolbar{position:absolute;z-index:20;transform:translate(-50%) translateY(-8px);overflow:hidden;height:var(--selectiontoolbar-height);border-radius:12px;color:#fff;corner-shape:squircle;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--popover-dark, #1e1e1e);font:600 13px Inter,sans-serif;letter-spacing:.02em;box-shadow:var(--panel-shadow);pointer-events:auto;border:1px solid var(--panel-border);animation:selection-toolbar-in .18s ease-out}html.dark .selection-toolbar{background:var(--popover-dark, #1e1e1e);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--panel-shadow)}.drawo-select-trigger{background:rgba(var(--text-rgb),.1)!important;padding:20px!important;corner-shape:squircle;border-radius:24px}.selection-toolbar .select-trigger,.drawo-select-trigger{height:var(--selectiontoolbar-height);display:inline-flex;align-items:center;justify-content:space-between;padding:0 10px;border:none;background:transparent;color:var(--popover-dark-text, #f3f4f6);font:500 14px Inter,sans-serif;cursor:pointer;outline:none}.selection-toolbar .select-trigger:hover{background:rgba(var(--darkborder-rgb, 255, 255, 255),.05)}.selection-toolbar .select-trigger-icon{width:14px;height:14px;color:var(--popover-dark-text, #b8b8b8);margin-left:8px;pointer-events:none}.select-content{border-radius:12px;z-index:500;overflow-x:hidden;overflow-y:auto;corner-shape:squircle;min-width:120px;position:relative!important;transition:.1s;top:0!important;transform:translateY(0)!important;max-height:var(--radix-select-content-available-height);transform-origin:var(--radix-select-content-transform-origin);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--popover-dark, #232323);border:1px solid var(--panel-border);color:var(--popover-dark-text, #f3f4f6);box-shadow:0 12px 28px #00000059}[data-slate-node] strong{font-weight:700}.canvas-text-editor-input::selection,.canvas-text-editor-input *::selection{background:#3b82f657;color:inherit;-webkit-text-fill-color:currentColor}html.dark .canvas-text-editor-input::selection,html.dark .canvas-text-editor-input *::selection{background:#94bdff52}.drawo-content-color{box-shadow:none!important;transform:translateY(60px)!important}.drawo-content-color.inferior{transform:translateY(-20px)!important}.w-color-chrome [style*="margin-left: 5px; cursor: pointer;"]:hover{background-color:#0000001a!important}.w-color-chrome [style*="margin-left: 5px; cursor: pointer;"]{border-radius:6px!important;background-color:transparent!important}.dark .w-color-chrome [style*="margin-left: 5px; cursor: pointer;"]:hover{background-color:#ffffff1a!important}.dark .w-color-chrome [style*="margin-left: 5px; cursor: pointer;"]{background-color:transparent!important}.dark .w-color-chrome [style*="margin-left: 5px; cursor: pointer;"] *{fill:#fff!important}.w-color-editable-input input{border:1px solid rgba(0,0,0,.1)!important;box-shadow:none!important;font-size:12px!important;font-family:Inter,sans-serif!important;border-radius:5px!important;background-color:#00000020!important;color:#000!important}.dark .w-color-editable-input input{border:1px solid rgba(255,255,255,.1)!important;background-color:#ffffff20!important;color:#fff!important}.dark .drawo-content-color .w-color-chrome{--github-background-color: #111 !important}.drawo-content-color [style="flex: 1 1 0%;"] .w-color-alpha-fill{scale:.9!important;box-shadow:none!important;border:1px solid rgba(0,0,0,.8)!important}.drawo-content-color [style="padding: 15px; display: flex; align-items: center; gap: 10px;"]{padding-top:24px;border-top:1px solid rgba(var(--text-rgb),.1)}.drawo-content-color [style="flex: 1 1 0%;"] .w-color-alpha-horizontal .w-color-interactive{transform:translateY(-1px)}.drawo-ultrainferior-colorcontent{transform:translateY(138px) translate(18px)!important}.drawo-ultrainferior-colorcontent2{transform:translateY(145px) translate(26px)!important}.drawo-ultrainferior-colorcontent3{transform:translateY(92px) translate(18px)!important}.drawo-content-color [style="flex: 1 1 0%;"] .w-color-alpha-horizontal>*{border-radius:4px!important}.drawo-content-color [style="flex: 1 1 0%;"] .w-color-alpha-horizontal{overflow:visible!important;border-radius:24px!important}.drawo-content-color [style="padding: 15px; display: flex; align-items: center; gap: 10px;"] .w-color-alpha:not([style="flex: 1 1 0%;"] *)>.w-color-interactive{scale:1.1}.drawo-content-color .w-color-saturation-fill{box-shadow:none!important;border:1px solid white;scale:1.2}.drawo-content-color .w-color-chrome{border-radius:8px!important;overflow:hidden;border:1px solid rgba(var(--text-rgb),.02)!important;box-shadow:var(--panel-shadow)}.drawo-content-color .w-color-chrome *{--github-arrow-border-color: transparent;--github-background-color: transparent}.drawo-content-color .w-color-chrome *[style="display: flex; align-items: flex-start; padding: 0px 15px 15px; user-select: none;"]{display:flex!important;align-items:flex-start;padding:0 15px 15px}.select-viewport{padding:6px;height:var(--radix-select-trigger-height)}.drawo-textAlign-item{padding:8px 8px 5px!important;width:fit-content;transition-duration:.1s;float:left}.drawo-colorstyle-separator{border:none;margin:8px auto 2px;height:1px;background:rgba(var(--text-rgb),.2);width:95%}.drawo-colorstyle-container .drawo-colorstyle-optionitem.active{background-color:rgba(var(--accent-rgb),.5)}.drawo-colorstyle-container .drawo-colorstyle-optionitem span{display:flex;align-items:center;gap:6px}.drawo-colorstyle-container{display:flex}.drawo-colorselect-item-child[data-multi=true]{--size: 20px !important;border:none!important}.drawo-colorselect-item-child[data-current=true]:not([data-multi=true]) svg{scale:.45;color:#000}.drawo-colorselect-item-child[data-dark=false]{border:1px solid rgba(0,0,0,.2)}.drawo-colorselect-item-child[data-dark=true]{border:1px solid rgba(255,255,255,.1)}.drawo-colorselect-item-child[data-current=true][data-dark=true] svg{color:#fff}.drawo-colorselect-item-child svg *{stroke-width:5}.drawo-colorselect-item-child svg{scale:0;transition-duration:.1s}.drawo-colorselect-item-child{border-radius:100%;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);min-width:var(--size);min-height:var(--size);box-shadow:var(--panel-shadow);max-height:var(--size);border:1px solid var(--panel-border);max-width:var(--size);--size: 18px}.drawo-colorselect-item-container[data-current=true]{border-width:2px}.drawo-colorselect-item-container{width:28px;border-width:0px;border-style:solid;height:28px;align-items:center;justify-content:center;transition:.1s;display:flex;padding:0;border-radius:100%}.drawo-colorselect-item:hover{scale:1.05}.drawo-colorselect-item{padding:4px 1px!important;background:transparent!important;width:fit-content;flex-shrink:0;border-radius:100%;cursor:pointer;transition-duration:.1s;float:left}.drawo-colorselect-content *{flex-direction:row!important}.drawo-colorselect-content{width:fit-content!important;min-width:fit-content!important}.select-item{border-radius:8px;position:relative;display:flex;corner-shape:squircle;align-items:center;padding:8px 19px;font:500 13px Inter,sans-serif;transition:.1s;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none}.select-item[data-highlighted]{background:#ffffff1a}.select-item:active{scale:.98}.select-item-indicator>span{display:flex}.select-item-indicator{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:14px;height:14px;pointer-events:none}.select-item-check{width:13px;height:13px}.select-separator{width:90%;margin:8px auto;height:1px;display:block;background:rgba(var(--text-rgb),.1)}.select-scroll-button{height:22px;display:flex;align-items:center;justify-content:center;color:#c9c9c9}@keyframes selection-toolbar-in{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(-8px) scale(1)}}.drawo-topbar{display:flex;justify-content:space-between;position:absolute;overflow:visible;width:100%;padding:12px}.drawo-topbar-right,.drawo-topbar-left{display:flex;gap:8px}.drawo-contextmenu-trigger{-webkit-user-select:none;user-select:none}.drawo-contextmenu-content{border-radius:12px;background:var(--panel-bg, #fff);color:rgb(var(--text-rgb));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);min-width:12rem;padding:4px;font-family:Inter;box-shadow:var(--panel-shadow);z-index:50;max-height:var(--radix-context-menu-content-available-height);transform-origin:var(--radix-context-menu-content-transform-origin);overflow-x:visible;overflow-y:visible;corner-shape:squircle;border:1px solid var(--panel-border)}.dark .drawo-contextmenu-content,.dark .drawo-contextmenu-subcontent{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--popover-dark, #1f1f1f)!important}.drawo-keybind span,.drawo-beta span{border-radius:5px;background-color:rgba(var(--text-rgb),.1)!important;color:rgba(var(--text-rgb),.6)!important;corner-shape:squircle;font-weight:500;padding:2px 4px}.drawo-beta span{background-color:rgba(var(--accent-rgb),.5)!important;color:rgba(var(--accent-rgb),1)!important}.drawo-keybind,.drawo-beta{display:flex;opacity:.7;padding-left:24px;align-items:center;gap:2px;margin-left:auto;font-size:12px}.drawo-contextmenu-item,.drawo-contextmenu-subtrigger,.drawo-contextmenu-checkboxitem,.drawo-contextmenu-radioitem{border-radius:10px;display:flex;align-items:center;gap:6px;corner-shape:squircle;padding:8px 12px;font-size:16px;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.drawo-contextmenu-item[data-disabled=true],.drawo-contextmenu-subtrigger[data-disabled=true],.drawo-contextmenu-checkboxitem[data-disabled=true],.drawo-contextmenu-radioitem[data-disabled=true]{cursor:not-allowed;opacity:.5}.drawo-contextmenu-item:not([data-disabled=true]):focus,.drawo-contextmenu-subtrigger:not([data-disabled=true]):focus,.drawo-contextmenu-checkboxitem:not([data-disabled=true]):focus,.drawo-contextmenu-radioitem:not([data-disabled=true]):focus{background:rgba(var(--text-rgb),.1)}.drawo-contextmenu-subcontent{border-radius:12px;background:var(--panel-bg, #fff);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:rgb(var(--text-rgb));min-width:12rem;padding:4px;font-family:Inter;box-shadow:var(--panel-shadow);z-index:50;transform-origin:var(--radix-context-menu-content-transform-origin);overflow:visible;corner-shape:squircle;border:1px solid var(--panel-border)}.drawo-contextmenu-opacity-subcontent{min-width:230px;padding:6px}.drawo-contextmenu-opacity-popover{display:flex;flex-direction:column;gap:10px;padding:6px;border-radius:10px;corner-shape:squircle}.drawo-contextmenu-opacity-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px}.opacity-0{opacity:0!important}.drawo-contextmenu-opacity-input-wrap{display:inline-flex;align-items:center;gap:4px}.drawo-contextmenu-opacity-input{width:54px;min-width:54px;padding:4px 8px;font-size:12px;text-align:right}.drawo-contextmenu-opacity-unit{font-size:12px;opacity:.65}.drawo-contextmenu-opacity-slider .drawo-slider-track{height:16px!important}.drawo-contextmenu-opacity-slider .drawo-slider-thumb{width:20px;height:16px}.drawo-contextmenu-opacity-slider .drawo-slider-thumb:before{width:16px;height:10px}.drawo-contextmenu-opacity-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.drawo-contextmenu-opacity-preset{border:none;font-family:Inter,sans-serif;background:rgba(var(--text-rgb),.07);color:rgb(var(--text-rgb));border-radius:12px;corner-shape:squircle;font-size:12px;padding:6px 8px;cursor:pointer}.drawo-contextmenu-opacity-preset:hover{background:rgba(var(--text-rgb),.11)}.drawo-contextmenu-opacity-preset.active{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.18)}.drawo-contextmenu-label{padding:4px 6px;font-size:12px;font-weight:500;color:#666}.drawo-contextmenu-separator{height:1px;margin:3px 8px;background:rgba(var(--text-rgb),.1)}.drawo-contextmenu-shortcut{margin-left:auto;font-size:12px;color:#777;letter-spacing:.05em}.drawo-contextmenu-indicator{position:absolute;right:8px;pointer-events:none}.drawo-contextmenu-chevron{margin-left:auto;scale:.9;stroke-width:1.4}.drawo-dropdown-subcontent{min-width:14rem!important}*::-webkit-scrollbar{display:none!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}.drawo-dropdown-content,.drawo-dropdown-subcontent{border-radius:12px;background:var(--popover, #fff);color:var(--popover-foreground, #111);min-width:8rem;padding:4px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--panel-shadow);z-index:50;font-family:Inter,sans-serif;max-height:none;transform-origin:var(--radix-dropdown-menu-content-transform-origin);corner-shape:squircle;margin-top:4px;border:1px solid var(--panel-border)}.drawo-dropdown-content,.drawo-dropdown-subcontent{overflow:visible!important}.dark .drawo-dropdown-content,.dark .drawo-dropdown-subcontent{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--popover-dark, #1f1f1f);color:var(--popover-foreground-dark, #eee)}.drawo-dropdown-item svg *,.drawo-dropdown-checkboxitem svg *,.drawo-dropdown-radioitem svg *,.drawo-dropdown-subtrigger svg *{stroke-width:1.5}.drawo-dropdown-item svg,.drawo-dropdown-checkboxitem svg,.drawo-dropdown-radioitem svg,.drawo-dropdown-subtrigger svg{width:16px;min-width:16px;height:16px;min-height:16px}.drawo-dropdown-content .custom-element span{display:flex;align-items:center;gap:6px}.drawo-dropdown-item,.drawo-dropdown-checkboxitem,.drawo-dropdown-radioitem,.drawo-dropdown-subtrigger{border-radius:10px;display:flex;align-items:center;corner-shape:squircle;gap:6px;padding-right:36px!important;padding:10px 16px;position:relative;white-space:nowrap;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.bottompanel-separator{height:70%;width:1px;display:flex;margin:auto 0;border-left:1px solid rgba(var(--text-rgb),.1)}.bottompanel-bar button{padding:8px;display:flex;border:none;corner-shape:squircle;background-color:transparent;align-items:center;justify-content:center;transition:.1s;cursor:pointer}.bottompanel-bar button:not([disabled]):hover{background-color:rgba(var(--text-rgb),.06)}.bottompanel-bar button:active:not([disabled]) svg{scale:.9}.bottompanel-bar button span{font-size:15px;margin:0 5px;font-weight:500}.bottompanel-bar button[disabled]{cursor:not-allowed;opacity:.5;-webkit-backdrop-filter:brightness(.8);backdrop-filter:brightness(.8)}.bottompanel-bar button:last-child{padding-right:12px;border-right:none;padding-left:10px}.bottompanel-bar button:first-child{padding-left:12px;padding-right:10px}.bottompanel-bar svg{transition:.1s;z-index:500}.bottompanel-bar{border-radius:12px;overflow:hidden;gap:0px;border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);corner-shape:squircle;background:#fff;display:flex}.dark .bottompanel-bar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--popover-dark, #1f1f1f)}.bottompanel-bar *{color:rgb(var(--text-rgb));font-family:Inter,sans-serif}.bottompanel-bar svg{width:18px;height:18px}.drawo-bottomleft-bar{display:flex;gap:8px;position:absolute;bottom:16px;left:16px}.drawo-bottomright-bar{display:flex;gap:8px;position:absolute;bottom:16px;right:16px}.drawo-dropdown-checkboxitem,.drawo-dropdown-subtrigger{padding-right:24px}.drawo-dropdown-chevron{margin-left:auto;position:absolute;right:12px;opacity:.5}.drawo-dropdown-checkboxitem .check,.drawo-dropdown-subtrigger .drawo-dropdown-chevron{display:flex;margin-left:auto}.drawo-dropdown-item:focus,.drawo-dropdown-checkboxitem:focus,.drawo-dropdown-radioitem:focus,.drawo-dropdown-subtrigger:focus{background:rgba(var(--text-rgb),.1)}*{outline:none!important}.drawo-dropdown-label{padding:4px 6px;font-size:12px;font-weight:500;color:#666}.theme-option:hover{background:rgba(var(--text-rgb),.1)}.theme-option.active{background:rgba(var(--accent-rgb),.5)}.theme-option{border-radius:10px;display:flex;transition:.1s;cursor:pointer;padding:8px 12px;corner-shape:squircle}.theme-selector{gap:2px;border:1px solid rgba(var(--text-rgb),.1);border-radius:12px;padding:2px;corner-shape:squircle;display:flex}.drawo-dropdown-content .custom-element .custom-select-trigger{background:transparent;border:1px solid rgba(var(--text-rgb),.1);color:currentColor;width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;justify-content:space-between;border-radius:12px;corner-shape:squircle;margin-bottom:8px}.drawo-dropdown-item[data-variant=accent]:hover,.drawo-contextmenu-item[data-variant=accent]:hover{background:rgba(var(--accent-rgb),.179)!important}.drawo-dropdown-item[data-variant=accent],.drawo-contextmenu-item[data-variant=accent]{color:rgb(var(--accent-rgb))!important}.drawo-dropdown-item[data-variant=destructive]:hover,.drawo-contextmenu-item[data-variant=destructive]:hover{background:#ff00002e!important}.dark .drawo-dropdown-item[data-variant=destructive]:hover,.dark .drawo-contextmenu-item[data-variant=destructive]:hover{background:#ff7e7e1a!important}.drawo-dropdown-item[data-variant=destructive],.drawo-contextmenu-item[data-variant=destructive]{color:#ff0404!important}.dark .drawo-dropdown-item[data-variant=destructive],.dark .drawo-contextmenu-item[data-variant=destructive]{color:#ff7e7e!important}.drawo-dropdown-item[data-disabled=true]:hover{background-color:transparent!important}.drawo-dropdown-item[data-disabled=true]{opacity:.5!important;cursor:not-allowed!important}.drawo-dropdown-content .custom-element{margin:0;white-space:nowrap;align-items:center;font-size:14px;display:flex;gap:32px;justify-content:space-between;padding:2px 16px}.drawo-dropdown-separator{height:1px;margin:4px 0;background:rgba(var(--text-rgb),.1)}.drawo-dropdown-shortcut{margin-left:auto;font-size:12px;color:#777;letter-spacing:.05em}.drawo-dropdown-indicator{position:absolute;right:12px;top:50%;transform:translateY(-40%);pointer-events:none}.drawo-dialog-overlay{position:fixed;inset:0;z-index:5000;background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:drawo-fade-in .12s ease}.dark .drawo-dialog-overlay{background:#0006}.drawo-dialog-content p{margin:0}.drawo-dialog-content *{transition:.1s}.drawo-dialog-content{position:fixed;top:50%;left:50%;z-index:50000;font-family:Inter,sans-serif;width:100%;max-width:32rem;transform:translate(-50%,-50%);background:var(--background, #fff);border-radius:18px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:16px 28px;font-size:14px;corner-shape:squircle;display:grid;gap:12px;box-shadow:var(--panel-shadow);border:1px solid var(--panel-border);animation:drawo-dialog-in .16s cubic-bezier(.16,1,.3,1)}.dark .drawo-dialog-content{-webkit-backdrop-filter:blur;backdrop-filter:blur;background:var(--popover-dark, #1c1c1f);color:#fff}.drawo-dialog-header p{font-size:14px!important;transform:translateY(-10px)}.drawo-dialog-close-btn svg *{stroke-width:1}.drawo-dialog-close-btn svg{scale:.9}.drawo-dialog-close-btn:hover{background-color:rgba(var(--text-rgb),.1)}.drawo-dialog-close-btn{display:flex;border:none;padding:4px;color:currentColor;background-color:transparent;border-radius:24px;corner-shape:squircle}.drawo-dialog-header h2{font-size:24px!important;font-weight:700;letter-spacing:-1px}.drawo-dialog-header{display:flex;flex-direction:column;gap:6px}.drawo-dialog-footer{margin:0 -16px -16px;padding:16px;display:flex;flex-direction:column-reverse;gap:8px}.drawo-dialog-actions{display:flex;flex-direction:column-reverse;gap:8px}@media(min-width:480px){.drawo-dialog-actions{flex-direction:row;justify-content:flex-end}}.theme-entries{flex-wrap:wrap;display:flex;gap:12px;padding-bottom:4px}.drawo-dialog-content{max-height:90vh;overflow-y:scroll;scrollbar-width:thin}.drawo-dialog-content h1:nth-of-type(1){margin-top:0}.theme-entry-container:hover .theme-entry{scale:1.01}.theme-entry-container{display:flex;justify-content:center;gap:4px;float:left;align-items:center;flex-direction:column;padding-bottom:6px}.theme-entry-container p{font-weight:500}.drawo-themepreview-bottombar{background:var(--panel-bg);position:absolute;height:20%;width:60%;overflow:hidden;left:50%;box-shadow:var(--panel-shadow);border:1px solid var(--panel-border);transform:translate(-50%);border-radius:.8vmin;bottom:.55vmin}.drawo-logopreview{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.drawo-themepreview-bottombar-item{position:absolute;height:1.89vmin;width:1.89vmin;left:.16vmin;top:.11vmin;scale:.7;border-radius:.6vmin;background-color:var(--accent)}.drawo-themepreview-bottombar-item[data-isdark=true]{background-color:var(--accent-dark)}.theme-entry.selected{border-color:var(--accent)!important;border-width:.18vmin!important}.theme-entry{flex-shrink:0;border-radius:.74vmin;coner-shape:squircle;position:relative;cursor:pointer;width:11vw;overflow:hidden;height:12vh;border:.1vmin solid var(--panel-border);float:left}.size-lg{max-width:unset!important;padding-left:42px;width:80%}.drawo-dialog-title{font-size:16px;display:flex;font-weight:500;gap:6px;align-items:center;line-height:1}.drawo-dialog-description{font-size:14px;color:#6b7280}[data-slot=dialog-trigger]{appearance:none;border:none;background:none;padding:0;margin:0;color:unset!important;width:100%;font-family:Inter,sans-serif}p.label{margin:0;opacity:.7;transform:translateY(5px)}.colorswatch-dialog *{--size: 32px}.colorswatch-dialog .drawo-colorselect-item-container{width:42px;height:42px}.dark .drawo-dialog-description{color:#9ca3af}.drawo-dialog-close-btn{position:absolute;top:28px;right:28px}.drawo-btn-secondary,.drawo-btn-danger,.drawo-btn-primary{border-radius:10px;border:none;font:600 13px Inter,sans-serif;padding:10px 14px;cursor:pointer}.drawo-btn-secondary{background:#00000014;color:#111827}.drawo-btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 20px rgba(var(--accent-rgb),.25)}.drawo-btn-secondary:hover{background:#0000001f}.drawo-btn-danger{background:#ef4444;color:#fff;box-shadow:0 10px 20px #ef444440}.drawo-btn-danger:hover{background:#dc2626}.dark .drawo-btn-secondary{background:#ffffff14;color:var(--popover-dark-text, #f3f4f6)}.dark .drawo-btn-secondary:hover{background:#ffffff1f}.dark .drawo-btn-danger{box-shadow:0 12px 24px #ef444459}.drawo-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.drawo-dialog-actions-section{display:flex;gap:10px}.drawo-dialog-actions-separated{width:100%!important;justify-content:space-between}@keyframes drawo-dialog-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes drawo-fade-in{0%{opacity:0}to{opacity:1}}.drawo-checkbox-section span:not(.drawo-switch *):not(.drawo-switch){opacity:.8}.drawo-checkbox-section{display:flex;align-items:center;gap:10px;margin-top:8px}.drawo-export-grid{display:grid;gap:12px}.drawo-export-field{display:grid;gap:8px}.drawo-export-note{margin-top:10px}.text-flex .drawo-beta{margin:0!important;padding-left:0!important}.text-flex{display:flex;align-items:center;gap:12px}.drawo-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;border-radius:999px;border:1px solid transparent;transition:all .12s ease;outline:none}.drawo-switch[data-size=default]{width:40.8px;height:20px}.drawo-switch[data-size=sm]{width:24px;height:12px}.drawo-switch[data-state=checked]{background:rgb(var(--accent-rgb, 99 102 241))}.drawo-switch[data-state=unchecked]{background:rgb(var(--input-rgb, 229 231 235))}.dark .drawo-switch[data-state=unchecked]{background:#ffffff1f}.drawo-switch[aria-invalid=true]{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.dark .drawo-switch[aria-invalid=true]{box-shadow:0 0 0 3px #ef44444d}.drawo-switch[data-disabled]{cursor:not-allowed;opacity:.5}.drawo-switch:after{content:"";position:absolute;inset:-8px -12px}.drawo-switch-thumb{display:block;border-radius:999px;background:var(--background, #fff);transition:transform .12s ease}.drawo-switch[data-size=default] .drawo-switch-thumb{width:24px;height:16px}.drawo-switch[data-size=sm] .drawo-switch-thumb{width:12px;height:12px}.drawo-switch[data-state=unchecked] .drawo-switch-thumb{transform:translate(-25%)}.drawo-switch[data-state=checked][data-size=default] .drawo-switch-thumb{transform:translate(35%)}.drawo-switch[data-state=checked][data-size=sm] .drawo-switch-thumb{transform:translate(50%)}.dark .drawo-switch .drawo-switch-thumb{background:#fff!important;opacity:1!important}.drawo-slider-root,.drawo-slider-root *{transition:0s!important}.drawo-slider-root{position:relative;display:flex;width:100%;align-items:center;touch-action:none;-webkit-user-select:none;user-select:none}.drawo-slider-root[data-disabled]{opacity:.5}.drawo-slider-root[data-orientation=vertical]{flex-direction:column;width:auto;height:100%;min-height:160px}.drawo-slider-track{position:relative;flex-grow:1;overflow:hidden;border-radius:999px;background:rgb(var(--muted-rgb, 229 231 235))}.dark .drawo-slider-track{background:#ffffff14}.drawo-slider-root[data-orientation=horizontal] .drawo-slider-track{height:20px;width:100%}.drawo-slider-root[data-orientation=vertical] .drawo-slider-track{width:20px;height:100%}.drawo-slider-range[data-right=true]{transform:translate(-2%)}.drawo-slider-range[data-left=true]:after{content:"";background:var(--accent);height:100%;top:0;width:24px;position:absolute;left:-6px}.drawo-slider-range[data-left=true]{transform:translate(5px)}.drawo-slider-range{position:absolute;background:var(--accent)}.drawo-slider-root[data-orientation=horizontal] .drawo-slider-range{height:100%}.drawo-slider-root[data-orientation=vertical] .drawo-slider-range{width:100%}.drawo-slider-thumb:before{content:"";width:24px;height:16px;transition:all .1s!important;background-color:#fff;border-radius:999px;top:50%;transform-origin:center center;left:50%;transform:translate(-50%,-50%);z-index:500;position:absolute}.drawo-slider-thumb:active{cursor:grabbing}.drawo-slider-thumb{position:relative;display:block;cursor:grab;width:28px;height:20px;border:2px solid var(--accent);border-radius:999px;transition:transform shadow scale .1s!important;background:var(--accent)}.drawo-slider-thumb:active{scale:.9;box-shadow:0 0 0 1px var(--accent)}.dark .drawo-slider-thumb{background:#fff}.drawo-slider-thumb:after{content:"";position:absolute;inset:-8px}.drawo-slider-thumb:focus-visible{outline:none}.drawo-slider-thumb:disabled{pointer-events:none;opacity:.5}.drawo-input{width:100%;min-width:0;padding:8px 10px;border-radius:8px;corner-shape:squircle;border:1px solid var(--panel-border);background:rgba(var(--text-rgb),.1);color:inherit;font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.drawo-input::placeholder{color:rgba(var(--text-rgb),.5)}.drawo-input[aria-invalid=true]{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.dark .drawo-input[aria-invalid=true]{box-shadow:0 0 0 3px #ef444440}.drawo-numberinput::-webkit-outer-spin-button,.drawo-numberinput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.drawo-numberinput[type=number]{-moz-appearance:textfield;appearance:textfield}.drawo-numberinput-container button:hover{filter:brightness(1.2)}.drawo-numberinput-container button{display:flex;cursor:pointer;border:none;height:100%;align-items:center;justify-content:center;height:var(--size);width:var(--size);color:rgba(var(--text-rgb));background:rgba(var(--background-rgb),.5)}.drawo-numberinput-container svg{width:12px!important;height:12px!important}.drawo-numberinput-container svg *{stroke-width:2}.drawo-numberinput-container input{height:100%;font-family:Inter,sans-serif;font-size:12px;font-size:500;border-top:0px;padding-left:12px;width:150px;border-bottom:0px;border-left:1px solid var(--panel-border);border-right:1px solid var(--panel-border);color:rgba(var(--text-rgb));background:rgba(var(--background-rgb),.5)}.drawo-numberinput-container *,.drawo-numberinput-container{--size: 32px}.drawo-numberinput-container{display:flex;height:var(--size);border-radius:8px;corner-shape:squircle;border:1px solid var(--panel-border);overflow:hidden;align-items:center}.drawo-input:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.dark .drawo-input:disabled{background:#ffffff0f}.drawo-input::file-selector-button{height:24px;margin-right:8px;border:none;background:transparent;font-size:13px;font-weight:500;cursor:pointer}.drawo-tooltip-content p{margin:0}.drawo-tooltip-content{border-radius:8px;background:rgb(var(--text-rgb));color:rgb(var(--background-rgb));corner-shape:squircle;padding:7px 12px;font-size:12px;font-family:Inter,sans-serif;width:fit-content;max-width:20rem;z-index:50;transform-origin:var(--radix-tooltip-content-transform-origin);box-shadow:var(--panel-shadow);opacity:0;transform:scale(.96);will-change:transform,opacity}.drawo-tooltip-content[data-state=delayed-open],.drawo-tooltip-content[data-state=instant-open]{opacity:1;transform:scale(1)}.drawo-tooltip-content[data-state=delayed-open][data-side=top],.drawo-tooltip-content[data-state=instant-open][data-side=top]{animation:drawo-tooltip-in-top .18s cubic-bezier(.16,1,.3,1)}.drawo-tooltip-content[data-state=delayed-open][data-side=bottom],.drawo-tooltip-content[data-state=instant-open][data-side=bottom]{animation:drawo-tooltip-in-bottom .18s cubic-bezier(.16,1,.3,1)}.drawo-tooltip-content[data-state=delayed-open][data-side=left],.drawo-tooltip-content[data-state=instant-open][data-side=left]{animation:drawo-tooltip-in-left .18s cubic-bezier(.16,1,.3,1)}.drawo-tooltip-content[data-state=delayed-open][data-side=right],.drawo-tooltip-content[data-state=instant-open][data-side=right]{animation:drawo-tooltip-in-right .18s cubic-bezier(.16,1,.3,1)}@keyframes drawo-tooltip-in-top{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawo-tooltip-in-bottom{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawo-tooltip-in-left{0%{opacity:0;transform:translate(6px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes drawo-tooltip-in-right{0%{opacity:0;transform:translate(-6px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.drawo-tooltip-arrow{display:none!important;width:10px;height:10px;background:rgb(var(--text-rgb));fill:rgb(var(--text-rgb));transform-origin:center center;transform:rotate(45deg) translateY(-5px) translate(-5px);border-radius:2.7px}.drawo-topright-bar{position:absolute;top:12px;right:12px}.drawo-bigcolorpicker div *{padding:0!important}.drawo-bigcolorpicker div{display:flex!important;align-items:center;justify-content:center}.drawo-bigcolorpicker{padding:12px 8px 8px;align-items:center;justify-content:center;display:flex;flex-direction:column!important}.drawo-topbar-right>div:before{content:"";position:absolute;bottom:100%;z-index:-1;left:0;cursor:pointer;width:100%;height:200%;z-index:100}.drawo-topbar-right>div:after{content:"";pointer-events:none;position:absolute;top:100%;z-index:-1;left:0;cursor:pointer;width:100%;height:200%;z-index:100}.drawo-topbar-right>div{transition:.2s ease-in-out;z-index:1000;transform:translateY(0)}.drawo-topbar-right>div:last-child{transition-duration:.4s!important}.drawo-zen-mode .drawo-keybind{display:none!important}.drawo-zen-mode .drawo-topbar-right>div:not(:hover):not(.active),.drawo-presentation-mode .drawo-topbar-right>div:not(:hover):not(.active){transform:translateY(-200%)}.tool-bar,.zoom-bar{transition:.2s ease-in-out}.undo-bar{transition:.4s ease-in-out}.drawo-presentation-mode .selection-toolbar{display:none!important}.drawo-presentation-mode .tool-bar,.drawo-presentation-mode .undo-bar,.drawo-zen-mode .undo-bar,.drawo-zen-mode .zoom-bar{translate:0px 200%!important}.drawo-zen-mode .drawo-topbar-right>div:after{pointer-events:all}[style*="z-index: 500;"]{z-index:100000!important}.sidebar-launcher>*{transform:scale(1.3);transform-origin:center center}.sidebar-launcher{border-radius:12px;width:100%;border:0;overflow:hidden;position:relative;height:46px;justify-content:center;width:46px;display:flex;box-shadow:var(--panel-shadow);align-items:center;border:1px solid var(--panel-border);cursor:pointer;color:inherit;corner-shape:squircle;transition:all .16s ease}.sidebar-launcher:hover{filter:brightness(.95)}.dark .sidebar-launcher:hover{filter:brightness(1.3)}.dark .sidebar-launcher,.drawo-app-root--dark .sidebar-launcher{background:var(--popover-dark, #1e1e1e);color:#f3f4f6}.dark .sidebar-launcher:hover,.drawo-app-root--dark .sidebar-launcher:hover{background:var(--popover-dark, #1e1e1e)}.sidebar-launcher-wrap{position:relative}.sidebar-launcher-wrap:before,.sidebar-launcher-wrap:after{display:none!important;pointer-events:none!important}@supports (corner-shape: squircle){.settings-bar{border-radius:25px}.sidebar-launcher{border-radius:24px}.select-content{border-radius:20px}.select-item{border-radius:12px}.drawo-input{border-radius:16px}.drawo-numberinput-container,.drawo-tooltip-content{border-radius:18px}.insert-item,.tool-item{border-radius:22px}.tool-bar,.top-toolbar{border-radius:30px}.drawo-keybind span,.drawo-beta span{border-radius:12px}.drawo-contextmenu-item,.drawo-contextmenu-subtrigger,.drawo-contextmenu-checkboxitem,.drawo-contextmenu-radioitem,.drawo-dialog-content{border-radius:28px}.drawo-contextmenu-subcontent,.drawo-dropdown-content,.drawo-dropdown-subcontent,.bottompanel-bar,.drawo-contextmenu-content,.selection-toolbar,.drawo-dropdown-item,.drawo-dropdown-checkboxitem,.drawo-dropdown-radioitem,.drawo-dropdown-subtrigger,.theme-option,.theme-selector,.drawo-dropdown-content .custom-element .custom-select-trigger{border-radius:24px}}.sidebar-page-panel{width:min(390px,34vw);min-width:320px;max-width:460px;margin-top:8px;height:calc(100% - 16px);margin-right:8px;coerner-shape:squircle;border-radius:16px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;z-index:10;animation:sidebar-page-in .22s ease}.sidebar-page-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid rgba(var(--text-rgb),.12)}.sidebar-page-title{margin:0;font:650 13px Inter,sans-serif}.sidebar-page-close{border:1px solid rgba(var(--text-rgb),.01);width:30px;height:30px;border-radius:9px;background:rgba(var(--text-rgb),.06);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sidebar-page-close:hover{background:rgba(var(--text-rgb),.12)}.sidebar-tabs{display:flex;width:100%;align-items:center;gap:6px;padding:10px;border-bottom:1px solid rgba(var(--text-rgb),.1)}.sidebar-tab{border:none;width:100%;border-radius:18px;background:rgba(var(--text-rgb),.07);color:inherit;display:inline-flex;align-items:center;corner-shape:squircle;justify-content:center;gap:6px;font:600 12px Inter,sans-serif;padding:9px 10px;cursor:pointer;transition:all .14s ease}.sidebar-tab:hover{background:rgba(var(--text-rgb),.12)}.sidebar-tab.active{background:rgba(var(--accent-rgb),.22);color:rgba(var(--accent-rgb),1)}.sidebar-section{padding:12px;display:flex;gap:10px;flex-direction:column;min-height:0;flex:1}.sidebar-search-wrap{position:relative}.sidebar-search-icon{position:absolute;left:12px;top:50%;translate:0 -50%;opacity:.68}.sidebar-search-input{width:100%;border-radius:24px;border:1px solid rgba(var(--text-rgb),0);background:rgba(var(--text-rgb),.06);color:inherit;corner-shape:squircle;font:500 13px Inter,sans-serif;padding:10px 12px 10px 38px;outline:none;transition:border-color .12s ease}.sidebar-search-input:focus{border-color:rgba(var(--accent-rgb),.7)}.sidebar-search-toolbar{display:flex;justify-content:space-between;align-items:center}.sidebar-search-count{font:500 12px Inter,sans-serif;opacity:.75}.sidebar-search-actions{display:inline-flex;gap:6px}.sidebar-mini-btn{width:28px;height:28px;border:0px;border-radius:18px;corner-shape:squircle;background:rgba(var(--text-rgb),.06);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sidebar-mini-btn:hover:not(:disabled){background:rgba(var(--text-rgb),.12)}.sidebar-mini-btn:disabled{opacity:.45;cursor:not-allowed}.sidebar-search-results{display:flex;flex-direction:column;gap:8px;overflow:auto;height:100%;padding-right:2px;padding-bottom:12px}.sidebar-result-item{border:1px solid rgba(var(--text-rgb),.15);border-radius:24px;background:rgba(var(--text-rgb),.05);color:inherit;text-align:left;padding:12px 18px;cursor:pointer;transition:.1s;display:flex;corner-shape:squircle;flex-direction:column;gap:4px}.sidebar-result-item:hover{background:rgba(var(--text-rgb),.1)}.sidebar-result-item.active{border-color:rgba(var(--accent-rgb),.9);background:rgba(var(--accent-rgb),.16)}.sidebar-result-meta{display:flex;align-items:center;gap:5px}.sidebar-result-type{font:700 14px Inter,sans-serif;letter-spacing:.06em;transform:translateY(1px) scale(.9);text-transform:uppercase}.sidebar-result-label{font:600 15px Inter,sans-serif}.sidebar-result-text{font:500 12px Inter,sans-serif;opacity:.9;line-height:1.45}.sidebar-empty-state p{margin:0;font:500 16px Inter,sans-serif;letter-spacing:-.4px}.sidebar-empty-state svg{width:40%;height:unset!important}.sidebar-empty-state{flex-direction:column;height:100%;display:flex;text-align:center;align-items:center;justify-content:center;justify-items:center;gap:8px}.sidebar-library-note,.sidebar-library-description{margin:0;font:500 12px Inter,sans-serif;opacity:.8}.sidebar-library-groups{display:flex;flex-direction:column;gap:8px;overflow:auto}.sidebar-library-categories{display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding-bottom:4px}.sidebar-library-category-pill{border:1px solid rgba(var(--text-rgb),.08);background:rgba(var(--text-rgb),.05);color:inherit;border-radius:999px;padding:6px 12px;flex-shrink:0!important;font:600 11px Inter,sans-serif;display:inline-flex;min-height:28px!important;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.sidebar-library-category-pill span{opacity:.68}.sidebar-library-category-pill.active{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.2);color:rgba(var(--accent-rgb),1)}.sidebar-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;overflow:auto;height:100%;width:100%;padding-right:2px;padding-bottom:8px}.sidebar-library-asset{border:1px solid rgba(var(--text-rgb),.08);background:rgba(var(--text-rgb),.05);border-radius:14px;padding:8px;color:currentColor;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.sidebar-library-asset:hover{background:rgba(var(--text-rgb),.08)}.sidebar-library-asset.selected{border-color:rgba(var(--accent-rgb),.8);background:rgba(var(--accent-rgb),.14)}.sidebar-library-asset:active{transform:translateY(1px)}.sidebar-library-asset-preview{border-radius:10px;background:rgba(var(--text-rgb),.04);border:1px solid rgba(var(--text-rgb),.08);aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;overflow:hidden}.sidebar-library-asset-preview img{width:86%;height:86%;object-fit:contain}.sidebar-library-asset-meta{display:flex;flex-direction:column;gap:2px}.sidebar-library-asset-name{font:600 12px Inter,sans-serif}.sidebar-library-asset-tags{font:500 10px Inter,sans-serif;opacity:.65}.sidebar-library-group{border:1px solid rgba(var(--text-rgb),.05);border-radius:24px;corner-shape:squircle;display:flex;flex-direction:column;gap:6px;padding:14px 18px;background:rgba(var(--text-rgb),.04)}.sidebar-library-group-header{display:inline-flex;gap:4px;align-items:center;font:600 15px Inter,sans-serif}.sidebar-library-count{margin-left:auto;display:flex;align-items:center;justify-content:center;font-size:11px}@keyframes sidebar-page-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(max-width:980px){.sidebar-page-panel{width:min(92vw,420px);min-width:280px}}
1
+ .timer-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;box-sizing:border-box;color:currentColor;font-family:Inter}.timer-display{position:relative;border-radius:12px;display:flex;padding:22px 28px;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}@keyframes timer-done-pulse{0%,to{opacity:1}50%{opacity:.35}}.timer-display--done{animation:timer-done-pulse .6s ease 5}@font-face{font-family:D7CBI;font-style:italic;font-weight:400;src:url(https://static.figma.com/webfont/1/DSEG7Classic-Italic-Custom2.woff2) format("woff2"),url(https://static.figma.com/webfont/1/DSEG7Classic-Italic-Custom2.woff) format("woff")}.timer-font{font-family:D7CBI!important;font-weight:200!important}.timer-digit-group{display:flex;gap:5px;position:relative;z-index:1}.timer-progress-wrap{width:100%;height:2px;background:rgba(var(--text-rgb),.1)}.timer-progress-bar{height:100%;background:currentColor;transition:width .6s linear}.timer-content-container{position:relative}.timer-background{position:absolute;top:0;left:0;opacity:.05}.timer-content{font-size:70px;margin:0}.timer-controls{display:flex;gap:6px;align-items:center;width:100%;justify-content:space-between}.timer-btn:hover{background:rgba(var(--text-rgb),.2)}.timer-btn{background:none;color:currentColor;cursor:pointer;transition:.1s;font-family:inherit;font-size:14px;white-space:nowrap;border:none}.timer-controls-section{display:flex;gap:2px}.timer-iconbtn{display:flex;padding:10px;border-radius:50%}.timer-textbtn{border-radius:12px;corner-shape:squircle;padding:4px 12px;border:1px solid rgba(var(--text-rgb),.2)}.timer-btn--primary:hover{background:rgba(var(--accent-rgb),.8)}.timer-btn--primary{color:#fff;background:rgba(var(--accent-rgb),.7)}.timer-btn:active{opacity:.6}.timer-btn:disabled{opacity:.3;cursor:default}.timer-font.music-bar-now-playing{font-size:13px;font-weight:900}.timer-presets{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;width:100%}.timer-preset{border-radius:12px;color:currentColor;cursor:pointer;transition:.1s;font-family:inherit;font-size:12px;white-space:nowrap;border:none;corner-shape:squircle;padding:6px 12px;background:rgba(var(--text-rgb),.1)}@supports (corner-shape: squircle){.timer-preset,.timer-textbtn{border-radius:24px}}.music-bar{position:relative;z-index:100;width:fit-content;border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.music-bar-open{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.music-bar-toggle{border-radius:12px;width:100%;border:0;overflow:hidden;position:relative;padding:14px 18px;display:flex;box-shadow:var(--panel-shadow);align-items:center;border:1px solid var(--panel-border);justify-content:space-between;cursor:pointer;color:inherit;corner-shape:squircle;transition:all .16s ease}.music-bar-toggle:hover{filter:brightness(.95)}.dark .music-bar-toggle:hover{filter:brightness(1.3)}.music-bar-toggle-content{display:inline-flex;align-items:center;gap:8px}.music-bar-now-playing{font:600 13px Inter,sans-serif;letter-spacing:.02em;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.music-dot-active{background:var(--accent)}.music-bar-icon{transform:scale(1.2)}.music-panel{border-radius:14px;padding:20px 24px 22px;corner-shape:squircle;background-color:#fff;overflow:hidden;box-shadow:var(--panel-shadow);position:absolute;right:0;min-width:280px;border:1px solid var(--panel-border);display:flex;transform:translateY(8px);flex-direction:column;gap:10px;animation:music-panel-in .2s ease-in-out}.music-controls-row{display:flex;gap:16px;justify-content:center;align-items:center;padding:8px 0}.music-ctl{border:none;background:transparent;color:#111827;border-radius:50%;padding:15px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.music-ctl:hover{background:#0000000f;transform:scale(1.05)}.music-ctl:active{transform:scale(.95)}.music-ctl-play{background:rgba(var(--accent-rgb),1);color:#fff;padding:18px;box-shadow:0 2px 8px #00000026}.dark .music-ctl-play{background:rgba(var(--accent-rgb),.6)}.music-ctl-play:hover{background:rgba(var(--accent-rgb),1);filter:brightness(.9);transform:scale(1.05)}.dark .music-ctl-play:hover{background:rgba(var(--accent-rgb),.7)!important;transform:scale(1.05)}.music-ctl:disabled{opacity:.45;cursor:not-allowed;transform:none}.music-station-select-container{margin-top:4px;margin-bottom:4px}.music-bar-icon{display:flex}.music-status{margin:0;font:500 12px Inter,sans-serif;text-transform:capitalize;opacity:.85}.music-status-error{color:#c0262d}.music-volume-row *{stroke-width:1}.music-volume-row{display:flex;align-items:center;gap:8px;padding:12px;margin-top:-26px}.music-volume-slider{appearance:none;width:100%;height:4px;border-radius:999px;background:#00000029;outline:none}.music-volume-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:999px;border:2px solid var(--accent);background:var(--accent);cursor:pointer;box-shadow:0 1px 5px #00000040}.music-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:999px;border:2px solid #fff;background:var(--accent);cursor:pointer;box-shadow:0 1px 5px #00000040}.music-volume-value{font:600 11px Inter,sans-serif;opacity:.85;min-width:34px;text-align:right}.music-spin{animation:music-spin 10s linear infinite}.music-cd-disc{will-change:transform}@keyframes music-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(8px)}}@keyframes music-spin{0%{transform:rotate(0) translate(-50%,-50%)}to{transform:rotate(360deg) translate(-50%,-50%)}}.music-audio-hidden{display:none}.dark .music-panel,.drawo-app-root--dark .music-panel,.dark .music-bar-toggle,.drawo-app-root--dark .music-bar-toggle{background:var(--popover-dark, #1e1e1e);color:#f3f4f6}.dark .music-bar-toggle:hover,.drawo-app-root--dark .music-bar-toggle:hover{background:var(--popover-dark, #1e1e1e)}.dark .music-dot,.drawo-app-root--dark .music-dot{background:#ffffff59}.music-elem{display:flex;align-items:center;gap:.3rem}.music-elem>span{display:flex}.music-selecttrigger{border-radius:8px;width:100%;display:flex;align-items:center;justify-content:space-between;border:none;background:rgb(var(--background-rgb));color:currentColor;padding:.8rem 1.2rem;corner-shape:squircle}.dark .music-dot-active,.drawo-app-root--dark .music-dot-active{background:var(--accent)}.dark .music-ctl,.drawo-app-root--dark .music-ctl{color:#f3f4f6}.dark .music-ctl:hover,.drawo-app-root--dark .music-ctl:hover{background:#ffffff1a}.dark .music-status-error,.drawo-app-root--dark .music-status-error{color:#fca5a5}.dark .music-volume-slider,.drawo-app-root--dark .music-volume-slider{background:#ffffff40}@media(max-width:560px){.music-bar{top:10px;right:10px;width:calc(100vw - 20px)}.music-bar-now-playing{max-width:140px}.music-controls-row{flex-wrap:wrap}}@supports (corner-shape: squircle){.music-selecttrigger{border-radius:14px}.music-panel,.music-bar-toggle{border-radius:24px}}[data-theme=drawo-light]{--accent: #7c5cff;--accent-dark: var(--accent);--logoduotone-firstcolor: #6f5af6;--logoduotone-secondcolor: #3119cf;--logocolor: #1d00d7;--accent-rgb: 124, 92, 255;--text-rgb: 15, 15, 15;--background-rgb: 220, 220, 220;--panel-border: rgba(0, 0, 0, .1);--panel-shadow: 0 10px 24px rgba(0, 0, 0, .08);--app-bg: #F5F4F4;--app-fg: #1f2937;--panel-bg: rgba(255, 255, 255, .94);--popover-dark: rgba(26, 26, 26, .94);--popover-foreground-dark: var(--app-fg)}[data-theme=drawo-dark]{--accent: #b19eff;--accent-dark: #6f5af6;--logoduotone-firstcolor: #6f5af6;--logoduotone-secondcolor: #c6bdff;--logocolor: #ffffff;--accent-rgb: 177, 158, 255;--text-rgb: 220, 220, 220;--background-rgb: 15, 15, 15;--panel-border: rgba(255, 255, 255, .03);--panel-shadow: 0 10px 24px rgba(0, 0, 0, .1);--app-bg: #161617;--app-fg: #f3f4f6;--panel-bg: #1e1e1e;--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=catppuccin-light]{--accent: #8839ef;--accent-dark: var(--accent);--logoduotone-firstcolor: #6f5af6;--logoduotone-secondcolor: #b38ef4;--logocolor: #4c4f69;--accent-rgb: 136, 57, 239;--text-rgb: 76, 79, 105;--background-rgb: 239, 241, 245;--panel-border: rgba(76, 79, 105, .12);--panel-shadow: 0 12px 28px rgba(136, 57, 239, .09);--app-bg: #eff1f5;--app-fg: #4c4f69;--popover-dark-text: #4c4f69;--darkborder-rgb: 0,0,0;--panel-bg: rgba(255, 255, 255, .9);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=catppuccin-dark]{--accent: #cba6f7;--accent-dark: #a057ff;--logoduotone-firstcolor: #cba6f7;--logoduotone-secondcolor: #f5c2e7;--logocolor: #f5e0dc;--accent-rgb: 203, 166, 247;--text-rgb: 205, 214, 244;--background-rgb: 30, 30, 46;--panel-border: rgba(205, 214, 244, .08);--panel-background: #1e1e2e90;--panel-shadow: 0 12px 28px rgba(17, 17, 27, .5);--app-bg: #11111b;--app-fg: #cdd6f4;--panel-bg: #181825;--popover-dark: #11111b90;--popover-foreground-dark: var(--app-fg)}[data-theme=nord-light]{--accent: #5e81ac;--accent-dark: var(--accent);--logoduotone-firstcolor: #81a1c1;--logoduotone-secondcolor: #88c0d0;--logocolor: #2e3440;--accent-rgb: 94, 129, 172;--text-rgb: 46, 52, 64;--background-rgb: 236, 239, 244;--panel-border: rgba(46, 52, 64, .12);--panel-shadow: 0 10px 24px rgba(46, 52, 64, .08);--app-bg: #eceff4;--app-fg: #2e3440;--darkborder-rgb: 0,0,0;--popover-dark-text: #2e3440;--panel-bg: rgba(229, 233, 240, .92);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=nord-dark]{--accent: #88c0d0;--accent-dark: #5e81ac;--logoduotone-firstcolor: #81a1c1;--logoduotone-secondcolor: #88c0d0;--logocolor: #eceff4;--accent-rgb: 136, 192, 208;--text-rgb: 236, 239, 244;--background-rgb: 46, 52, 64;--panel-border: rgba(216, 222, 233, .08);--panel-shadow: 0 12px 28px rgba(46, 52, 64, .42);--app-bg: #2e3440;--app-fg: #eceff4;--popover-dark: #3b4252;--panel-bg: #3b4252;--popover-foreground-dark: var(--app-fg)}[data-theme=solarized-light]{--accent: #7f6237;--accent-dark: var(--accent);--logoduotone-firstcolor: #61470e;--logoduotone-secondcolor: #a16f2a;--logocolor: #586e75;--accent-rgb: 127, 98, 55;--text-rgb: 88, 110, 117;--background-rgb: 253, 246, 227;--panel-border: rgba(88, 110, 117, .16);--panel-shadow: 0 10px 24px rgba(88, 110, 117, .12);--app-bg: #fdf6e3;--darkborder-rgb: 0,0,0;--app-fg: #586e75;--popover-dark-text: #586e75;--panel-bg: rgba(238, 232, 213, .96);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=solarized-dark]{--accent: #2aa198;--accent-dark: #2aa198;--logoduotone-firstcolor: #41b4c3;--logoduotone-secondcolor: #ffffff;--logocolor: #93a1a1;--accent-rgb: 42, 161, 152;--text-rgb: 147, 161, 161;--background-rgb: 0, 43, 54;--panel-border: rgba(147, 161, 161, .12);--panel-shadow: 0 12px 28px rgba(0, 20, 26, .5);--app-bg: #002b36;--app-fg: #93a1a1;--panel-bg: rgba(7, 54, 66, .94);--popover-dark: rgba(3, 33, 41, .94);--popover-foreground-dark: var(--app-fg)}[data-theme=gruvbox-light]{--accent: #d79921;--accent-dark: #b57614;--logoduotone-firstcolor: var(--accent);--logoduotone-secondcolor: #b57614;--logocolor: #3c3836;--accent-rgb: 215, 153, 33;--text-rgb: 60, 56, 54;--background-rgb: 251, 241, 199;--panel-border: rgba(60, 56, 54, .14);--panel-shadow: 0 10px 24px rgba(60, 56, 54, .12);--app-bg: #fbf1c7;--app-fg: #3c3836;--popover-dark-text: #3c3836;--panel-bg: rgba(242, 229, 188, .94);--darkborder-rgb: 0,0,0;--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=gruvbox-dark]{--accent: #fabd2f;--accent-dark: #806015;--logoduotone-secondcolor: #d79921;--logocolor: #ebdbb2;--accent-rgb: 250, 189, 47;--text-rgb: 235, 219, 178;--background-rgb: 40, 40, 40;--panel-border: rgba(235, 219, 178, .09);--panel-shadow: 0 12px 28px rgba(20, 20, 20, .48);--app-bg: #282828;--app-fg: #ebdbb2;--panel-bg: rgba(60, 56, 54, .94);--logoduotone-firstcolor: var(--accent);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=tokyonight-light]{--accent: #2e7de9;--accent-dark: var(--accent);--logoduotone-secondcolor: #6172b0;--logocolor: #3760bf;--accent-rgb: 46, 125, 233;--text-rgb: 55, 96, 191;--background-rgb: 213, 214, 219;--panel-border: rgba(55, 96, 191, .14);--panel-shadow: 0 10px 24px rgba(55, 96, 191, .1);--app-bg: #d5d6db;--app-fg: #3c3836;--darkborder-rgb: 0,0,0;--popover-dark-text: #3c3836;--panel-bg: rgba(225, 226, 231, .94);--logoduotone-firstcolor: var(--accent);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=tokyonight-dark]{--accent: #7aa2f7;--accent-dark: #334f8b;--logoduotone-firstcolor: #73daca;--logoduotone-secondcolor: #348a7d;--logocolor: #c0caf5;--accent-rgb: 122, 162, 247;--text-rgb: 192, 202, 245;--background-rgb: 26, 27, 38;--panel-border: rgba(192, 202, 245, 0);--panel-shadow: 0 12px 28px rgba(10, 10, 20, .52);--app-bg: #1a1b26;--app-fg: #c0caf5;--panel-bg: rgba(36, 40, 59, .94);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=rosepine-light]{--accent: #907aa9;--accent-dark: var(--accent);--logoduotone-secondcolor: #56949f;--logocolor: #575279;--accent-rgb: 144, 122, 169;--text-rgb: 87, 82, 121;--background-rgb: 250, 244, 237;--panel-border: rgba(87, 82, 121, .13);--panel-shadow: 0 10px 24px rgba(87, 82, 121, .1);--app-bg: #faf4ed;--app-fg: #575279;--popover-dark-text: #575279;--darkborder-rgb: 0,0,0;--panel-bg: rgba(255, 250, 243, .95);--logoduotone-firstcolor: var(--accent);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=rosepine-dark]{--accent: #ea9a97;--accent-dark: rgb(98, 88, 164);--logoduotone-firstcolor: #eb6f92;--logoduotone-secondcolor: #b4637a;--logocolor: #e0def4;--accent-rgb: 234, 154, 151;--text-rgb: 224, 222, 244;--background-rgb: 25, 23, 36;--panel-border: rgba(224, 222, 244, 0);--panel-shadow: 0 12px 28px rgba(15, 12, 22, .5);--app-bg: #191724;--app-fg: #e0def4;--panel-bg: rgba(38, 35, 58, .94);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=everforest-light]{--accent: #8da101;--accent-dark: var(--accent);--logoduotone-firstcolor: #386c16;--logoduotone-secondcolor: #8da101;--logocolor: #5c6a72;--accent-rgb: 141, 161, 1;--text-rgb: 92, 106, 114;--background-rgb: 243, 234, 211;--panel-border: rgba(92, 106, 114, .13);--panel-shadow: 0 10px 24px rgba(92, 106, 114, .11);--app-bg: #f3ead3;--app-fg: #5c6a72;--darkborder-rgb: 0,0,0;--popover-dark-text: #5c6a72;--panel-bg: rgba(242, 239, 223, .95);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=everforest-dark]{--accent: #83c092;--accent-dark: #4b7565;--logoduotone-firstcolor: #83c092;--logoduotone-secondcolor: #518e65;--logocolor: #d3c6aa;--accent-rgb: 131, 192, 146;--text-rgb: 211, 198, 170;--background-rgb: 45, 53, 59;--panel-border: rgba(211, 198, 170, .1);--panel-shadow: 0 12px 28px rgba(18, 24, 27, .48);--app-bg: #2d353b;--app-fg: #d3c6aa;--panel-bg: rgba(52, 63, 68, .94);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=kanagawa-light]{--accent: #4d699b;--accent-dark: var(--accent);--logoduotone-firstcolor: #198383;--logoduotone-secondcolor: #629f9f;--logocolor: #545464;--accent-rgb: 77, 105, 155;--text-rgb: 84, 84, 100;--background-rgb: 242, 236, 188;--panel-border: rgba(84, 84, 100, .13);--panel-shadow: none;--app-bg: #DCD7BA;--app-fg: #545464;--panel-bg: rgba(244, 241, 217, .95);--popover-dark: #141421;--popover-foreground-dark: var(--app-fg)}[data-theme=kanagawa-dark]{--accent: #7e9cd8;--accent-dark: #45619a;--logoduotone-firstcolor: var(--accent);--logoduotone-secondcolor: #7fb4ca;--logocolor: #dcd7ba;--accent-rgb: 126, 156, 216;--text-rgb: 220, 215, 186;--background-rgb: 31, 31, 40;--panel-border: rgba(220, 215, 186, 0);--panel-shadow: 0px;--app-bg: #1f1f28;--app-fg: #dcd7ba;--panel-bg: rgba(42, 42, 55, .94);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=dracula-light]{--accent: #6272a4;--accent-dark: var(--accent);--logoduotone-firstcolor: #bd93f9;--logoduotone-secondcolor: #6939ac;--logocolor: #282a36;--accent-rgb: 98, 114, 164;--text-rgb: 40, 42, 54;--background-rgb: 248, 248, 251;--panel-border: rgba(40, 42, 54, .13);--panel-shadow: 0 10px 24px rgba(40, 42, 54, .1);--app-bg: #f8f8fb;--app-fg: #1F1F1F;--panel-bg: rgba(241, 241, 247, .95);--popover-dark: #1F1F1F;--popover-foreground-dark: var(--app-fg)}[data-theme=dracula-dark]{--accent-dark: #bd93f9;--accent: #bd93f9;--logoduotone-firstcolor: #bd93f9;--logoduotone-secondcolor: #f8f8f2;--logocolor: #f8f8f2;--accent-rgb: 189, 147, 249;--text-rgb: 248, 248, 242;--background-rgb: 40, 42, 54;--panel-border: transparent;--panel-shadow: none;--app-bg: #171519;--app-fg: #f8f8f2;--panel-bg: #222026;--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=one-light]{--accent: #4078f2;--accent-dark: var(--accent);--logoduotone-secondcolor: #0184bc;--logocolor: #383a42;--accent-rgb: 64, 120, 242;--text-rgb: 56, 58, 66;--background-rgb: 250, 250, 250;--panel-border: rgba(56, 58, 66, .12);--panel-shadow: 0 10px 24px rgba(56, 58, 66, .09);--app-bg: #fafafa;--app-fg: #383a42;--panel-bg: rgba(240, 240, 240, .94);--logoduotone-firstcolor: var(--accent);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=one-dark]{--accent: #61afef;--accent-dark: #2a6ba0;--logoduotone-secondcolor: #56b6c2;--logocolor: #abb2bf;--accent-rgb: 97, 175, 239;--text-rgb: 171, 178, 191;--background-rgb: 40, 44, 52;--panel-border: rgba(0, 0, 0, .247);--panel-shadow: none;--app-bg: #282c34;--app-fg: #abb2bf;--panel-bg: rgba(49, 54, 64, .94);--logoduotone-firstcolor: var(--accent);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=ayu-light]{--accent: #b0832b;--logoduotone-firstcolor: var(--accent);--logoduotone-secondcolor: #e0b766;--logocolor: #5c6773;--accent-rgb: 224, 183, 102;--text-rgb: 92, 103, 115;--background-rgb: 255, 251, 234;--panel-border: rgba(92, 103, 115, .13);--panel-shadow: 0 10px 24px rgba(92, 103, 115, .1);--app-bg: #fffbea;--darkborder-rgb: 0,0,0;--popover-dark-text: #5c6773;--app-fg: #5c6773;--panel-bg: rgba(252, 244, 221, .95);--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}[data-theme=ayu-dark]{--accent-dark: #e0b7667c;--accent: #e0b866;--logoduotone-firstcolor: #e0b7667f;--logoduotone-secondcolor: #e0b866;--logocolor: #bfbdb6;--accent-rgb: 224, 184, 102;--text-rgb: 191, 189, 182;--background-rgb: 11, 14, 20;--panel-border: rgba(191, 189, 182, .017);--panel-shadow: none;--app-bg: #0b0e14;--app-fg: #bfbdb6;--panel-bg: #121621;--popover-dark: var(--panel-bg);--popover-foreground-dark: var(--app-fg)}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}*,*:before,*:after{box-sizing:border-box}#root{width:100%;height:100%}.app-root{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--app-bg);color:var(--app-fg)}.app-shell{width:100%;height:100%;display:flex;min-width:0}.app-workspace{position:relative;flex:1;min-width:0;height:100%;overflow:hidden}.drawo-dropdown-content{width:250px!important}.settings-bar{border-radius:12px;width:fit-content;height:fit-content;z-index:10;display:flex;padding:2px;corner-shape:squircle;border:1px solid var(--panel-border);gap:1px;align-items:center;justify-content:center;background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--panel-shadow)}.settings-bar *,.settings-bar{-webkit-user-select:none;user-select:none}.switch-row{display:flex;align-items:center;gap:6px;font-size:13px;font-family:Inter,sans-serif}html.dark .switch-row{color:var(--popover-dark-text, #f3f4f6)}.selection-toolbar .bar-text{margin:0;padding:8px}.tool-bar .draw-stroke-trigger:hover{background-color:rgba(var(--text-rgb),.1)}.tool-bar .draw-stroke-trigger{border:none;background-color:transparent;corner-shape:squircle;border-radius:24px;display:flex;transition:.1s;height:40px;width:calc(180px / 1.9)!important;padding:12px;color:currentColor}.selection-toolbar .select-trigger.draw-stroke-trigger{width:78px;justify-content:center;padding:0 12px}.draw-stroke-select-item *{width:100%}.draw-stroke-select-item{display:flex;padding:7px 8px!important}.tool-bar .draw-stroke-option-line-wrap svg{transform:scaleX(.4) translate(-76%)}.draw-stroke-option-line-wrap svg{width:180px;height:auto}.draw-stroke-option-line-wrap{display:flex;align-items:center;justify-content:center}.marker-stroke-preview{width:120px;height:28px;display:flex;align-items:center;justify-content:center}.marker-stroke-preview-line{display:block;width:104px;background:currentColor}.draw-stroke-option-line{width:100%;border-radius:999px;background:rgb(var(--text-rgb))}.top-toolbar{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);border-radius:15px;z-index:10;display:flex;border:1px solid var(--panel-border);corner-shape:squircle;gap:1px;align-items:center;cursor:url(cursors/default.svg) 12 12,auto;padding:4px;background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--panel-shadow)}.drawtool-elem:hover .drawtool-icon{transform:translateY(0)}.drawtool-elem{overflow:hidden}.drawtool-icon{scale:2;transition:.1s;transform:translateY(2px)}.color-picker-container{margin-left:4px;margin-right:4px;display:flex;align-items:center}.color-picker-button{width:28px;height:28px;border-radius:6px;border:1px solid var(--panel-border);background:var(--panel-bg);cursor:pointer;display:flex;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);align-items:center;justify-content:center;padding:0;transition:all .1s ease}.color-picker-button:hover{background:var(--panel-bg-hover);border-color:var(--panel-border-hover);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.color-preview{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.tool-bar{border-radius:15px;position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:10;display:flex;border:1px solid var(--panel-border);corner-shape:squircle;gap:1px;align-items:center;cursor:url(cursors/default.svg) 12 12,auto;padding:8px 9px;background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.insert-item:hover,.tool-item:hover{background:rgba(var(--text-rgb),.1)!important}.insert-item:active{cursor:url(../cursors/grabbing.svg) 12 12,auto}.insert-item{cursor:url(../cursors/grab.svg) 12 12,auto}.tool-item{cursor:url(../cursors/pointer.svg) 12 12,auto}.insert-item,.tool-item{border-radius:10px;border:none;background:transparent;corner-shape:squircle;color:#000;transition:.1s;font:500 13px Inter,sans-serif;padding:10px;display:flex;align-items:center;justify-content:center}.tool-separator{width:1px;opacity:.3;margin:auto 4px;border-left:1px solid rgb(var(--text-rgb));height:20px}.insert-item svg,.tool-item svg{width:20px;height:20px}.insert-item.active,.tool-item.active{background:var(--accent)!important;color:#fff!important}html.dark .insert-item.active,html.dark .tool-item.active{background:var(--accent-dark, #7c5cff)!important}html.dark .insert-item,html.dark .tool-item{background:transparent;color:#e5e7eb}*{--selectiontoolbar-height: 43px}.selectionbar-separator{width:1px;height:20px;margin:auto 4px auto 5px;opacity:.2;background-color:rgba(var(--darkborder-rgb, 255, 255, 255),1)}.toggle-selectionbar-button:hover{background-color:rgba(var(--darkborder-rgb, 255, 255, 255),.05)}.toggle-selectionbar-button.active{background-color:rgba(var(--accent-rgb),.4)!important}.toggle-selectionbar-button{border:none!important;color:var(--popover-dark-text, white);background-color:transparent;height:var(--selectiontoolbar-height);width:calc(var(--selectiontoolbar-height));padding:0;align-items:center;justify-content:center;display:flex}.fontSize-item{display:flex;gap:2px;align-items:center;justify-content:space-between}.selection-toolbar{position:absolute;z-index:20;transform:translate(-50%) translateY(-8px);overflow:hidden;height:var(--selectiontoolbar-height);border-radius:12px;color:#fff;corner-shape:squircle;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--popover-dark, #1e1e1e);font:600 13px Inter,sans-serif;letter-spacing:.02em;box-shadow:var(--panel-shadow);pointer-events:auto;border:1px solid var(--panel-border);animation:selection-toolbar-in .18s ease-out}html.dark .selection-toolbar{background:var(--popover-dark, #1e1e1e);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--panel-shadow)}.drawo-select-trigger{background:rgba(var(--text-rgb),.1)!important;padding:20px!important;corner-shape:squircle;border-radius:24px}.selection-toolbar .select-trigger,.drawo-select-trigger{height:var(--selectiontoolbar-height);display:inline-flex;align-items:center;justify-content:space-between;padding:0 10px;border:none;background:transparent;color:var(--popover-dark-text, #f3f4f6);font:500 14px Inter,sans-serif;cursor:pointer;outline:none}.selection-toolbar .select-trigger:hover{background:rgba(var(--darkborder-rgb, 255, 255, 255),.05)}.selection-toolbar .select-trigger-icon{width:14px;height:14px;color:var(--popover-dark-text, #b8b8b8);margin-left:8px;pointer-events:none}.select-content{border-radius:12px;z-index:500;overflow-x:hidden;overflow-y:auto;corner-shape:squircle;min-width:120px;position:relative!important;transition:.1s;top:0!important;transform:translateY(0)!important;max-height:var(--radix-select-content-available-height);transform-origin:var(--radix-select-content-transform-origin);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--popover-dark, #232323);border:1px solid var(--panel-border);color:var(--popover-dark-text, #f3f4f6);box-shadow:0 12px 28px #00000059}[data-slate-node] strong{font-weight:700}.canvas-text-editor-input::selection,.canvas-text-editor-input *::selection{background:#3b82f657;color:inherit;-webkit-text-fill-color:currentColor}html.dark .canvas-text-editor-input::selection,html.dark .canvas-text-editor-input *::selection{background:#94bdff52}.drawo-content-color{box-shadow:none!important;transform:translateY(60px)!important}.drawo-content-color.inferior{transform:translateY(-20px)!important}.w-color-chrome [style*="margin-left: 5px; cursor: pointer;"]:hover{background-color:#0000001a!important}.w-color-chrome [style*="margin-left: 5px; cursor: pointer;"]{border-radius:6px!important;background-color:transparent!important}.dark .w-color-chrome [style*="margin-left: 5px; cursor: pointer;"]:hover{background-color:#ffffff1a!important}.dark .w-color-chrome [style*="margin-left: 5px; cursor: pointer;"]{background-color:transparent!important}.dark .w-color-chrome [style*="margin-left: 5px; cursor: pointer;"] *{fill:#fff!important}.w-color-editable-input input{border:1px solid rgba(0,0,0,.1)!important;box-shadow:none!important;font-size:12px!important;font-family:Inter,sans-serif!important;border-radius:5px!important;background-color:#00000020!important;color:#000!important}.dark .w-color-editable-input input{border:1px solid rgba(255,255,255,.1)!important;background-color:#ffffff20!important;color:#fff!important}.dark .drawo-content-color .w-color-chrome{--github-background-color: #111 !important}.drawo-content-color [style="flex: 1 1 0%;"] .w-color-alpha-fill{scale:.9!important;box-shadow:none!important;border:1px solid rgba(0,0,0,.8)!important}.drawo-content-color [style="padding: 15px; display: flex; align-items: center; gap: 10px;"]{padding-top:24px;border-top:1px solid rgba(var(--text-rgb),.1)}.drawo-content-color [style="flex: 1 1 0%;"] .w-color-alpha-horizontal .w-color-interactive{transform:translateY(-1px)}.drawo-ultrainferior-colorcontent{transform:translateY(138px) translate(18px)!important}.drawo-ultrainferior-colorcontent2{transform:translateY(145px) translate(26px)!important}.drawo-ultrainferior-colorcontent3{transform:translateY(92px) translate(18px)!important}.drawo-content-color [style="flex: 1 1 0%;"] .w-color-alpha-horizontal>*{border-radius:4px!important}.drawo-content-color [style="flex: 1 1 0%;"] .w-color-alpha-horizontal{overflow:visible!important;border-radius:24px!important}.drawo-content-color [style="padding: 15px; display: flex; align-items: center; gap: 10px;"] .w-color-alpha:not([style="flex: 1 1 0%;"] *)>.w-color-interactive{scale:1.1}.drawo-content-color .w-color-saturation-fill{box-shadow:none!important;border:1px solid white;scale:1.2}.drawo-content-color .w-color-chrome{border-radius:8px!important;overflow:hidden;border:1px solid rgba(var(--text-rgb),.02)!important;box-shadow:var(--panel-shadow)}.drawo-content-color .w-color-chrome *{--github-arrow-border-color: transparent;--github-background-color: transparent}.drawo-content-color .w-color-chrome *[style="display: flex; align-items: flex-start; padding: 0px 15px 15px; user-select: none;"]{display:flex!important;align-items:flex-start;padding:0 15px 15px}.select-viewport{padding:6px;height:var(--radix-select-trigger-height)}.drawo-textAlign-item{padding:8px 8px 5px!important;width:fit-content;transition-duration:.1s;float:left}.drawo-colorstyle-separator{border:none;margin:8px auto 2px;height:1px;background:rgba(var(--text-rgb),.2);width:95%}.drawo-colorstyle-container .drawo-colorstyle-optionitem.active{background-color:rgba(var(--accent-rgb),.5)}.drawo-colorstyle-container .drawo-colorstyle-optionitem span{display:flex;align-items:center;gap:6px}.drawo-colorstyle-container{display:flex}.drawo-colorselect-item-child[data-multi=true]{--size: 20px !important;border:none!important}.drawo-colorselect-item-child[data-current=true]:not([data-multi=true]) svg{scale:.45;color:#000}.drawo-colorselect-item-child[data-dark=false]{border:1px solid rgba(0,0,0,.2)}.drawo-colorselect-item-child[data-dark=true]{border:1px solid rgba(255,255,255,.1)}.drawo-colorselect-item-child[data-current=true][data-dark=true] svg{color:#fff}.drawo-colorselect-item-child svg *{stroke-width:5}.drawo-colorselect-item-child svg{scale:0;transition-duration:.1s}.drawo-colorselect-item-child{border-radius:100%;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);min-width:var(--size);min-height:var(--size);box-shadow:var(--panel-shadow);max-height:var(--size);border:1px solid var(--panel-border);max-width:var(--size);--size: 18px}.drawo-colorselect-item-container[data-current=true]{border-width:2px}.drawo-colorselect-item-container{width:28px;border-width:0px;border-style:solid;height:28px;align-items:center;justify-content:center;transition:.1s;display:flex;padding:0;border-radius:100%}.drawo-colorselect-item:hover{scale:1.05}.drawo-colorselect-item{padding:4px 1px!important;background:transparent!important;width:fit-content;flex-shrink:0;border-radius:100%;cursor:pointer;transition-duration:.1s;float:left}.drawo-colorselect-content *{flex-direction:row!important}.drawo-colorselect-content{width:fit-content!important;min-width:fit-content!important}.select-item{border-radius:8px;position:relative;display:flex;corner-shape:squircle;align-items:center;padding:8px 19px;font:500 13px Inter,sans-serif;transition:.1s;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none}.select-item[data-highlighted]{background:#ffffff1a}.select-item:active{scale:.98}.select-item-indicator>span{display:flex}.select-item-indicator{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:14px;height:14px;pointer-events:none}.select-item-check{width:13px;height:13px}.select-separator{width:90%;margin:8px auto;height:1px;display:block;background:rgba(var(--text-rgb),.1)}.select-scroll-button{height:22px;display:flex;align-items:center;justify-content:center;color:#c9c9c9}@keyframes selection-toolbar-in{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(-8px) scale(1)}}.drawo-topbar{display:flex;justify-content:space-between;position:absolute;overflow:visible;width:100%;padding:12px;z-index:20}.drawo-topbar-right,.drawo-topbar-left{display:flex;gap:8px}.drawo-contextmenu-trigger{-webkit-user-select:none;user-select:none}.drawo-contextmenu-content{border-radius:12px;background:var(--panel-bg, #fff);color:rgb(var(--text-rgb));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);min-width:12rem;padding:4px;font-family:Inter;box-shadow:var(--panel-shadow);z-index:50;max-height:var(--radix-context-menu-content-available-height);transform-origin:var(--radix-context-menu-content-transform-origin);overflow-x:visible;overflow-y:visible;corner-shape:squircle;border:1px solid var(--panel-border)}.dark .drawo-contextmenu-content,.dark .drawo-contextmenu-subcontent{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--popover-dark, #1f1f1f)!important}.drawo-keybind span,.drawo-beta span{border-radius:5px;background-color:rgba(var(--text-rgb),.1)!important;color:rgba(var(--text-rgb),.6)!important;corner-shape:squircle;font-weight:500;padding:2px 4px}.drawo-beta span{background-color:rgba(var(--accent-rgb),.5)!important;color:rgba(var(--accent-rgb),1)!important}.drawo-keybind,.drawo-beta{display:flex;opacity:.7;padding-left:24px;align-items:center;gap:2px;margin-left:auto;font-size:12px}.drawo-contextmenu-item,.drawo-contextmenu-subtrigger,.drawo-contextmenu-checkboxitem,.drawo-contextmenu-radioitem{border-radius:10px;display:flex;align-items:center;gap:6px;corner-shape:squircle;padding:8px 12px;font-size:16px;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.drawo-contextmenu-item[data-disabled=true],.drawo-contextmenu-subtrigger[data-disabled=true],.drawo-contextmenu-checkboxitem[data-disabled=true],.drawo-contextmenu-radioitem[data-disabled=true]{cursor:not-allowed;opacity:.5}.drawo-contextmenu-item:not([data-disabled=true]):focus,.drawo-contextmenu-subtrigger:not([data-disabled=true]):focus,.drawo-contextmenu-checkboxitem:not([data-disabled=true]):focus,.drawo-contextmenu-radioitem:not([data-disabled=true]):focus{background:rgba(var(--text-rgb),.1)}.drawo-contextmenu-subcontent{border-radius:12px;background:var(--panel-bg, #fff);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:rgb(var(--text-rgb));min-width:12rem;padding:4px;font-family:Inter;box-shadow:var(--panel-shadow);z-index:50;transform-origin:var(--radix-context-menu-content-transform-origin);overflow:visible;corner-shape:squircle;border:1px solid var(--panel-border)}.drawo-contextmenu-opacity-subcontent{min-width:230px;padding:6px}.drawo-contextmenu-opacity-popover{display:flex;flex-direction:column;gap:10px;padding:6px;border-radius:10px;corner-shape:squircle}.drawo-contextmenu-opacity-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px}.opacity-0{opacity:0!important}.drawo-contextmenu-opacity-input-wrap{display:inline-flex;align-items:center;gap:4px}.drawo-contextmenu-opacity-input{width:54px;min-width:54px;padding:4px 8px;font-size:12px;text-align:right}.drawo-contextmenu-opacity-unit{font-size:12px;opacity:.65}.drawo-contextmenu-opacity-slider .drawo-slider-track{height:16px!important}.drawo-contextmenu-opacity-slider .drawo-slider-thumb{width:20px;height:16px}.drawo-contextmenu-opacity-slider .drawo-slider-thumb:before{width:16px;height:10px}.drawo-contextmenu-opacity-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.drawo-contextmenu-opacity-preset{border:none;font-family:Inter,sans-serif;background:rgba(var(--text-rgb),.07);color:rgb(var(--text-rgb));border-radius:12px;corner-shape:squircle;font-size:12px;padding:6px 8px;cursor:pointer}.drawo-contextmenu-opacity-preset:hover{background:rgba(var(--text-rgb),.11)}.drawo-contextmenu-opacity-preset.active{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.18)}.drawo-contextmenu-label{padding:4px 6px;font-size:12px;font-weight:500;color:#666}.drawo-contextmenu-separator{height:1px;margin:3px 8px;background:rgba(var(--text-rgb),.1)}.drawo-contextmenu-shortcut{margin-left:auto;font-size:12px;color:#777;letter-spacing:.05em}.drawo-contextmenu-indicator{position:absolute;right:8px;pointer-events:none}.drawo-contextmenu-chevron{margin-left:auto;scale:.9;stroke-width:1.4}.drawo-dropdown-subcontent{min-width:14rem!important}*::-webkit-scrollbar{display:none!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}.drawo-dropdown-content,.drawo-dropdown-subcontent{border-radius:12px;background:var(--popover, #fff);color:var(--popover-foreground, #111);min-width:8rem;padding:4px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--panel-shadow);z-index:50;font-family:Inter,sans-serif;max-height:none;transform-origin:var(--radix-dropdown-menu-content-transform-origin);corner-shape:squircle;margin-top:4px;border:1px solid var(--panel-border)}.drawo-dropdown-content,.drawo-dropdown-subcontent{overflow:visible!important}.dark .drawo-dropdown-content,.dark .drawo-dropdown-subcontent{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--popover-dark, #1f1f1f);color:var(--popover-foreground-dark, #eee)}.drawo-dropdown-item svg *,.drawo-dropdown-checkboxitem svg *,.drawo-dropdown-radioitem svg *,.drawo-dropdown-subtrigger svg *{stroke-width:1.5}.drawo-dropdown-item svg,.drawo-dropdown-checkboxitem svg,.drawo-dropdown-radioitem svg,.drawo-dropdown-subtrigger svg{width:16px;min-width:16px;height:16px;min-height:16px}.drawo-dropdown-content .custom-element span{display:flex;align-items:center;gap:6px}.drawo-dropdown-item,.drawo-dropdown-checkboxitem,.drawo-dropdown-radioitem,.drawo-dropdown-subtrigger{border-radius:10px;display:flex;align-items:center;corner-shape:squircle;gap:6px;padding-right:36px!important;padding:10px 16px;position:relative;white-space:nowrap;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.bottompanel-separator{height:70%;width:1px;display:flex;margin:auto 0;border-left:1px solid rgba(var(--text-rgb),.1)}.bottompanel-bar button{padding:8px;display:flex;border:none;corner-shape:squircle;background-color:transparent;align-items:center;justify-content:center;transition:.1s;cursor:pointer}.bottompanel-bar button:not([disabled]):hover{background-color:rgba(var(--text-rgb),.06)}.bottompanel-bar button:active:not([disabled]) svg{scale:.9}.bottompanel-bar button span{font-size:15px;margin:0 5px;font-weight:500}.bottompanel-bar button[disabled]{cursor:not-allowed;opacity:.5;-webkit-backdrop-filter:brightness(.8);backdrop-filter:brightness(.8)}.bottompanel-bar button:last-child{padding-right:12px;border-right:none;padding-left:10px}.bottompanel-bar button:first-child{padding-left:12px;padding-right:10px}.bottompanel-bar svg{transition:.1s;z-index:500}.bottompanel-bar{border-radius:12px;overflow:hidden;gap:0px;border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);corner-shape:squircle;background:#fff;display:flex}.dark .bottompanel-bar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--popover-dark, #1f1f1f)}.bottompanel-bar *{color:rgb(var(--text-rgb));font-family:Inter,sans-serif}.bottompanel-bar svg{width:18px;height:18px}.drawo-bottomleft-bar{display:flex;gap:8px;position:absolute;bottom:16px;left:16px}.drawo-bottomright-bar{display:flex;gap:8px;position:absolute;bottom:16px;right:16px}.drawo-dropdown-checkboxitem,.drawo-dropdown-subtrigger{padding-right:24px}.drawo-dropdown-chevron{margin-left:auto;position:absolute;right:12px;opacity:.5}.drawo-dropdown-checkboxitem .check,.drawo-dropdown-subtrigger .drawo-dropdown-chevron{display:flex;margin-left:auto}.drawo-dropdown-item:focus,.drawo-dropdown-checkboxitem:focus,.drawo-dropdown-radioitem:focus,.drawo-dropdown-subtrigger:focus{background:rgba(var(--text-rgb),.1)}*{outline:none!important}.drawo-dropdown-label{padding:4px 6px;font-size:12px;font-weight:500;color:#666}.theme-option:hover{background:rgba(var(--text-rgb),.1)}.theme-option.active{background:rgba(var(--accent-rgb),.5)}.theme-option{border-radius:10px;display:flex;transition:.1s;cursor:pointer;padding:8px 12px;corner-shape:squircle}.theme-selector{gap:2px;border:1px solid rgba(var(--text-rgb),.1);border-radius:12px;padding:2px;corner-shape:squircle;display:flex}.drawo-dropdown-content .custom-element .custom-select-trigger{background:transparent;border:1px solid rgba(var(--text-rgb),.1);color:currentColor;width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;justify-content:space-between;border-radius:12px;corner-shape:squircle;margin-bottom:8px}.drawo-dropdown-item[data-variant=accent]:hover,.drawo-contextmenu-item[data-variant=accent]:hover{background:rgba(var(--accent-rgb),.179)!important}.drawo-dropdown-item[data-variant=accent],.drawo-contextmenu-item[data-variant=accent]{color:rgb(var(--accent-rgb))!important}.drawo-dropdown-item[data-variant=destructive]:hover,.drawo-contextmenu-item[data-variant=destructive]:hover{background:#ff00002e!important}.dark .drawo-dropdown-item[data-variant=destructive]:hover,.dark .drawo-contextmenu-item[data-variant=destructive]:hover{background:#ff7e7e1a!important}.drawo-dropdown-item[data-variant=destructive],.drawo-contextmenu-item[data-variant=destructive]{color:#ff0404!important}.dark .drawo-dropdown-item[data-variant=destructive],.dark .drawo-contextmenu-item[data-variant=destructive]{color:#ff7e7e!important}.drawo-dropdown-item[data-disabled=true]:hover{background-color:transparent!important}.drawo-dropdown-item[data-disabled=true]{opacity:.5!important;cursor:not-allowed!important}.drawo-dropdown-content .custom-element{margin:0;white-space:nowrap;align-items:center;font-size:14px;display:flex;gap:32px;justify-content:space-between;padding:2px 16px}.drawo-dropdown-separator{height:1px;margin:4px 0;background:rgba(var(--text-rgb),.1)}.drawo-dropdown-shortcut{margin-left:auto;font-size:12px;color:#777;letter-spacing:.05em}.drawo-dropdown-indicator{position:absolute;right:12px;top:50%;transform:translateY(-40%);pointer-events:none}.drawo-dialog-overlay{position:fixed;inset:0;z-index:5000;background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:drawo-fade-in .12s ease}.dark .drawo-dialog-overlay{background:#0006}.drawo-dialog-content p{margin:0}.drawo-dialog-content *{transition:.1s}.drawo-dialog-content{position:fixed;top:50%;left:50%;z-index:50000;font-family:Inter,sans-serif;width:100%;max-width:32rem;transform:translate(-50%,-50%);background:var(--background, #fff);border-radius:18px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:16px 28px;font-size:14px;corner-shape:squircle;display:grid;gap:12px;box-shadow:var(--panel-shadow);border:1px solid var(--panel-border);animation:drawo-dialog-in .16s cubic-bezier(.16,1,.3,1)}.dark .drawo-dialog-content{-webkit-backdrop-filter:blur;backdrop-filter:blur;background:var(--popover-dark, #1c1c1f);color:#fff}.drawo-dialog-header p{font-size:14px!important;transform:translateY(-10px)}.drawo-dialog-close-btn svg *{stroke-width:1}.drawo-dialog-close-btn svg{scale:.9}.drawo-dialog-close-btn:hover{background-color:rgba(var(--text-rgb),.1)}.drawo-dialog-close-btn{display:flex;border:none;padding:4px;color:currentColor;background-color:transparent;border-radius:24px;corner-shape:squircle}.drawo-dialog-header h2{font-size:24px!important;font-weight:700;letter-spacing:-1px}.drawo-dialog-header{display:flex;flex-direction:column;gap:6px}.drawo-dialog-footer{margin:0 -16px -16px;padding:16px;display:flex;flex-direction:column-reverse;gap:8px}.drawo-dialog-actions{display:flex;flex-direction:column-reverse;gap:8px}@media(min-width:480px){.drawo-dialog-actions{flex-direction:row;justify-content:flex-end}}.drawo-title-center{text-align:center;margin:24px auto;text-transform:uppercase}.theme-entries{flex-wrap:wrap;display:flex;justify-content:center;gap:12px;width:70%;margin:12px auto 0;padding-bottom:4px}.drawo-dialog-content{max-height:90vh;overflow-y:scroll;scrollbar-width:thin}.drawo-dialog-content h1:nth-of-type(1){margin-top:0}.theme-entry-container:hover .theme-entry{scale:1.01}.theme-entry-container{display:flex;justify-content:center;gap:4px;float:left;align-items:center;flex-direction:column;padding-bottom:6px}.theme-entry-container p{font-weight:500;opacity:.75;margin-top:8px;font-size:14px}.drawo-themepreview-bottombar{background:var(--panel-bg);position:absolute;height:20%;width:60%;overflow:hidden;left:50%;box-shadow:var(--panel-shadow);border:1px solid var(--panel-border);transform:translate(-50%);border-radius:.8vmin;bottom:.55vmin}.drawo-logopreview{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.drawo-themepreview-bottombar-item{position:absolute;height:1.89vmin;width:1.89vmin;left:.16vmin;top:.11vmin;scale:.7;border-radius:.6vmin;background-color:var(--accent)}.drawo-themepreview-bottombar-item[data-isdark=true]{background-color:var(--accent-dark)}.theme-entry.selected{border-color:var(--accent)!important;border-width:.18vmin!important}.theme-entry{flex-shrink:0;border-radius:24px;corner-shape:squircle;position:relative;cursor:pointer;width:11vw;overflow:hidden;height:12vh;border:.1vmin solid var(--panel-border);float:left}.drawo-tab.active{background-color:#fff}.drawo-tab{font-family:Inter,var(--sans-serif);border-radius:500px;display:flex;font-size:18px;cursor:pointer;padding:12px 4px;justify-content:center;transition:.1s;align-items:center;gap:8px;width:100%}.dark .drawo-tab.active{background-color:#ffffff1a}.drawo-tabs{display:flex;width:50%;margin:0 auto;background:#0000001a;padding:5px;border-radius:500px;height:fit-content}.dark .drawo-tabs{background:#0003}.size-full{width:98%!important;max-width:unset!important;height:97%;max-height:unset!important;padding:52px!important;display:flex;flex-direction:column;gap:32px}.size-lg{max-width:unset!important;padding-left:42px;width:80%}.drawo-dialog-title{font-size:16px;display:flex;font-weight:500;gap:6px;align-items:center;line-height:1}.drawo-dialog-description{font-size:14px;color:#6b7280}[data-slot=dialog-trigger]{appearance:none;border:none;background:none;padding:0;margin:0;color:unset!important;width:100%;font-family:Inter,sans-serif}p.label{margin:0;opacity:.7;transform:translateY(5px)}.colorswatch-dialog *{--size: 32px}.colorswatch-dialog .drawo-colorselect-item-container{width:42px;height:42px}.dark .drawo-dialog-description{color:#9ca3af}.drawo-dialog-close-btn{position:absolute;top:28px;right:28px}.drawo-btn-secondary,.drawo-btn-danger,.drawo-btn-primary{border-radius:10px;border:none;font:600 13px Inter,sans-serif;padding:10px 14px;cursor:pointer}.drawo-btn-secondary{background:#00000014;color:#111827}.drawo-btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 20px rgba(var(--accent-rgb),.25)}.drawo-btn-secondary:hover{background:#0000001f}.drawo-btn-danger{background:#ef4444;color:#fff;box-shadow:0 10px 20px #ef444440}.drawo-btn-danger:hover{background:#dc2626}.dark .drawo-btn-secondary{background:#ffffff14;color:var(--popover-dark-text, #f3f4f6)}.dark .drawo-btn-secondary:hover{background:#ffffff1f}.dark .drawo-btn-danger{box-shadow:0 12px 24px #ef444459}.drawo-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.drawo-dialog-actions-section{display:flex;gap:10px}.drawo-dialog-actions-separated{width:100%!important;justify-content:space-between}@keyframes drawo-dialog-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes drawo-fade-in{0%{opacity:0}to{opacity:1}}.drawo-checkbox-section span:not(.drawo-switch *):not(.drawo-switch){opacity:.8}.drawo-checkbox-section{display:flex;align-items:center;gap:10px;margin-top:8px}.drawo-export-grid{display:grid;gap:12px}.drawo-export-field{display:grid;gap:8px}.drawo-export-note{margin-top:10px}.text-flex .drawo-beta{margin:0!important;padding-left:0!important}.text-flex{display:flex;align-items:center;gap:12px}.drawo-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;border-radius:999px;border:1px solid transparent;transition:all .12s ease;outline:none}.drawo-switch[data-size=default]{width:40.8px;height:20px}.drawo-switch[data-size=sm]{width:24px;height:12px}.drawo-switch[data-state=checked]{background:rgb(var(--accent-rgb, 99 102 241))}.drawo-switch[data-state=unchecked]{background:rgb(var(--input-rgb, 229 231 235))}.dark .drawo-switch[data-state=unchecked]{background:#ffffff1f}.drawo-switch[aria-invalid=true]{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.dark .drawo-switch[aria-invalid=true]{box-shadow:0 0 0 3px #ef44444d}.drawo-switch[data-disabled]{cursor:not-allowed;opacity:.5}.drawo-switch:after{content:"";position:absolute;inset:-8px -12px}.drawo-switch-thumb{display:block;border-radius:999px;background:var(--background, #fff);transition:transform .12s ease}.drawo-switch[data-size=default] .drawo-switch-thumb{width:24px;height:16px}.drawo-switch[data-size=sm] .drawo-switch-thumb{width:12px;height:12px}.drawo-switch[data-state=unchecked] .drawo-switch-thumb{transform:translate(-25%)}.drawo-switch[data-state=checked][data-size=default] .drawo-switch-thumb{transform:translate(35%)}.drawo-switch[data-state=checked][data-size=sm] .drawo-switch-thumb{transform:translate(50%)}.dark .drawo-switch .drawo-switch-thumb{background:#fff!important;opacity:1!important}.drawo-slider-root,.drawo-slider-root *{transition:0s!important}.drawo-slider-root{position:relative;display:flex;width:100%;align-items:center;touch-action:none;-webkit-user-select:none;user-select:none}.drawo-slider-root[data-disabled]{opacity:.5}.drawo-slider-root[data-orientation=vertical]{flex-direction:column;width:auto;height:100%;min-height:160px}.drawo-slider-track{position:relative;flex-grow:1;overflow:hidden;border-radius:999px;background:rgb(var(--muted-rgb, 229 231 235))}.dark .drawo-slider-track{background:#ffffff14}.drawo-slider-root[data-orientation=horizontal] .drawo-slider-track{height:20px;width:100%}.drawo-slider-root[data-orientation=vertical] .drawo-slider-track{width:20px;height:100%}.drawo-slider-range[data-right=true]{transform:translate(-2%)}.drawo-slider-range[data-left=true]:after{content:"";background:var(--accent);height:100%;top:0;width:24px;position:absolute;left:-6px}.drawo-slider-range[data-left=true]{transform:translate(5px)}.drawo-slider-range{position:absolute;background:var(--accent)}.drawo-slider-root[data-orientation=horizontal] .drawo-slider-range{height:100%}.drawo-slider-root[data-orientation=vertical] .drawo-slider-range{width:100%}.drawo-slider-thumb:before{content:"";width:24px;height:16px;transition:all .1s!important;background-color:#fff;border-radius:999px;top:50%;transform-origin:center center;left:50%;transform:translate(-50%,-50%);z-index:500;position:absolute}.drawo-slider-thumb:active{cursor:grabbing}.drawo-slider-thumb{position:relative;display:block;cursor:grab;width:28px;height:20px;border:2px solid var(--accent);border-radius:999px;transition:transform shadow scale .1s!important;background:var(--accent)}.drawo-slider-thumb:active{scale:.9;box-shadow:0 0 0 1px var(--accent)}.dark .drawo-slider-thumb{background:#fff}.drawo-slider-thumb:after{content:"";position:absolute;inset:-8px}.drawo-slider-thumb:focus-visible{outline:none}.drawo-slider-thumb:disabled{pointer-events:none;opacity:.5}.drawo-input{width:100%;min-width:0;padding:8px 10px;border-radius:8px;corner-shape:squircle;border:1px solid var(--panel-border);background:rgba(var(--text-rgb),.1);color:inherit;font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.drawo-input::placeholder{color:rgba(var(--text-rgb),.5)}.drawo-input[aria-invalid=true]{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.dark .drawo-input[aria-invalid=true]{box-shadow:0 0 0 3px #ef444440}.drawo-numberinput::-webkit-outer-spin-button,.drawo-numberinput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.drawo-numberinput[type=number]{-moz-appearance:textfield;appearance:textfield}.drawo-numberinput-container button:hover{filter:brightness(1.2)}.drawo-numberinput-container button{display:flex;cursor:pointer;border:none;height:100%;align-items:center;justify-content:center;height:var(--size);width:var(--size);color:rgba(var(--text-rgb));background:rgba(var(--background-rgb),.5)}.drawo-numberinput-container svg{width:12px!important;height:12px!important}.drawo-numberinput-container svg *{stroke-width:2}.drawo-numberinput-container input{height:100%;font-family:Inter,sans-serif;font-size:12px;font-size:500;border-top:0px;padding-left:12px;width:150px;border-bottom:0px;border-left:1px solid var(--panel-border);border-right:1px solid var(--panel-border);color:rgba(var(--text-rgb));background:rgba(var(--background-rgb),.5)}.drawo-numberinput-container *,.drawo-numberinput-container{--size: 32px}.drawo-numberinput-container{display:flex;height:var(--size);border-radius:8px;corner-shape:squircle;border:1px solid var(--panel-border);overflow:hidden;align-items:center}.drawo-input:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.dark .drawo-input:disabled{background:#ffffff0f}.drawo-input::file-selector-button{height:24px;margin-right:8px;border:none;background:transparent;font-size:13px;font-weight:500;cursor:pointer}.drawo-tooltip-content p{margin:0}.drawo-tooltip-content{border-radius:8px;background:rgb(var(--text-rgb));color:rgb(var(--background-rgb));corner-shape:squircle;padding:7px 12px;font-size:12px;font-family:Inter,sans-serif;width:fit-content;max-width:20rem;z-index:50;transform-origin:var(--radix-tooltip-content-transform-origin);box-shadow:var(--panel-shadow);opacity:0;transform:scale(.96);will-change:transform,opacity}.drawo-tooltip-content[data-state=delayed-open],.drawo-tooltip-content[data-state=instant-open]{opacity:1;transform:scale(1)}.drawo-tooltip-content[data-state=delayed-open][data-side=top],.drawo-tooltip-content[data-state=instant-open][data-side=top]{animation:drawo-tooltip-in-top .18s cubic-bezier(.16,1,.3,1)}.drawo-tooltip-content[data-state=delayed-open][data-side=bottom],.drawo-tooltip-content[data-state=instant-open][data-side=bottom]{animation:drawo-tooltip-in-bottom .18s cubic-bezier(.16,1,.3,1)}.drawo-tooltip-content[data-state=delayed-open][data-side=left],.drawo-tooltip-content[data-state=instant-open][data-side=left]{animation:drawo-tooltip-in-left .18s cubic-bezier(.16,1,.3,1)}.drawo-tooltip-content[data-state=delayed-open][data-side=right],.drawo-tooltip-content[data-state=instant-open][data-side=right]{animation:drawo-tooltip-in-right .18s cubic-bezier(.16,1,.3,1)}@keyframes drawo-tooltip-in-top{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawo-tooltip-in-bottom{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawo-tooltip-in-left{0%{opacity:0;transform:translate(6px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes drawo-tooltip-in-right{0%{opacity:0;transform:translate(-6px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.drawo-tooltip-arrow{display:none!important;width:10px;height:10px;background:rgb(var(--text-rgb));fill:rgb(var(--text-rgb));transform-origin:center center;transform:rotate(45deg) translateY(-5px) translate(-5px);border-radius:2.7px}.drawo-topright-bar{position:absolute;top:12px;right:12px}.drawo-bigcolorpicker div *{padding:0!important}.drawo-bigcolorpicker div{display:flex!important;align-items:center;justify-content:center}.drawo-bigcolorpicker{padding:12px 8px 8px;align-items:center;justify-content:center;display:flex;flex-direction:column!important}.drawo-topbar-right>div:before{content:"";position:absolute;bottom:100%;z-index:-1;left:0;cursor:pointer;width:100%;height:200%;z-index:100}.drawo-topbar-right>div:after{content:"";pointer-events:none;position:absolute;top:100%;z-index:-1;left:0;cursor:pointer;width:100%;height:200%;z-index:100}.drawo-topbar-right>div{transition:.2s ease-in-out;z-index:1000;transform:translateY(0)}.drawo-topbar-right>div:last-child{transition-duration:.4s!important}.drawo-zen-mode .drawo-keybind{display:none!important}.drawo-zen-mode .drawo-topbar-right>div:not(:hover):not(.active),.drawo-presentation-mode .drawo-topbar-right>div:not(:hover):not(.active){transform:translateY(-200%)}.tool-bar,.zoom-bar{transition:.2s ease-in-out}.undo-bar{transition:.4s ease-in-out}.drawo-presentation-mode .selection-toolbar{display:none!important}.drawo-presentation-mode .tool-bar,.drawo-presentation-mode .undo-bar,.drawo-zen-mode .undo-bar,.drawo-zen-mode .zoom-bar{translate:0px 200%!important}.drawo-zen-mode .drawo-topbar-right>div:after{pointer-events:all}[style*="z-index: 500;"]{z-index:100000!important}.sidebar-launcher>*{transform:scale(1.3);transform-origin:center center}.sidebar-launcher{border-radius:12px;width:100%;border:0;overflow:hidden;position:relative;height:46px;justify-content:center;width:46px;display:flex;box-shadow:var(--panel-shadow);align-items:center;border:1px solid var(--panel-border);cursor:pointer;color:inherit;corner-shape:squircle;transition:all .16s ease}.sidebar-launcher:hover{filter:brightness(.95)}.dark .sidebar-launcher:hover{filter:brightness(1.3)}.dark .sidebar-launcher,.drawo-app-root--dark .sidebar-launcher{background:var(--popover-dark, #1e1e1e);color:#f3f4f6}.dark .sidebar-launcher:hover,.drawo-app-root--dark .sidebar-launcher:hover{background:var(--popover-dark, #1e1e1e)}.sidebar-launcher-wrap{position:relative}.sidebar-launcher-wrap:before,.sidebar-launcher-wrap:after{display:none!important;pointer-events:none!important}@supports (corner-shape: squircle){.settings-bar{border-radius:25px}.sidebar-launcher{border-radius:24px}.select-content{border-radius:20px}.select-item{border-radius:12px}.drawo-input{border-radius:16px}.drawo-numberinput-container,.drawo-tooltip-content{border-radius:18px}.insert-item,.tool-item{border-radius:22px}.tool-bar,.top-toolbar{border-radius:30px}.drawo-keybind span,.drawo-beta span{border-radius:12px}.drawo-contextmenu-item,.drawo-contextmenu-subtrigger,.drawo-contextmenu-checkboxitem,.drawo-contextmenu-radioitem,.drawo-dialog-content{border-radius:28px}.drawo-contextmenu-subcontent,.drawo-dropdown-content,.drawo-dropdown-subcontent,.bottompanel-bar,.drawo-contextmenu-content,.selection-toolbar,.drawo-dropdown-item,.drawo-dropdown-checkboxitem,.drawo-dropdown-radioitem,.drawo-dropdown-subtrigger,.theme-option,.theme-selector,.drawo-dropdown-content .custom-element .custom-select-trigger{border-radius:24px}}.sidebar-page-panel{width:min(390px,34vw);min-width:320px;max-width:460px;margin-top:8px;height:calc(100% - 16px);margin-right:8px;coerner-shape:squircle;border-radius:16px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;z-index:10;animation:sidebar-page-in .22s ease}.sidebar-page-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid rgba(var(--text-rgb),.12)}.sidebar-page-title{margin:0;font:650 13px Inter,sans-serif}.sidebar-page-close{border:1px solid rgba(var(--text-rgb),.01);width:30px;height:30px;border-radius:9px;background:rgba(var(--text-rgb),.06);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sidebar-page-close:hover{background:rgba(var(--text-rgb),.12)}.sidebar-tabs{display:flex;width:100%;align-items:center;gap:6px;padding:10px;border-bottom:1px solid rgba(var(--text-rgb),.1)}.sidebar-tab{border:none;width:100%;border-radius:18px;background:rgba(var(--text-rgb),.07);color:inherit;display:inline-flex;align-items:center;corner-shape:squircle;justify-content:center;gap:6px;font:600 12px Inter,sans-serif;padding:9px 10px;cursor:pointer;transition:all .14s ease}.sidebar-tab:hover{background:rgba(var(--text-rgb),.12)}.sidebar-tab.active{background:rgba(var(--accent-rgb),.22);color:rgba(var(--accent-rgb),1)}.sidebar-section{padding:12px;display:flex;gap:10px;flex-direction:column;min-height:0;flex:1}.sidebar-search-wrap{position:relative}.sidebar-search-icon{position:absolute;left:12px;top:50%;translate:0 -50%;opacity:.68}.sidebar-search-input{width:100%;border-radius:24px;border:1px solid rgba(var(--text-rgb),0);background:rgba(var(--text-rgb),.06);color:inherit;corner-shape:squircle;font:500 13px Inter,sans-serif;padding:10px 12px 10px 38px;outline:none;transition:border-color .12s ease}.sidebar-search-input:focus{border-color:rgba(var(--accent-rgb),.7)}.sidebar-search-toolbar{display:flex;justify-content:space-between;align-items:center}.sidebar-search-count{font:500 12px Inter,sans-serif;opacity:.75}.sidebar-search-actions{display:inline-flex;gap:6px}.sidebar-mini-btn{width:28px;height:28px;border:0px;border-radius:18px;corner-shape:squircle;background:rgba(var(--text-rgb),.06);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sidebar-mini-btn:hover:not(:disabled){background:rgba(var(--text-rgb),.12)}.sidebar-mini-btn:disabled{opacity:.45;cursor:not-allowed}.sidebar-search-results{display:flex;flex-direction:column;gap:8px;overflow:auto;height:100%;padding-right:2px;padding-bottom:12px}.sidebar-result-item{border:1px solid rgba(var(--text-rgb),.15);border-radius:24px;background:rgba(var(--text-rgb),.05);color:inherit;text-align:left;padding:12px 18px;cursor:pointer;transition:.1s;display:flex;corner-shape:squircle;flex-direction:column;gap:4px}.sidebar-result-item:hover{background:rgba(var(--text-rgb),.1)}.sidebar-result-item.active{border-color:rgba(var(--accent-rgb),.9);background:rgba(var(--accent-rgb),.16)}.sidebar-result-meta{display:flex;align-items:center;gap:5px}.sidebar-result-type{font:700 14px Inter,sans-serif;letter-spacing:.06em;transform:translateY(1px) scale(.9);text-transform:uppercase}.sidebar-result-label{font:600 15px Inter,sans-serif}.sidebar-result-text{font:500 12px Inter,sans-serif;opacity:.9;line-height:1.45}.sidebar-empty-state p{margin:0;font:500 16px Inter,sans-serif;letter-spacing:-.4px}.sidebar-empty-state svg{width:40%;height:unset!important}.sidebar-empty-state{flex-direction:column;height:100%;display:flex;text-align:center;align-items:center;justify-content:center;justify-items:center;gap:8px}.sidebar-library-note,.sidebar-library-description{margin:0;font:500 12px Inter,sans-serif;opacity:.8}.sidebar-library-groups{display:flex;flex-direction:column;gap:8px;overflow:auto}.sidebar-library-categories{display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding-bottom:4px}.sidebar-library-category-pill{border:1px solid rgba(var(--text-rgb),.08);background:rgba(var(--text-rgb),.05);color:inherit;border-radius:999px;padding:6px 12px;flex-shrink:0!important;font:600 11px Inter,sans-serif;display:inline-flex;min-height:28px!important;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.sidebar-library-category-pill span{opacity:.68}.sidebar-library-category-pill.active{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.2);color:rgba(var(--accent-rgb),1)}.sidebar-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;overflow:auto;height:100%;width:100%;padding-right:2px;padding-bottom:8px}.sidebar-library-asset{border:1px solid rgba(var(--text-rgb),.08);background:rgba(var(--text-rgb),.05);border-radius:14px;padding:8px;color:currentColor;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.sidebar-library-asset:hover{background:rgba(var(--text-rgb),.08)}.sidebar-library-asset.selected{border-color:rgba(var(--accent-rgb),.8);background:rgba(var(--accent-rgb),.14)}.sidebar-library-asset:active{transform:translateY(1px)}.sidebar-library-asset-preview{border-radius:10px;background:rgba(var(--text-rgb),.04);border:1px solid rgba(var(--text-rgb),.08);aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;overflow:hidden}.sidebar-library-asset-preview img{width:86%;height:86%;object-fit:contain}.sidebar-library-asset-meta{display:flex;flex-direction:column;gap:2px}.sidebar-library-asset-name{font:600 12px Inter,sans-serif}.sidebar-library-asset-tags{font:500 10px Inter,sans-serif;opacity:.65}.sidebar-library-group{border:1px solid rgba(var(--text-rgb),.05);border-radius:24px;corner-shape:squircle;display:flex;flex-direction:column;gap:6px;padding:14px 18px;background:rgba(var(--text-rgb),.04)}.sidebar-library-group-header{display:inline-flex;gap:4px;align-items:center;font:600 15px Inter,sans-serif}.sidebar-library-count{margin-left:auto;display:flex;align-items:center;justify-content:center;font-size:11px}@keyframes sidebar-page-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(max-width:980px){.sidebar-page-panel{width:min(92vw,420px);min-width:280px}}