:root,[data-theme=dark]{--accent:#3e83f2;--accent-end:#3975d5;--accent-fg:#fff;--text:#d8dadb;--text-2:#a8abad;--success:#79b58a;--error:#d07c7c;--bg-main:#272727;--bg-panel:#242424;--bg-popup:#2e2e2e;--bg-menu:#2b2b2b;--bg-toolbar:#222;--border:#1f1f1f;--control:#2e2e2e;--control-hover:#3a3a3a;--control-border:#1f1f1f;--control-disabled:#383838;--separator:#333;--overlay-soft:#30000000;--overlay-modal:#00000080;--shadow:0 8px 24px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--text:#4e4e4e;--text-2:#7a7a7a;--success:#4f8a63;--error:#b85f66;--bg-main:#f5f5f7;--bg-panel:#fdfdfd;--bg-popup:#fdfdfd;--bg-menu:#f2f2f2;--bg-toolbar:#fdfdfd;--border:#e5e5e8;--control:#f5f5f7;--control-hover:#ebebef;--control-border:#dbdbdf;--control-disabled:#aeaeb2;--separator:#e3e3e3;--shadow:0 8px 24px #00000026;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}body{color:var(--text);background:var(--bg-main);-webkit-font-smoothing:antialiased;font:13px/1.4 Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}.icon{flex:none;display:block}.app{flex-direction:column;height:100%;display:flex;position:relative}.workspace{flex:1;min-height:0;display:flex}.canvas-area{min-width:0;margin:var(--toolbar-top,52px) 8px var(--toolbar-bottom,50px);flex:1;transition:margin .15s;position:relative}.app.toolbars-hidden .canvas-area{--toolbar-top:8px;--toolbar-bottom:8px}.canvas-host{outline:none;position:absolute;inset:0;overflow:hidden}.editor-canvas{touch-action:none;display:block}.editor-toolbar{background:var(--bg-toolbar);border:1px solid var(--border);width:max-content;max-width:calc(100% - 16px);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex}.top-toolbars{z-index:28;pointer-events:none;flex-direction:column;align-items:center;gap:6px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:0;left:0;right:0}.top-toolbars>*{pointer-events:auto}.editor-toolbar.top{border-top:none;border-radius:0 0 6px 6px}.editor-toolbar.options{border-radius:6px}.editor-toolbar.bottom{z-index:28;border-bottom:none;border-radius:6px 6px 0 0;margin-inline:auto;transition:opacity .15s,transform .15s;position:absolute;bottom:0;left:0;right:0}.top-toolbars.hidden,.editor-toolbar.bottom.hidden{opacity:0;pointer-events:none}.top-toolbars.hidden>*{pointer-events:none}.top-toolbars.hidden{transform:translateY(-100%)}.editor-toolbar.bottom.hidden{transform:translateY(100%)}.toolbar-sep{background:var(--separator);width:1px;height:28px;margin:0 4px}.tool-button,.tool-option{min-width:36px;height:36px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.tool-button:hover:not(:disabled),.tool-option:hover:not(:disabled),.tool-option.open{background:var(--control-hover)}.tool-button.active{background:linear-gradient(var(--accent), var(--accent-end));color:var(--accent-fg)}.tool-option.toggle-button.on{background:var(--control-hover);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.active-tool{color:var(--accent);align-items:center;padding:0 6px;display:inline-flex}.option-text{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.font-name{text-overflow:ellipsis;max-width:110px;overflow:hidden}.color-label{text-underline-offset:2px;font-size:16px;font-weight:700;text-decoration:underline;text-decoration-thickness:4px}.line-preview{color:var(--text)}.cursor-preview{image-rendering:pixelated}.strength-slider{align-items:center;gap:6px;height:36px;padding:0 6px;display:inline-flex}.strength-slider input{width:110px}.zoom-button span{text-align:center;min-width:40px}.popover-host{display:inline-flex;position:relative}.popover-panel{z-index:50;background:var(--bg-popup);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:4px;animation:.12s ease-out pop;position:absolute;left:0}.popover-panel.bottom{top:calc(100% + 6px)}.popover-panel.top{bottom:calc(100% + 6px)}@keyframes pop{0%{opacity:0;transform:scale(.97)}}.menu{flex-direction:column;min-width:220px;display:flex}.context-menu{z-index:60;background:var(--bg-menu);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px;padding:4px;position:fixed}.menu-item{text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;padding:6px 10px;display:flex}.menu-item:hover:not(:disabled){background:var(--control-hover)}.menu-icon{width:16px}.menu-label{flex:1}.menu-shortcut{color:var(--text-2);font-size:12px}.menu-sep{background:var(--separator);height:1px;margin:4px 2px}.list-dropdown{flex-direction:column;min-width:120px;max-height:60vh;display:flex;overflow:auto}.list-dropdown.grid{gap:2px;display:grid}.list-item{text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:flex}.list-item:hover{background:var(--control-hover)}.list-item.active{background:color-mix(in srgb, var(--accent) 30%, transparent)}.width-item{align-items:center;gap:10px;width:100px;display:flex}.width-bar{background:currentColor;border-radius:2px;flex:1;min-height:1px}.swatch{background:repeating-conic-gradient(#999 0 25%, #fff 0 50%) 0 0 / 8px 8px;border:1px solid #80808080;border-radius:4px;display:inline-block;overflow:hidden}.swatch>span{width:100%;height:100%;display:block}.color-picker{flex-direction:column;gap:8px;width:244px;padding:6px;display:flex}.palette{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.palette.recent{border-top:1px solid var(--separator);padding-top:6px}.palette-swatch{background:0 0;border:1px solid #0000;border-radius:5px;padding:1px;display:flex}.palette-swatch:hover,.palette-swatch.active{border-color:var(--accent)}.sv-area{cursor:crosshair;touch-action:none;border-radius:6px;height:130px;position:relative}.sv-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 2px #000}.hue-slider{appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px}.alpha-row,.hex-row{align-items:center;gap:8px;display:flex}.alpha-slider{appearance:none;background:linear-gradient(to right, transparent, var(--c)), repeating-conic-gradient(#999 0 25%, #fff 0 50%) 0 0 / 8px 8px;border-radius:6px;flex:1;height:12px}.hue-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #555;border-radius:50%;width:14px;height:14px}.alpha-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #555;border-radius:50%;width:14px;height:14px}.hex-input{flex:1;font-family:Consolas,monospace}.capsule{background:var(--control);border:1px solid var(--control-border);text-align:center;border-radius:10px;min-width:36px;padding:1px 8px;font-size:12px;display:inline-block}.slider-row{margin-bottom:14px}.slider-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}input[type=range]{width:100%;accent-color:var(--accent)}.text-input,.number-input,.hex-input,.select,.hotkey-input{background:var(--control);border:1px solid var(--control-border);border-radius:5px;outline:none;min-width:0;padding:6px 8px}.text-input:focus,.number-input:focus,.select:focus,.hex-input:focus{border-color:var(--accent)}.text-input.wide,.select{width:100%}textarea.text-input{resize:vertical;min-height:70px}.number-input{width:100px}.field-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.field-col{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.toggle{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.toggle.disabled{opacity:.45;cursor:default}.toggle input{display:none}.toggle-track{background:var(--control-disabled);border-radius:10px;width:36px;height:20px;transition:background .15s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track .toggle-thumb{left:19px}.button{border:1px solid var(--control-border);background:var(--control);border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.button:hover:not(:disabled){background:var(--control-hover)}.button.primary{background:linear-gradient(var(--accent), var(--accent-end));border-color:var(--accent);color:#fff}.button.wide{width:100%}.icon-button{background:0 0;border:none;border-radius:4px;padding:4px;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--control-hover)}.hint{color:var(--text-2);margin:4px 0 10px;font-size:12px}.section-label{margin:14px 0 8px}.spacer{flex:1}.sidebar{background:var(--bg-panel);border-color:var(--border);z-index:25;flex:none;width:0;transition:width .18s;overflow:hidden}.sidebar.left{border-right:1px solid var(--border)}.sidebar.right{border-left:1px solid var(--border)}.sidebar.open{width:284px}.sidebar-inner{width:284px;height:100%;padding:60px 16px 24px;overflow-y:auto}.sidebar-title{align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:600;display:flex}.ratio-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.ratio-button{border:1px solid var(--control-border);background:var(--control);border-radius:5px;padding:6px 0}.ratio-button.active{background:linear-gradient(var(--accent), var(--accent-end));color:#fff}.gradient-preview{border:1px solid var(--border);border-radius:5px;height:40px;margin:12px 0 8px;display:flex}.gradient-preview .half{flex:1}.gradient-half{background:0 0;border:1px solid #0000;width:100%;height:100%}.gradient-half.left{border-radius:5px 0 0 5px}.gradient-half.right{border-radius:0 5px 5px 0}.gradient-half:hover{background:#fff6;border-color:#fffc}.gradient-presets{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.gradient-preset{border:1px solid var(--border);border-radius:5px;height:36px}.gradient-preset:hover{outline:2px solid var(--accent)}.color-preview-large{border:1px solid var(--border);background:repeating-conic-gradient(#999 0 25%, #fff 0 50%) 0 0 / 12px 12px;border-radius:5px;width:100%;height:40px;margin-top:12px;padding:0;overflow:hidden}.color-preview-large span{width:100%;height:100%;display:block}.popover-host.half{flex:1}.params{margin-top:8px}.dialog-buttons{align-items:center;gap:8px;margin-top:16px;display:flex}.spinner{border:2px solid var(--control-disabled);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;margin-left:auto;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.overlay-scrim{z-index:30;background:#00000040;justify-content:center;align-items:flex-start;padding:80px 16px;display:flex;position:fixed;inset:0}.floating-panel{background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.effect-browser{flex-direction:column;width:min(1000px,100%);max-height:calc(100vh - 160px);display:flex}.browser-search{border-bottom:1px solid var(--separator);align-items:center;gap:8px;padding:10px 12px;display:flex}.browser-search input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.browser-columns{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 12px;padding:10px 12px;display:grid;overflow-y:auto}.browser-column h3{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin:4px 6px 6px;font-size:12px;font-weight:600}.browser-column .count{opacity:.7;font-weight:400}.effect-row{text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:5px 6px;display:flex}.effect-row:hover{background:var(--control-hover)}.effect-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.effect-row .fav{color:#f5c542}.modal-scrim{z-index:70;background:var(--overlay-modal);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-panel);border:1px solid var(--border);width:min(420px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;animation:.14s ease-out pop;display:flex}.dialog.wide{width:min(640px,100%)}.dialog.emoji-picker{width:min(560px,100%);height:min(600px,100vh - 32px)}.dialog-header{border-bottom:1px solid var(--separator);align-items:center;gap:8px;padding:12px 14px;display:flex}.dialog-title{flex:1;font-size:15px}.dialog-body{flex-direction:column;flex:1;min-height:0;padding:14px;display:flex;overflow:auto}.start-actions{flex-direction:column;gap:6px;display:flex}.start-button{border:1px solid var(--control-border);background:var(--control);text-align:left;border-radius:6px;align-items:center;gap:12px;padding:12px 14px;display:flex}.start-button:hover{background:var(--control-hover)}.url-row{align-items:center;gap:6px;display:flex}.url-row .text-input{flex:1}.form-grid{grid-template-columns:auto 1fr auto;align-items:center;gap:8px 10px;display:grid}.unit{color:var(--text-2)}.radio{align-items:center;gap:8px;margin-bottom:8px;display:flex}.choice-list{flex-direction:column;gap:6px;display:flex}.choice{border:1px solid var(--control-border);background:var(--control);text-align:left;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;display:flex}.choice:hover{background:var(--control-hover)}.choice small{color:var(--text-2);display:block}.check-row{color:var(--text-2);align-items:center;gap:8px;margin-top:12px;display:flex}.emoji-groups{flex-wrap:wrap;gap:4px;margin:10px 0;display:flex}.chip{border:1px solid var(--control-border);background:var(--control);border-radius:12px;padding:3px 10px;font-size:12px}.chip.active{background:var(--accent);color:#fff}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px;margin-top:8px;display:grid;overflow-y:auto}.emoji-grid.recent{border-bottom:1px solid var(--separator);padding-bottom:8px;overflow:visible}.emoji-cell{background:0 0;border:none;border-radius:6px;height:42px;font-size:26px;line-height:1}.emoji-cell:hover{background:var(--control-hover)}.customize-list{flex-direction:column;gap:2px;display:flex}.customize-row{border-radius:4px;align-items:center;gap:8px;padding:4px;display:flex}.customize-row:hover{background:var(--control-hover)}.customize-name{flex:1}.hotkey-input{width:110px;padding:3px 6px}.check-inline{color:var(--text-2);align-items:center;gap:4px;display:flex}.shortcut-table{border-collapse:collapse;width:100%}.shortcut-table td{border-bottom:1px solid var(--separator);padding:5px 8px}kbd{background:var(--control);border:1px solid var(--control-border);border-radius:4px;padding:1px 6px;font-family:Consolas,monospace;font-size:12px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;display:flex}.shadow-options{width:250px;padding:12px;left:auto;right:0}.text-editor{z-index:15;resize:none;white-space:pre-wrap;background:0 0;border:1px solid #fff;outline:1px dashed #000;margin:0;line-height:normal;position:absolute;overflow:hidden}.text-editor.text{white-space:pre}.crop-confirm{z-index:16;border:1px solid var(--accent);background:linear-gradient(var(--accent), var(--accent-end));color:#fff;width:80px;height:36px;box-shadow:var(--shadow);border-radius:6px;position:absolute}.empty-state{color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.drop-overlay{z-index:80;background:color-mix(in srgb, var(--accent) 25%, #00000080);border:3px dashed var(--accent);color:#fff;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:18px;display:flex;position:fixed;inset:0}.toast-host{z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:68px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-popup);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:10px;max-width:min(600px,100vw - 32px);padding:10px 16px;animation:.15s ease-out pop;display:flex}.toast.error{border-color:var(--error)}.toast.success .icon{color:var(--success)}.busy-overlay{z-index:85;background:var(--bg-popup);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:10px;padding:8px 16px;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%)}.busy-overlay .spinner{margin:0}.menu-backdrop{z-index:59;position:fixed;inset:0}.menu-select{cursor:default}.select.compact{width:auto;max-width:140px;padding:3px 6px}[dir=rtl] .menu-item{text-align:right}.crt-overlay{z-index:1000;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ff00000f 0 1px,#00ff000f 1px 2px,#0000ff0f 2px 3px),radial-gradient(#0000 60%,#0000008c 100%);border-radius:24px/18px;animation:.6s ease-out crt-on,.12s infinite crt-flicker;position:fixed;inset:0;box-shadow:inset 0 0 80px #0009,0 0 0 40px #000}@keyframes crt-on{0%{filter:brightness(8);transform:scaleY(.005)}50%{filter:brightness(2);transform:scale(1)}to{filter:none}}@keyframes crt-flicker{50%{opacity:.94}}.menu-sub>summary{cursor:pointer;list-style:none}.menu-sub>summary::-webkit-details-marker{display:none}.menu-sub[open]>summary{background:var(--control-hover)}.menu-sub-items{max-height:300px;padding-left:16px;overflow-y:auto}.recent-list{flex-direction:column;gap:2px;max-height:200px;margin-bottom:8px;display:flex;overflow-y:auto}.recent-item{text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.recent-item:hover{background:var(--control-hover)}.recent-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}