:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.toolbar-sheet[data-v-c7492e99]{z-index:1000}.toolbar[data-v-c7492e99]{display:flex;align-items:center;gap:14px}.tool-group[data-v-c7492e99]{display:flex;align-items:center;gap:6px;padding-right:10px;border-right:1px solid rgba(255,255,255,.12)}.tool-group[data-v-c7492e99]:last-child{border-right:none;padding-right:0}.toolbar button[data-v-c7492e99],.file-btn[data-v-c7492e99]{height:50px;padding:0 14px;border-radius:8px;border:none;background:#3a3a3a;color:#eee;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease}.toolbar button[data-v-c7492e99]:hover,.file-btn[data-v-c7492e99]:hover{background:#525252}.toolbar button.active[data-v-c7492e99]{background:#4f7cff;color:#fff}.file-btn input[data-v-c7492e99]{display:none}.toolbar input[type=color][data-v-c7492e99]{width:32px;height:32px;padding:0;border:none;background:none;cursor:pointer}.toolbar input[type=range][data-v-c7492e99]{width:100px;accent-color:#4f7cff}.toolbar input[type=number][data-v-c7492e99]{height:32px;width:60px;padding:0 8px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid #444;background:#1f1f1f;color:#fff}.toolbar .value-chip[data-v-c7492e99]{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;background:#1f1f1f;border:1px solid #444;border-radius:6px}.toolbar select[data-v-c7492e99]{appearance:none;background-color:#2b2b2b;color:#fff;border:1px solid #3a3a3a;border-radius:8px;padding:6px 32px 6px 12px;font-size:14px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#aaa 50%),linear-gradient(135deg,#aaa 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-size:6px 6px;background-repeat:no-repeat}.split-button[data-v-c7492e99]{position:relative;display:inline-flex;border-radius:8px;overflow:visible;background:#2c2c2c}.split-button button[data-v-c7492e99]{border:none;padding:8px 14px;background:#2c2c2c;color:#fff;cursor:pointer}.split-button .arrow-btn[data-v-c7492e99]{position:relative}.split-button .arrow-btn[data-v-c7492e99]:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.35),transparent)}.main-btn[data-v-c7492e99]:hover,.arrow-btn[data-v-c7492e99]:hover{background:#3a3a3a}.dropdown[data-v-c7492e99]{position:absolute;top:100%;left:0;right:auto;background:#2c2c2c;border-radius:8px;margin-top:6px;min-width:160px;box-shadow:0 6px 20px #0006;display:flex;flex-direction:column;overflow:hidden;z-index:1000}.dropdown.align-right[data-v-c7492e99]{left:auto;right:0}.dropdown button[data-v-c7492e99]{padding:10px 14px;text-align:left}.dropdown button[data-v-c7492e99]:hover{background:#3a3a3a}.toolbar-sheet[data-v-c7492e99],.toolbar[data-v-c7492e99]{overflow:visible!important}.enhance-group[data-v-c7492e99]{position:relative;display:inline-block}.enhance-btn[data-v-c7492e99]{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:8px}.arrow[data-v-c7492e99]{transition:transform .2s ease;font-size:12px}.arrow.open[data-v-c7492e99]{transform:rotate(180deg)}.enhance-panel[data-v-c7492e99]{position:absolute;top:120%;left:0;width:220px;padding:16px;border-radius:14px;background:#1e1e1ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 15px 40px #0000008c,0 0 0 1px #ffffff0f;z-index:9999}.enhance-section[data-v-c7492e99]{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.enhance-section label[data-v-c7492e99]{font-size:12px;opacity:.8}.enhance-section input[type=range][data-v-c7492e99]{width:100%}.enhance-section span[data-v-c7492e99]{font-size:11px;opacity:.7;text-align:right}.reset-btn[data-v-c7492e99]{width:100%;padding:6px 10px;border-radius:8px}@media(min-width:768px){.toolbar-sheet[data-v-c7492e99]{position:absolute;top:-90px;left:50%;transform:translate(-50%);background:#282828d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;box-shadow:0 10px 40px #00000080}.sheet-handle[data-v-c7492e99]{display:none}.toolbar.mobile[data-v-c7492e99]{padding:10px 14px;flex-wrap:nowrap;background:none;box-shadow:none}}@media(max-width:767px){.dropdown[data-v-c7492e99],.enhance-panel[data-v-c7492e99]{left:auto;top:auto;bottom:100%;margin-top:0;margin-bottom:8px}.enhance-panel[data-v-c7492e99]{width:95%;max-width:500px}.dropdown.align-right[data-v-c7492e99]{right:auto}.toolbar-sheet[data-v-c7492e99]{position:fixed;left:0;right:0;bottom:0;height:80px;background:#1e1e1ef2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0009;transition:height .25s ease;overflow:hidden}.toolbar-sheet.open[data-v-c7492e99]{height:280px}.sheet-handle[data-v-c7492e99]{width:36px;height:4px;border-radius:999px;background:#777;margin:8px auto 10px}.toolbar.mobile[data-v-c7492e99]{padding:12px;flex-wrap:wrap;gap:10px;overflow-y:auto;max-height:calc(100% - 24px)}.tool-group[data-v-c7492e99]{border-right:none;padding-right:0}.toolbar button[data-v-c7492e99],.file-btn[data-v-c7492e99]{height:44px;padding:0 12px;font-size:13px}.toolbar-sheet:not(.open) .tool-group[data-v-c7492e99]:not(.primary){display:none}}.editor-wrapper[data-v-1fa772e9]{position:relative;width:100%;max-width:1200px;height:700px;margin:60px auto}.editor-wrapper canvas[data-v-1fa772e9]{touch-action:none;width:100%;height:100%;background:#fff;border-radius:16px;box-shadow:0 30px 80px #0009}.editor-wrapper input[type=text][data-v-1fa772e9]{position:absolute;padding:2px 4px;border-radius:4px;border:1px dashed rgba(0,0,0,.4);background:#fff9;color:#000}@media(max-width:767px){.editor-wrapper[data-v-1fa772e9]{padding-bottom:90px;margin:20px auto}}
