:root{--bg:#eceef1;--bar:#f7f8fa;--bar2:#eef0f3;--panel:#fff;--line:#d5d9df;--line2:#c3c8cf;--text:#1f2328;--muted:#6b7280;--hover:#e3e8ef;--on:#cfe0fb;--on-line:#5b8def;--accent:#1d6ae5;--desk:#c9ced6;--menu:#fff;--input:#fff;--danger:#c62828;--sel:#1d6ae5;color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px}:root[data-theme=dark]{--bg:#26282c;--bar:#2f3237;--bar2:#2a2c31;--panel:#303338;--line:#44484f;--line2:#555a62;--text:#e6e8eb;--muted:#9aa1ab;--hover:#3b3f46;--on:#2e4a77;--on-line:#5b8def;--desk:#1d1f22;--menu:#33363b;--input:#24262a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}input,select,textarea{font:inherit;color:var(--text);background:var(--input);border:1px solid var(--line2);border-radius:3px;min-width:0;padding:2px 4px}input:focus,select:focus,textarea:focus{outline:2px solid var(--on-line);outline-offset:-1px}input[type=checkbox],input[type=radio]{width:auto}input[type=color]{width:28px;height:22px;padding:0}.app{-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;display:flex}.menubar{background:var(--bar);border-bottom:1px solid var(--line);z-index:40;align-items:center;height:26px;padding:0 4px;display:flex;position:relative}.brand{align-items:center;padding:0 6px 0 2px;display:flex}.menubar-item{position:relative}.menubar-item>button{cursor:default;background:0 0;border:0;border-radius:3px;padding:3px 9px}.menubar-item>button:hover,.menubar-item.open>button{background:var(--hover)}.menu{background:var(--menu);border:1px solid var(--line2);z-index:50;border-radius:4px;min-width:250px;padding:4px 0;position:absolute;top:100%;left:0;box-shadow:0 6px 18px #0000002e}.menu-item{text-align:left;cursor:default;white-space:nowrap;background:0 0;border:0;align-items:center;width:100%;padding:4px 12px 4px 4px;display:flex;position:relative}.menu-item:hover:not(:disabled){background:var(--on)}.menu-item:disabled{color:var(--muted);opacity:.6}.mi-check{text-align:center;width:20px}.mi-label{flex:1}.mi-key{color:var(--muted);padding-left:24px}.mi-arrow{color:var(--muted)}.menu-sep{background:var(--line);height:1px;margin:4px 8px}.submenu{position:absolute;top:-5px;left:100%}.submenu>.menu{position:static}.ctx-menu{z-index:60;position:fixed}.ctx-menu>.menu{position:static}.stdbar,.propbar{background:var(--bar);border-bottom:1px solid var(--line);scrollbar-width:thin;flex-wrap:nowrap;align-items:center;gap:2px;min-height:32px;padding:2px 6px;display:flex;overflow:auto hidden}.propbar{background:var(--bar2);min-height:38px}.pb-sep{background:var(--line);flex:none;align-self:stretch;width:1px;margin:3px 5px}.pb-stack{flex-direction:column;gap:1px;display:flex}.pb-stack .field input{height:17px;padding:0 3px}.pb-info{color:var(--muted);white-space:nowrap;padding:0 6px}.ib{background:0 0;border:1px solid #0000;border-radius:3px;flex:none;justify-content:center;align-items:center;gap:2px;min-width:26px;height:26px;padding:0 3px;display:inline-flex}.ib:hover:not(:disabled){background:var(--hover);border-color:var(--line)}.ib.on{background:var(--on);border-color:var(--on-line)}.ib:disabled{opacity:.35}.ib-label{font-size:11px;font-weight:600}.tb-text{background:var(--panel);border:1px solid var(--line2);white-space:nowrap;border-radius:3px;padding:3px 8px}.field{white-space:nowrap;flex:none;align-items:center;gap:3px;display:inline-flex}.field .fl{color:var(--muted);align-items:center;display:inline-flex}.field .fu{color:var(--muted);font-size:11px}.field input:not([type=checkbox]):not([type=range]),.field select{height:22px}.slider input{accent-color:var(--accent)}.sv{min-width:24px}.zoomfield input{text-align:right}.preset-row{gap:1px;display:flex}.preset{background:0 0;border:1px solid #0000;border-radius:3px;padding:2px;display:flex}.preset:hover{background:var(--hover)}.preset.on{background:var(--on);border-color:var(--on-line)}.doctabs{background:var(--bar2);border-bottom:1px solid var(--line);align-items:flex-end;gap:2px;min-height:26px;padding:3px 6px 0 40px;display:flex;overflow-x:auto}.doctab{border:1px solid var(--line);background:var(--bar2);cursor:default;white-space:nowrap;border-bottom:0;border-radius:4px 4px 0 0;align-items:center;gap:6px;max-width:220px;padding:3px 6px 3px 10px;display:flex}.doctab span{text-overflow:ellipsis;overflow:hidden}.doctab.on{background:var(--panel);font-weight:600}.doctab .x{color:var(--muted);background:0 0;border:0;border-radius:3px;padding:0 3px}.doctab .x:hover{background:var(--hover);color:var(--text)}.doctab-add{color:var(--muted);background:0 0;border:0;padding:2px 8px;font-size:15px}.main{flex:1;min-height:0;display:flex}.center{flex-direction:column;flex:1;min-width:0;display:flex}.toolbox{background:var(--bar);border-right:1px solid var(--line);scrollbar-width:none;z-index:30;flex-direction:column;gap:1px;width:38px;padding:4px 3px;display:flex;overflow:visible auto}.tb-group{position:relative}.tb-btn{background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;width:31px;height:30px;display:flex;position:relative}.tb-btn:hover{background:var(--hover)}.tb-btn.on{background:var(--on);border-color:var(--on-line)}.tb-more{border-left:5px solid #0000;border-bottom:5px solid var(--muted);width:0;height:0;position:absolute;bottom:1px;right:1px}.flyout{background:var(--menu);border:1px solid var(--line2);z-index:70;border-radius:4px;min-width:210px;margin-top:-31px;margin-left:34px;padding:3px;position:fixed;box-shadow:0 6px 18px #0003}.fly-btn{text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:8px;width:100%;padding:4px 8px;display:flex}.fly-btn span{flex:1}.fly-btn kbd{color:var(--muted);font-family:inherit}.fly-btn:hover{background:var(--hover)}.fly-btn.on{background:var(--on)}.canvas-wrap{background:var(--desk);flex:1;min-height:0;position:relative;overflow:hidden}.canvas{position:absolute;bottom:0;right:0;overflow:hidden}.canvas svg{touch-action:none;display:block}.ruler{z-index:2;display:block;position:absolute}.ruler-h{cursor:s-resize;top:0;left:18px}.ruler-v{cursor:e-resize;top:18px;left:0}.ruler-corner{background:var(--bar);border-right:1px solid var(--line);border-bottom:1px solid var(--line);z-index:3;width:18px;height:18px;position:absolute;top:0;left:0}.desk{fill:var(--desk)}.page-shadow{fill:#00000040}.page-border{stroke:#666;stroke-width:1px}.guide{stroke:#1d6ae5;stroke-width:1px;stroke-dasharray:5 3;pointer-events:none}.guide.sel{stroke:#e11d48;stroke-dasharray:none}.snap-mark{fill:none;stroke:#e11d48;stroke-width:1.5px}.snap-label,.hint-label{fill:#e11d48;paint-order:stroke;stroke:#fff;stroke-width:3px;pointer-events:none;font-size:11px}.hint-label{fill:#1d4ed8}.overlay{pointer-events:none}.ov-line{fill:none;stroke:var(--sel);stroke-width:1px}.ov-dash{fill:#1d6ae50f;stroke:var(--sel);stroke-width:1px;stroke-dasharray:4 3}.ov-draw{fill:none;stroke:#1d6ae5;stroke-width:1.4px}.ov-path{fill:none;stroke:#1d6ae5;stroke-width:1px;stroke-dasharray:3 2}.ov-fx{stroke:#1d6ae5;stroke-width:1.2px;stroke-dasharray:4 2}.ov-env{stroke:#e11d48;stroke-width:1px;stroke-dasharray:5 3}.ov-knife{stroke:#e11d48;stroke-width:1.5px}.ov-brush{fill:#1d6ae514;stroke:#1d6ae5;stroke-width:1px}.ov-handle-line{stroke:#1d6ae5;stroke-width:1px}.ov-crop-shade{fill:#00000059}.h-sq{fill:#111;stroke:#fff;stroke-width:1px}.h-lock{fill:#fff;stroke:#111;stroke-width:1px}.h-x{stroke:#111;stroke-width:1.5px}.h-rot{fill:none;stroke:#111;stroke-width:1.6px}.h-circle{fill:#fff;stroke:#111;stroke-width:1.4px}.h-node{fill:#fff;stroke:#1d6ae5;stroke-width:1.2px}.h-node.first{stroke:#e11d48}.h-node.sel{fill:#1d6ae5}.h-dot,.h-ctl{fill:#1d6ae5;stroke:#fff;stroke-width:1px}.h-anchor{fill:#e11d48;stroke:#fff}.h-fx{fill:#fff;stroke:#111}.h-fx.end,.h-tb{fill:#111;stroke:#fff}.h-tw{fill:#fff;stroke:#111}.h-gstop{stroke:#111;stroke-width:1.2px}.h-gstop.sel{stroke:#e11d48;stroke-width:2.5px}.text-editor{transform-origin:0 0;resize:none;color:#000;z-index:5;-webkit-user-select:text;user-select:text;background:#ffffffd9;border:1px dashed #1d6ae5;outline:none;margin:0;padding:0;position:absolute;overflow:hidden}.palette{background:var(--bar);border-left:1px solid var(--line);scrollbar-width:none;flex-direction:column;gap:1px;width:22px;padding:2px;display:flex;overflow-y:auto}.sw{border:1px solid #00000040;border-radius:1px;flex:none;width:17px;height:17px;padding:0}.sw:hover{outline:2px solid var(--accent);outline-offset:-1px}.sw.none{background:linear-gradient(45deg,#0000 45%,#d00 45% 55%,#0000 55%),#fff}.sw.add{background:var(--panel);color:var(--muted);font-size:12px;line-height:12px}.pal-sep{background:var(--line2);flex:none;height:1px;margin:3px 0}.pagenav{background:var(--bar);border-top:1px solid var(--line);align-items:center;gap:1px;height:28px;padding:0 6px;display:flex}.pagenav .ib{min-width:22px;height:22px}.pn-count{color:var(--muted);padding:0 6px}.pn-tabs{gap:2px;margin-left:8px;display:flex;overflow-x:auto}.pn-tab{background:var(--bar2);border:1px solid var(--line);white-space:nowrap;border-radius:0 0 4px 4px;padding:2px 10px}.pn-tab.on{background:var(--panel);border-top-color:var(--panel);font-weight:600}.statusbar{background:var(--bar);border-top:1px solid var(--line);white-space:nowrap;align-items:center;gap:10px;height:26px;padding:0 8px;display:flex;overflow:hidden}.st-coords{min-width:150px;color:var(--muted);font-variant-numeric:tabular-nums}.st-info{text-overflow:ellipsis;overflow:hidden}.st-flex{flex:1}.st-fill{background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:4px;padding:1px 6px;display:inline-flex}.st-fill:hover{background:var(--hover);border-color:var(--line)}.st-sw{border:1px solid #555;width:14px;height:12px;display:inline-block}.st-sw.none{background:linear-gradient(45deg,#0000 45%,#d00 45% 55%,#0000 55%),#fff}.st-page{color:var(--muted)}.dockers{border-left:1px solid var(--line);background:var(--panel);z-index:10;display:flex}.docker-body{flex-direction:column;width:270px;min-height:0;display:flex}.docker-head{border-bottom:1px solid var(--line);background:var(--bar);justify-content:space-between;align-items:center;padding:6px 8px;font-weight:600;display:flex}.docker-head button{color:var(--muted);background:0 0;border:0;font-size:15px}.docker-content{-webkit-user-select:text;user-select:text;flex:1;padding:6px 8px;overflow:auto}.docker-tabs{background:var(--bar);border-left:1px solid var(--line);flex-direction:column;width:24px;display:flex}.docker-tabs button{writing-mode:vertical-rl;border:0;border-bottom:1px solid var(--line);white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:8px 2px;display:flex}.docker-tabs button svg{transform:rotate(90deg)}.docker-tabs button.on{background:var(--panel);font-weight:600}.dsec{border-bottom:1px solid var(--line);padding:4px 0}.dsec-h{text-align:left;background:0 0;border:0;width:100%;padding:2px 0;font-weight:600}.dsec-b{padding:4px 0}.dhead{margin:8px 0 2px;font-weight:600}.form{flex-direction:column;gap:6px;display:flex}.frow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.frow>span:first-child{min-width:60px;color:var(--muted)}.fcheck{align-items:center;gap:6px;display:flex}.grow{flex:1}.wide{width:100%}.wrap{flex-wrap:wrap;gap:2px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:4px;display:grid}.muted{color:var(--muted);margin:2px 0}.link{color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;padding-bottom:4px;display:flex}.tabs button{background:0 0;border:1px solid #0000;border-radius:3px;padding:3px 8px}.tabs button.on{background:var(--on);border-color:var(--on-line)}button.primary,.form>button,.frow>button,.modal-f>button,.pop-actions>button,.recovery button{border:1px solid var(--line2);background:var(--panel);border-radius:3px;padding:4px 12px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:var(--danger);border-color:var(--danger)}button:disabled{opacity:.5}.anchor9{grid-template-columns:repeat(3,14px);gap:3px;display:grid}.anchor9 button{border:1px solid var(--line2);background:var(--panel);border-radius:50%;width:14px;height:14px;padding:0}.anchor9 button.on{background:var(--accent)}.shaping-icon{color:var(--accent);justify-content:center;padding:8px;display:flex}.text-area{resize:vertical;width:100%}.objects .obj-tools{border-bottom:1px solid var(--line);gap:2px;margin-bottom:4px;padding-bottom:4px;display:flex}.page-head{border-bottom:1px solid var(--line);padding:4px 2px;font-weight:700}.layer-row,.obj-row{cursor:default;border-radius:3px;align-items:center;gap:3px;padding:2px 4px;display:flex}.layer-row{font-weight:600}.layer-row.on{background:var(--hover)}.obj-row.on{background:var(--on)}.obj-row.dim{opacity:.5}.obj-row:hover,.layer-row:hover{outline:1px solid var(--line)}.layer-color{border-radius:2px;flex:none;width:8px;height:14px}.layer-name,.obj-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.thumb{border:1px solid var(--line);background:#fff;flex:none;width:22px;height:18px;display:flex}.thumb svg{width:100%;height:100%}.tw{width:14px;color:var(--muted);background:0 0;border:0;flex:none;padding:0}.mini{color:var(--muted);background:0 0;border:0;border-radius:2px;padding:1px;display:flex}.mini:hover{background:var(--hover);color:var(--text)}.history{flex-direction:column;display:flex}.hist-row{text-align:left;background:0 0;border:0;border-radius:3px;padding:3px 6px}button.hist-row:hover{background:var(--hover)}.hist-row.dim{opacity:.45}table.info,table.shortcuts{border-collapse:collapse;width:100%}table.info td,table.shortcuts td{border-bottom:1px solid var(--line);padding:3px 6px}table.info td:first-child{color:var(--muted)}kbd{background:var(--bar2);border:1px solid var(--line2);border-radius:3px;padding:0 4px;font-family:inherit}.colorbtn{flex:none;align-items:center;gap:3px;display:inline-flex;position:relative}.cb-sw{border:1px solid var(--line2);border-radius:3px;width:30px;height:20px;padding:0}.cb-sw.none{background:linear-gradient(45deg,#0000 45%,#d00 45% 55%,#0000 55%),#fff}.popover{z-index:80;background:var(--menu);border:1px solid var(--line2);border-radius:4px;width:250px;margin-top:26px;padding:8px;position:fixed;box-shadow:0 8px 24px #0003}.pop-actions{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.color-editor{flex-direction:column;gap:4px;display:flex}.ce-top{align-items:center;gap:4px;display:flex}.ce-swatch{border:1px solid var(--line2);border-radius:3px;width:36px;height:22px}.ce-hex{width:70px}.ce-row{align-items:center;gap:4px;display:flex}.ce-row span{width:12px;color:var(--muted)}.ce-row input[type=range]{accent-color:var(--accent);flex:1}.ce-num{width:38px}.ce-pal{grid-template-columns:repeat(12,1fr);gap:2px;margin-top:4px;display:grid}.ce-pal button{border:1px solid #0003;height:14px;padding:0}.grad-ed{flex-direction:column;gap:6px;margin-top:6px;display:flex}.grad-bar{border:1px solid var(--line2);border-radius:3px;height:22px;margin:4px 6px 10px;position:relative}.grad-stop{border:2px solid #fff;border-radius:2px;outline:1px solid #333;width:12px;height:12px;margin-left:-6px;padding:0;position:absolute;bottom:-8px}.grad-stop.on{outline:2px solid var(--accent)}.modal-bg{z-index:100;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line2);-webkit-user-select:text;user-select:text;border-radius:6px;flex-direction:column;width:min(420px,100vw - 32px);max-height:calc(100vh - 40px);display:flex;box-shadow:0 16px 50px #00000059}.modal.wide{width:min(640px,100vw - 32px)}.modal-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 12px;font-weight:600;display:flex}.modal-h button{color:var(--muted);background:0 0;border:0;font-size:16px}.modal-b{padding:12px;overflow:auto}.modal-f{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:8px 12px;display:flex}.fill-dlg{gap:12px;display:flex}.fill-prev{border:1px solid var(--line2);border-radius:4px;flex:none;width:120px;height:120px}.fill-dlg .form{flex:1}.outline-prev{border:1px solid var(--line);background:#fff;border-radius:4px;width:100%;height:60px;margin-top:8px}.glyphs{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:3px;margin:8px 0;display:grid}.glyphs button{border:1px solid var(--line);background:var(--panel);border-radius:3px;height:34px;font-size:18px}.glyphs button:hover{background:var(--on)}.drop-hint,.full-hint{border:3px dashed var(--accent);color:var(--accent);z-index:200;pointer-events:none;background:#1d6ae514;border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:fixed;inset:20px}.full-hint{color:#fff;pointer-events:auto;background:#0009;border:0;padding:6px 12px;font-size:12px;inset:auto 20px 20px auto}.app.full .menubar,.app.full .stdbar,.app.full .propbar,.app.full .doctabs,.app.full .toolbox,.app.full .dockers,.app.full .palette,.app.full .pagenav,.app.full .statusbar,.app.full .ruler,.app.full .ruler-corner{display:none}.app.full .canvas{top:0!important;left:0!important}.recovery{z-index:90;background:var(--panel);border:1px solid var(--line2);border-radius:6px;flex-direction:column;gap:6px;max-width:420px;padding:10px;display:flex;position:fixed;bottom:40px;right:16px;box-shadow:0 8px 24px #0003}@media (width<=760px){.dockers{position:absolute;top:0;bottom:0;right:22px}.docker-body{width:230px}.main{position:relative}}.exp-prev{border:1px solid var(--line2);background:repeating-conic-gradient(#ddd 0 25%, #fff 0 50%) 0 0 / 16px 16px;border-radius:4px;flex:none;justify-content:center;align-items:center;width:200px;height:200px;display:flex}.exp-prev img{max-width:100%;max-height:100%}.modal.photo{width:min(1100px,100vw - 24px);height:min(760px,100vh - 24px)}.modal.photo .modal-h .frow{gap:2px}.photo-body{flex:1;min-height:0;display:flex}.photo-canvas{background:repeating-conic-gradient(#ccc 0 25%, #f4f4f4 0 50%) 0 0 / 20px 20px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo-canvas canvas{image-rendering:auto;box-shadow:0 0 0 1px #0003}.brush-cursor{pointer-events:none;border:1px solid #fff;border-radius:50%;outline:1px solid #000;position:absolute}.photo-side{border-left:1px solid var(--line);-webkit-user-select:none;user-select:none;width:290px;padding:8px 10px;overflow:auto}.photo-side .tabs{margin-bottom:8px}.tb-text.primary{background:var(--accent);color:#fff;border-color:var(--accent)}@media (width<=760px){.photo-body{flex-direction:column}.photo-side{border-left:0;border-top:1px solid var(--line);width:auto;max-height:45%}}