*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:#fff;color:#000}*{font-family:monospace}@keyframes blink{0%,to{opacity:.35}50%{opacity:0}}.style-chip-row{display:flex;gap:8px;flex-wrap:wrap}.style-color-chip{width:30px;height:30px;border:1px solid rgba(255,255,255,.16);border-radius:8px;cursor:pointer}.style-color-chip[data-transparent]{background-image:linear-gradient(to top right,transparent calc(50% - 1.5px),#ef4444 calc(50% - 1.5px),#ef4444 calc(50% + 1.5px),transparent calc(50% + 1.5px)),linear-gradient(to top left,transparent calc(50% - 1.5px),#ef4444 calc(50% - 1.5px),#ef4444 calc(50% + 1.5px),transparent calc(50% + 1.5px))!important}.style-color-chip[data-active]{outline:2px solid rgba(96,165,250,.95);outline-offset:1px}.style-pill-row{display:flex;gap:10px}.style-pill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.style-pill{min-width:0;height:38px;border:none;border-radius:11px;background:#ffffff14;color:#ffffffe0;font-size:15px;cursor:pointer}.style-pill[data-active]{background:#60a5fa59;outline:1px solid rgba(255,255,255,.12)}.toolbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:4px;padding:6px;max-width:calc(100vw - 32px);background:#12121ce0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 4px 24px #00000038,0 0 0 1px #ffffff0f;cursor:default}.tb-scroll-outer{overflow-x:clip;overflow-y:visible;flex:1;min-width:0}.tb-scroll-inner{display:flex;align-items:center;gap:8px;width:max-content;transition:transform .15s ease;margin:0 2px}.tb-scroll-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:32px;border:none;background:gray;color:#000;cursor:pointer;font-size:18px;line-height:1;padding:0;border-radius:5px;position:absolute;z-index:2}.tb-scroll-btn-left{left:0}.tb-scroll-btn-right{right:0}.tb-btn{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:#ffffffbf;cursor:pointer;outline:none;transition:background .1s,color .1s}.tb-btn[data-danger]{color:#f87171}.tb-btn[data-active]{background:#fff3;color:#fff;outline:1.5px solid rgba(255,255,255,.4)}.tb-btn:disabled{color:#fff3;cursor:default}.tb-btn:hover{z-index:20}.tb-btn:hover:not(:disabled):not([data-active]){background:#ffffff1a!important}.tb-divider{width:1px;height:20px;background:#ffffff26;margin:0 2px}.mode-btn-wrap{position:relative;display:flex}.mode-btn-wrap .popup-panel{display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:120;flex-direction:column;background:#0a0a12f2;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px #00000059;visibility:hidden;opacity:0;transition:opacity .2s}.mode-btn-wrap:hover .popup-panel{visibility:visible;opacity:1}.mode-btn-wrap:hover .popup-panel:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:9px}.popup-panel{gap:6px;padding:6px;border-radius:10px}.colors-popup{flex-direction:column!important;gap:10px}.colors-popup-section{display:flex;flex-direction:column}.colors-popup-label{font-size:10px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.color-grid{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:5px}.color-grid-transparent-row{display:flex;margin-top:5px}.stroke-style-popup{flex-direction:column!important;gap:4px;min-width:120px}.stroke-style-pill{width:100%;height:34px;border:none;border-radius:8px;background:#ffffff14;color:#ffffffe0;font-size:14px;cursor:pointer;text-align:center}.stroke-style-pill[data-active]{background:#60a5fa59;outline:1px solid rgba(255,255,255,.12)}.stroke-style-pill:hover:not([data-active]){background:#ffffff1f}.tb-btn:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0f0f14eb;color:#e8e8f0;font-size:11px;padding:3px 7px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s;z-index:21}.tb-btn[data-tip-placement=bottom]:after{bottom:auto;top:calc(100% + 8px)}.tb-btn[data-tip-placement=right]:after{bottom:auto;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.tb-btn:hover:after{opacity:1}.development-banner{position:absolute;bottom:0;width:100vw;background-color:purple;color:#fff;text-align:center;font-size:12px}