[data-v-1057d960]{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app[data-v-1057d960]{max-width:1400px;width:100%;background:#fff;border-radius:28px;box-shadow:0 20px 40px -12px #00142833;padding:24px 28px 30px}h1[data-v-1057d960]{font-size:1.7rem;font-weight:600;color:#0a1e33;margin:0 0 4px;display:flex;align-items:center;gap:10px}.sub[data-v-1057d960]{color:#3d5a79;font-size:.9rem;margin-bottom:18px;border-left:4px solid #1f6de0;padding-left:14px;background:#f0f6ff;border-radius:0 12px 12px 0;line-height:1.5}.toolbar[data-v-1057d960]{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:16px;align-items:center;padding:8px 0;border-bottom:1px solid #e6edf6}.toolbar label[data-v-1057d960]{font-size:.85rem;font-weight:500;color:#1a334f;display:flex;align-items:center;gap:6px}.toolbar input[data-v-1057d960],.toolbar select[data-v-1057d960]{padding:5px 10px;border-radius:8px;border:1px solid #d0dbe8;background:#fafdff;font-size:.85rem}.toolbar button[data-v-1057d960]{padding:6px 16px;border-radius:30px;background:#e9f0fa;font-weight:550;font-size:.85rem;color:#0f2940;cursor:pointer;transition:.15s;border:1px solid transparent}.toolbar button[data-v-1057d960]:hover{background:#dce5f2}.toolbar .primary[data-v-1057d960]{background:#1a5bbf;color:#fff}.toolbar .primary[data-v-1057d960]:hover{background:#1348a0}.main-layout[data-v-1057d960]{display:flex;gap:20px;min-height:520px}.editor-panel[data-v-1057d960]{flex:0 0 48%;display:flex;flex-direction:column}.editor-panel textarea[data-v-1057d960]{flex:1;min-height:460px;padding:14px 16px;font-family:Fira Code,JetBrains Mono,Cascadia Code,monospace;font-size:13px;line-height:1.7;border:1px solid #d2ddee;border-radius:16px;background:#fafdff;resize:vertical;color:#142b44;box-shadow:inset 0 2px 6px #00000005}.editor-panel textarea[data-v-1057d960]:focus{border-color:#1f6de0;outline:none;box-shadow:0 0 0 4px #1f6de01a}.preview-panel[data-v-1057d960]{flex:1;display:flex;flex-direction:column}.preview-stage[data-v-1057d960]{flex:1;background:#f8fbff;border-radius:16px;border:1px solid #e3ebf6;padding:20px;min-height:460px;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}.preview-stage canvas[data-v-1057d960]{display:block;border-radius:6px;box-shadow:0 4px 16px #0000000f;background:#fff;image-rendering:pixelated;max-width:100%;max-height:100%}.info-bar[data-v-1057d960]{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:14px;padding:8px 18px;background:#eef4fe;border-radius:30px;font-size:.85rem;color:#1a334f}.info-bar span[data-v-1057d960]{display:flex;align-items:center;gap:5px}.info-bar strong[data-v-1057d960]{font-weight:600}@media(max-width:900px){.main-layout[data-v-1057d960]{flex-direction:column}.editor-panel[data-v-1057d960]{flex:unset}.editor-panel textarea[data-v-1057d960]{min-height:200px}.preview-stage[data-v-1057d960]{min-height:300px}}@media(max-width:600px){.app[data-v-1057d960]{padding:14px}.toolbar[data-v-1057d960]{gap:6px}}