.tool-page[data-astro-cid-pkp26dbh]{padding:2rem 0 4rem}.container[data-astro-cid-pkp26dbh]{max-width:1400px;margin:0 auto;padding:0 2rem}.tool-header[data-astro-cid-pkp26dbh]{margin-bottom:2rem}.back-link[data-astro-cid-pkp26dbh]{display:inline-flex;align-items:center;color:var(--color-text-secondary);text-decoration:none;margin-bottom:1rem;transition:color .3s}.back-link[data-astro-cid-pkp26dbh]:hover{color:var(--color-primary)}.tool-title[data-astro-cid-pkp26dbh]{font-size:var(--text-4xl);font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.tool-description[data-astro-cid-pkp26dbh]{font-size:var(--text-lg);color:var(--color-text-secondary)}.editor-layout[data-astro-cid-pkp26dbh]{display:grid;grid-template-columns:280px 1fr;gap:2rem}.settings-panel[data-astro-cid-pkp26dbh]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;height:fit-content;position:sticky;top:2rem}.setting-group[data-astro-cid-pkp26dbh]{margin-bottom:1.5rem}.setting-group[data-astro-cid-pkp26dbh]:last-child{margin-bottom:0}.setting-group[data-astro-cid-pkp26dbh] label[data-astro-cid-pkp26dbh]{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:.5rem}.setting-select[data-astro-cid-pkp26dbh],.setting-input[data-astro-cid-pkp26dbh]{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm)}.setting-select[data-astro-cid-pkp26dbh]:focus,.setting-input[data-astro-cid-pkp26dbh]:focus{outline:none;border-color:var(--color-primary)}.setting-slider[data-astro-cid-pkp26dbh]{width:100%;cursor:pointer}.color-input[data-astro-cid-pkp26dbh]{width:100%;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-bg)}.color-input[data-astro-cid-pkp26dbh]::-webkit-color-swatch-wrapper{padding:2px}.color-input[data-astro-cid-pkp26dbh]::-webkit-color-swatch{border:none;border-radius:4px}.checkbox-label[data-astro-cid-pkp26dbh]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--text-sm)}.checkbox-label[data-astro-cid-pkp26dbh] input[data-astro-cid-pkp26dbh][type=checkbox]{cursor:pointer}.divider[data-astro-cid-pkp26dbh]{height:1px;background:var(--color-border);margin:1.5rem 0}.export-label[data-astro-cid-pkp26dbh]{font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:1rem}.download-btn[data-astro-cid-pkp26dbh]{width:100%;padding:.75rem;background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s;margin-top:.5rem}.download-btn[data-astro-cid-pkp26dbh]:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.download-btn[data-astro-cid-pkp26dbh]:active{transform:translateY(0)}.preview-main[data-astro-cid-pkp26dbh]{min-height:600px}.preview-container[data-astro-cid-pkp26dbh]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);padding:4rem;display:flex;justify-content:center;align-items:center;min-height:600px}.window-frame[data-astro-cid-pkp26dbh]{background:#282a36;border-radius:10px;overflow:hidden;width:100%;max-width:800px;border:none;outline:none}.window-header[data-astro-cid-pkp26dbh]{background:#21222c;padding:0 16px;display:flex;align-items:center;gap:12px;height:44px;box-sizing:border-box}.window-dots[data-astro-cid-pkp26dbh]{display:flex;align-items:center;gap:8px;height:44px}.dot[data-astro-cid-pkp26dbh]{width:12px;height:12px;border-radius:50%;flex-shrink:0}.dot-red[data-astro-cid-pkp26dbh]{background:#ff5f56}.dot-yellow[data-astro-cid-pkp26dbh]{background:#ffbd2e}.dot-green[data-astro-cid-pkp26dbh]{background:#27c93f}.window-filename[data-astro-cid-pkp26dbh]{color:#f8f8f2;font-size:13px;opacity:.7;line-height:44px;height:44px}.code-editor-wrapper[data-astro-cid-pkp26dbh]{position:relative;min-height:200px;border:none!important;outline:none!important;box-shadow:none!important}.code-editor[data-astro-cid-pkp26dbh]{position:absolute;top:0;left:0;width:100%;height:100%;padding:32px;border:none!important;background:transparent!important;color:transparent;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:14px;line-height:1.8;resize:none;outline:none!important;box-shadow:none!important;white-space:pre-wrap;word-wrap:break-word;tab-size:2;z-index:2;caret-color:#f8f8f2;-webkit-text-fill-color:transparent}.code-editor[data-astro-cid-pkp26dbh]::placeholder{color:#6272a4;-webkit-text-fill-color:#6272a4}.code-editor[data-astro-cid-pkp26dbh]::selection{background:#6472a44d}.code-highlight[data-astro-cid-pkp26dbh]{position:absolute;top:0;left:0;width:100%;height:auto;min-height:100%;padding:32px;margin:0;border:none!important;outline:none!important;box-shadow:none!important;background:transparent;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:14px;line-height:1.8;pointer-events:none;white-space:pre-wrap;word-wrap:break-word;tab-size:2;overflow-wrap:break-word;z-index:1}.code-highlight[data-astro-cid-pkp26dbh] code[data-astro-cid-pkp26dbh]{font-family:inherit;white-space:pre-wrap;word-wrap:break-word;color:#f8f8f2}.hljs{color:#d4d4d4}.hljs-comment,.hljs-quote{color:#6a9955}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-name,.hljs-tag{color:#569cd6}.hljs-variable,.hljs-template-variable,.hljs-params,.hljs-attr,.hljs-attribute{color:#9cdcfe}.hljs-number{color:#b5cea8}.hljs-built_in,.hljs-type{color:#4ec9b0}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#ce9178}.hljs-title,.hljs-function,.hljs-section{color:#dcdcaa}.hljs-selector-id,.hljs-selector-class{color:#d7ba7d}.hljs-regexp,.hljs-deletion,.hljs-meta,.hljs-link{color:#d16969}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media(max-width:1024px){.editor-layout[data-astro-cid-pkp26dbh]{grid-template-columns:1fr}.settings-panel[data-astro-cid-pkp26dbh]{position:static}.export-buttons[data-astro-cid-pkp26dbh]{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.preview-container[data-astro-cid-pkp26dbh]{padding:2rem 1rem}.export-buttons[data-astro-cid-pkp26dbh]{grid-template-columns:1fr 1fr}}