:root{--ui-0:#1c1c1c;--ui-1:#242424;--ui-2:#303030;--ui-3:#3a3a3a;--ui-4:#474747;--border-hard:#161616;--border-soft:#454545;--text:#d8d8d8;--text-dim:#9a9a9a;--text-faint:#6b6b6b;--accent:#2f7cd6;--accent-soft:#2f7cd659;--sel-blue:#3f8bff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:var(--text);background:var(--ui-0);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select{font:inherit;color:var(--text)}.si-app{flex-direction:column;height:100%;display:flex}.si-menubar{background:var(--ui-0);border-bottom:1px solid var(--border-hard);z-index:300;flex:none;align-items:center;height:30px;padding:0 6px;display:flex}.si-menubar .si-logo{color:#fbbf24;letter-spacing:-.5px;background:#2d2005;border-radius:3px;justify-content:center;align-items:center;width:28px;height:20px;margin-right:4px;font-size:13px;font-weight:700;display:flex}.si-menu-item{height:22px;color:var(--text);white-space:nowrap;border-radius:3px;padding:0 10px;line-height:22px}.si-menu-item:hover,.si-menu-item.open{background:var(--ui-3)}.si-menu-popup{z-index:1000;background:#262626;border:1px solid #111;border-radius:4px;min-width:230px;padding:4px 0;position:fixed;box-shadow:0 6px 24px #0000008c}.si-menu-row{white-space:nowrap;justify-content:space-between;align-items:center;padding:3px 22px 3px 24px;display:flex;position:relative}.si-menu-row:not(.disabled):hover{background:var(--accent);color:#fff}.si-menu-row.disabled{color:var(--text-faint)}.si-menu-row .shortcut{color:var(--text-dim);margin-left:40px;font-size:11px}.si-menu-row:not(.disabled):hover .shortcut{color:#ffffffbf}.si-menu-row .check{position:absolute;left:8px}.si-menu-sep{background:#3d3d3d;height:1px;margin:4px 10px}.si-menu-row .subarrow{color:var(--text-dim);margin-left:30px;font-size:9px}.si-doctabs{background:var(--ui-1);border-bottom:1px solid var(--border-hard);flex:none;align-items:flex-end;height:30px;padding:0 0 0 8px;display:flex}.si-doctab{background:var(--ui-2);border:1px solid var(--border-hard);height:26px;color:var(--text);border-bottom:none;border-radius:5px 5px 0 0;align-items:center;gap:8px;max-width:340px;padding:0 12px;font-size:11.5px;display:flex}.si-doctab .x{color:var(--text-dim);margin-left:2px;font-size:13px}.si-doctab .x:hover{color:#fff}.si-controlbar{background:var(--ui-2);border-bottom:1px solid var(--border-hard);flex:none;align-items:center;gap:8px;height:40px;padding:0 10px;font-size:11.5px;display:flex;overflow:hidden}.si-controlbar .label{color:var(--text-dim)}.si-cb-sep{background:var(--border-soft);opacity:.5;flex:none;width:1px;height:24px;margin:0 2px}.si-main{flex:1;min-height:0;display:flex}.si-toolbar{background:var(--ui-2);border-right:1px solid var(--border-hard);scrollbar-width:none;flex-direction:column;flex:none;align-items:center;width:41px;padding:4px 0;display:flex;overflow-y:auto}.si-toolbar::-webkit-scrollbar{display:none}.si-tool{color:#c8c8c8;border-radius:3px;justify-content:center;align-items:center;width:32px;height:26px;display:flex;position:relative}.si-tool:hover{color:#fff}.si-tool.active{background:var(--ui-0);color:#fff}.si-tool .flyout-dot{border-bottom:4px solid #8a8a8a;border-left:4px solid #0000;width:0;height:0;position:absolute;bottom:2px;right:2px}.si-tool-sep{background:var(--border-soft);opacity:.6;width:24px;height:1px;margin:4px 0}.si-flyout{z-index:1000;background:#262626;border:1px solid #111;border-radius:4px;flex-direction:column;padding:3px;display:flex;position:fixed;box-shadow:0 6px 24px #0000008c}.si-flyout .si-flyout-row{color:var(--text);white-space:nowrap;border-radius:3px;align-items:center;gap:8px;padding:4px 14px 4px 6px;display:flex}.si-flyout .si-flyout-row:hover{background:var(--accent);color:#fff}.si-flyout .si-flyout-row .k{color:var(--text-dim);margin-left:auto;font-size:10.5px}.si-paint-proxy{flex:none;width:30px;height:30px;margin:10px 0 4px;position:relative}.si-paint-swatch{background:#fff;border:1px solid #000;width:19px;height:19px;position:absolute;box-shadow:inset 0 0 0 1px #777}.si-paint-swatch.fill{top:0;left:0}.si-paint-swatch.stroke{bottom:0;right:0}.si-paint-swatch.stroke .inner{background:var(--ui-2);position:absolute;inset:4px;box-shadow:0 0 0 1px #777}.si-paint-swatch.active{z-index:2;outline-offset:1px;outline:1.5px solid #fff}.si-paint-none-x{position:absolute;inset:0}.si-paint-none-x:before{content:"";background:linear-gradient(to top right,#0000 44%,#e33 46% 54%,#0000 56%);position:absolute;inset:0}.si-swap{color:#b0b0b0;cursor:pointer;font-size:9px;position:absolute;top:-2px;right:-1px}.si-swap:hover{color:#fff}.si-defaults{cursor:pointer;width:10px;height:10px;position:absolute;bottom:-2px;left:-1px}.si-paint-mini{flex-direction:column;gap:2px;margin-top:2px;display:flex}.si-paint-mini button{color:#c8c8c8;border-radius:2px;justify-content:center;align-items:center;width:30px;height:16px;display:flex}.si-paint-mini button:hover{background:var(--ui-4)}.si-paint-mini button.on{background:var(--ui-0)}.si-canvas-slot{flex:1;min-width:0;display:flex}.si-canvas-wrap{background:#4c4c4c;flex:1;grid-template-rows:20px 1fr;grid-template-columns:20px 1fr;min-width:0;display:grid;position:relative}.si-canvas-wrap.no-rulers{grid-template-rows:0 1fr;grid-template-columns:0 1fr}.si-ruler-corner{z-index:5;background:#2b2b2b;border-bottom:1px solid #1a1a1a;border-right:1px solid #1a1a1a;grid-area:1/1}.si-ruler-h{z-index:5;grid-area:1/2}.si-ruler-v{z-index:5;grid-area:2/1}.si-ruler-h canvas,.si-ruler-v canvas{width:100%;height:100%;display:block}.si-canvas-holder{grid-area:2/2;position:relative;overflow:hidden}.si-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.si-text-editor{border:1px dashed var(--sel-blue);resize:none;white-space:pre;z-index:20;background:0 0;outline:none;min-width:8px;padding:0;position:absolute;overflow:hidden}.si-dock{background:var(--ui-1);border-left:1px solid var(--border-hard);flex-direction:column;flex:none;width:258px;display:flex;overflow-y:auto}.si-panel-group{background:var(--ui-2);border-bottom:1px solid var(--border-hard);flex-direction:column;display:flex}.si-panel-tabs{background:var(--ui-1);flex:none;align-items:flex-end;gap:2px;padding:4px 6px 0;display:flex}.si-panel-tab{color:var(--text-dim);white-space:nowrap;border-radius:4px 4px 0 0;padding:5px 10px 6px;font-size:11.5px}.si-panel-tab.active{background:var(--ui-2);color:var(--text)}.si-panel-tab:not(.active):hover{color:var(--text)}.si-panel-body{padding:10px 12px}.si-field-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.si-field-row .lab{width:14px;color:var(--text-dim);text-align:center;flex:none;font-size:11px}.si-input{background:var(--ui-3);border:1px solid var(--border-hard);width:100%;min-width:0;color:var(--text);border-radius:3px;padding:3px 6px;font-size:11.5px}.si-input:focus{outline:1px solid var(--accent);outline-offset:-1px}.si-input.small{width:58px}select.si-input{appearance:none;padding-right:14px}.si-icon-btn{color:silver;border-radius:3px;justify-content:center;align-items:center;width:24px;height:22px;display:inline-flex}.si-icon-btn:hover{background:var(--ui-4);color:#fff}.si-icon-btn.on{background:var(--ui-0);color:#fff}.si-icon-btn:disabled,.si-icon-btn.disabled{color:var(--text-faint);pointer-events:none}.si-section-title{color:var(--text-dim);justify-content:space-between;align-items:center;margin:4px 0 8px;font-size:11px;display:flex}.si-hr{background:#3d3d3d;height:1px;margin:8px -12px}.si-layers{flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.si-layer-row{border-bottom:1px solid #262626;align-items:center;gap:0;height:30px;font-size:11.5px;display:flex;position:relative}.si-layer-row.selected{background:#414141}.si-layer-row .eye,.si-layer-row .lock{color:#b6b6b6;border-right:1px solid #262626;flex:none;justify-content:center;align-items:center;width:24px;height:100%;display:flex}.si-layer-row .lock{color:#999}.si-layer-row .thumb{background:#fff;border:1px solid #555;flex:none;width:32px;height:22px;margin:0 6px}.si-layer-row .nm{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.si-layer-row .nm input{border:1px solid var(--accent);width:100%;color:var(--text);background:#1b1b1b;padding:1px 3px;font-size:11.5px}.si-layer-row .target{color:#999;flex:none;justify-content:center;align-items:center;width:26px;display:flex}.si-layer-row .selchip{flex:none;width:12px;height:12px;margin-right:8px}.si-layer-row .indent{flex:none;width:18px}.si-layers-footer{border-top:1px solid var(--border-hard);justify-content:flex-end;align-items:center;gap:2px;padding:4px 6px;display:flex}.si-color-panel .sliders{flex-direction:column;gap:8px;display:flex}.si-slider-row{align-items:center;gap:8px;display:flex}.si-slider-row .ch{width:12px;color:var(--text-dim);font-size:11px}.si-slider-row input[type=range]{-webkit-appearance:none;background:#555;border:1px solid #1a1a1a;border-radius:2px;flex:1;height:10px}.si-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#ddd;border:1px solid #222;border-radius:2px;width:9px;height:16px;box-shadow:0 1px 2px #0009}.si-slider-row .val{width:34px}.si-spectrum{cursor:crosshair;border:1px solid #1a1a1a;height:14px;margin-top:10px}.si-swatch-grid{flex-wrap:wrap;gap:3px;display:flex}.si-swatch{cursor:pointer;border:1px solid #1a1a1a;width:17px;height:17px;position:relative;box-shadow:inset 0 0 0 1px #5c5c5c}.si-swatch:hover{z-index:1;outline:1px solid #fff}.si-statusbar{background:var(--ui-1);border-top:1px solid var(--border-hard);height:26px;color:var(--text-dim);flex:none;align-items:center;gap:14px;padding:0 8px;font-size:11.5px;display:flex}.si-statusbar select{color:var(--text);background:0 0;border:none;font-size:11.5px}.si-statusbar .grow{flex:1}.si-mini-swatch{cursor:pointer;border:1px solid #111;border-radius:2px;flex:none;width:22px;height:22px;position:relative;box-shadow:inset 0 0 0 1px #666}.si-mini-swatch.none:before{content:"";background:linear-gradient(to top right,#0000 44%,#e33 46% 54%,#0000 56%);position:absolute;inset:0}.si-mini-swatch.small{width:16px;height:16px}.si-popover{z-index:1200;background:#2a2a2a;border:1px solid #111;border-radius:5px;padding:10px;position:fixed;box-shadow:0 8px 28px #0009}.si-picker-sv{cursor:crosshair;border:1px solid #111;width:190px;height:130px;position:relative}.si-picker-hue{cursor:crosshair;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid #111;width:190px;height:12px;margin-top:8px;position:relative}.si-dialog-backdrop{z-index:2000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.si-dialog{background:#2e2e2e;border:1px solid #111;border-radius:6px;min-width:380px;overflow:hidden;box-shadow:0 14px 44px #000000b3}.si-dialog header{border-bottom:1px solid #202020;padding:12px 16px;font-size:13px;font-weight:600}.si-dialog .body{padding:16px}.si-dialog footer{border-top:1px solid #202020;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.si-btn{color:var(--text);border:1px solid #5a5a5a;border-radius:14px;padding:5px 16px;font-size:12px}.si-btn:hover{background:var(--ui-4)}.si-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.si-btn.primary:hover{background:#3d8ae0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--ui-1)}::-webkit-scrollbar-thumb{border:3px solid var(--ui-1);background:#4a4a4a;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.si-context-menu{min-width:200px}.si-toast{color:var(--text);z-index:3000;background:#111;border:1px solid #333;border-radius:4px;padding:7px 16px;font-size:12px;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000080}