*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#__next,main{width:100%;height:100%}:root{--color-primary:#333;--color-primary-light:#525252;--color-primary-dark:#1a1a1a;--button-bg:#fafafa;--button-hover-bg:#ededed;--button-active-bg:#e0e0e0;--button-active-border:#ccc;--island-bg-color:#fff;--island-border-color:#e0e0e0;--default-button-size:32px;--default-icon-size:20px;--border-radius-lg:4px;--border-radius-md:2px;--text-primary-color:#1a1a1a;--text-secondary-color:#666;--text-disabled-color:#999;--canvas-background:#fff;--color-gray-1:#f1f3f5;--color-gray-2:#e9ecef;--color-gray-3:#dee2e6;--color-gray-4:#ced4da;--color-gray-5:#adb5bd;--color-gray-6:#868e96;--color-gray-7:#495057;--color-gray-8:#343a40;--color-gray-9:#212529;--color-red-8:#e03131;--color-green-2:#b2f2bb;--color-blue-4:#4dabf7;--color-blue-8:#1971c2;--color-orange-5:#f08c00;--zIndex-canvas:1;--zIndex-ui:100;--zIndex-modal:200;--zIndex-popover:300;--zIndex-tooltip:400;--box-shadow:0 2px 8px #00000026;--icon-fill-color:#1a1a1a}.theme--dark{--color-primary:#2d2d2d;--color-primary-light:#3d3d3d;--color-primary-dark:#1a1a1a;--button-bg:#3d3d3d;--button-hover-bg:#4d4d4d;--button-active-bg:#5d5d5d;--button-active-border:#6d6d6d;--island-bg-color:#1a1a1a;--island-border-color:#333;--text-primary-color:#e0e0e0;--text-secondary-color:#999;--text-disabled-color:#666;--canvas-background:#121212;--color-gray-1:#212529;--color-gray-2:#343a40;--color-gray-3:#495057;--color-gray-4:#868e96;--color-gray-5:#adb5bd;--color-gray-6:#ced4da;--color-gray-7:#dee2e6;--color-gray-8:#e9ecef;--color-gray-9:#f1f3f5;--color-red-8:#ff8383;--color-green-2:#5b994c;--color-blue-8:#a5d8ff;--icon-fill-color:#e0e0e0}.canvas-container{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.toolbar{background:var(--color-primary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);z-index:var(--zIndex-ui);flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.tool-button{width:var(--default-button-size);height:var(--default-button-size);border-radius:var(--border-radius-md);cursor:pointer;color:#ccc;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.tool-button:hover{background:#444}.tool-button.active{color:#fff;background:#525252}.tool-button svg{width:var(--default-icon-size);height:var(--default-icon-size)}.properties-panel{background:var(--island-bg-color);border-radius:var(--border-radius-lg);width:200px;box-shadow:var(--box-shadow);border:1px solid var(--island-border-color);z-index:var(--zIndex-ui);padding:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.properties-section{margin-bottom:16px}.properties-section:last-child{margin-bottom:0}.properties-label{color:var(--text-secondary-color);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:500}.color-picker-row{flex-wrap:wrap;gap:4px;display:flex}.color-swatch{border-radius:var(--border-radius-md);border:1px solid var(--color-gray-4);cursor:pointer;width:24px;height:24px;padding:0}.color-swatch.selected{border:2px solid var(--color-blue-8)}.color-swatch.transparent{background-color:#0000;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.button-group{gap:4px;display:flex}.button-group button{background:var(--button-bg);border:1px solid var(--color-gray-4);border-radius:var(--border-radius-md);cursor:pointer;color:var(--text-primary-color);flex:1;padding:6px 8px;font-size:12px}.button-group button:hover{background:var(--button-hover-bg)}.button-group button.selected{background:var(--color-gray-2);border-color:var(--color-blue-8)}.top-bar{background:var(--island-bg-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);border:1px solid var(--island-border-color);z-index:var(--zIndex-ui);align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.top-bar-button{border-radius:var(--border-radius-md);cursor:pointer;width:32px;height:32px;color:var(--text-secondary-color);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.top-bar-button:hover{background:var(--button-hover-bg);color:var(--text-primary-color)}.top-bar-button svg{width:18px;height:18px}.top-bar-divider{background:var(--color-gray-4);width:1px;height:24px;margin:0 4px}.zoom-display{color:var(--text-secondary-color);text-align:center;min-width:50px;padding:0 8px;font-size:12px}.menu-items{gap:4px;display:flex}.menu-item{cursor:pointer;color:var(--text-secondary-color);border-radius:var(--border-radius-md);background:0 0;border:none;padding:4px 12px;font-size:13px}.menu-item:hover{background:var(--button-hover-bg);color:var(--text-primary-color)}.share-button{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.share-button:hover{background:var(--color-primary-light)}.share-button svg{width:14px;height:14px}.bottom-bar{background:var(--island-bg-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);border:1px solid var(--island-border-color);z-index:var(--zIndex-ui);align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.bg-color-button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0}.bg-color-button:hover{transform:scale(1.1)}.bg-color-button.selected{border-color:var(--color-blue-8)}.theme-toggle{background:var(--island-bg-color);border:1px solid var(--island-border-color);border-radius:var(--border-radius-md);cursor:pointer;width:32px;height:32px;color:var(--text-secondary-color);z-index:var(--zIndex-ui);justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.theme-toggle:hover{background:var(--button-hover-bg)}.theme-toggle svg{width:18px;height:18px}.modal-overlay{z-index:var(--zIndex-modal);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--island-bg-color);border-radius:var(--border-radius-lg);width:90%;max-width:400px;padding:24px}.modal-title{color:var(--text-primary-color);margin:0 0 16px;font-size:16px;font-weight:600}.modal-text{color:var(--text-secondary-color);margin:0 0 16px;font-size:14px}.modal-input{border:1px solid var(--color-gray-4);border-radius:var(--border-radius-md);width:100%;margin-bottom:16px;padding:8px;font-size:14px}.modal-buttons{gap:8px;display:flex}.modal-button{border-radius:var(--border-radius-md);cursor:pointer;flex:1;padding:8px 16px;font-size:14px}.modal-button.primary{background:var(--color-primary);color:#fff;border:none}.modal-button.primary:hover{background:var(--color-primary-light)}.modal-button.secondary{background:var(--button-bg);border:1px solid var(--color-gray-4);color:var(--text-primary-color)}.modal-button.secondary:hover{background:var(--button-hover-bg)}.default-sidebar-trigger,.library-menu-browse-button,.library-button,.App-toolbar__extra-tools-trigger,.ToolIcon__LaserPointer,:is(.dropdown-menu-group:has(a[href*=github\.com]),.dropdown-menu-group:has(a[href*=x\.com]),.dropdown-menu-group:has(a[href*=discord])),div[style*="height: 1px"][style*=background-color],.help-button,.help-icon,.ToolIcon__Help,button[aria-label*=Help],button[title*=Help]{display:none!important}