@font-face{font-family:InterVar;src:local("Arial")}:root{--bg:#201225;--panel:#241726;--accent:#6f31ff;--muted:#c9b8e7;--stroke:rgba(111,49,255,.8)}#__next,body,html{height:100%}body{margin:0;background:linear-gradient(180deg,#1f1522,#190f16);font-family:InterVar,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:1%!important;margin-top:0!important}.container{width:92%;max-width:1200px;display:flex;align-items:stretch;gap:36px}.box{background:hsla(0,0%,100%,.02);border-radius:22px;padding:22px;border:3px solid transparent;height:auto;box-sizing:border-box;width:50%;position:relative;display:flex;flex-direction:column;justify-content:space-between}.box.left{border-image:none;box-shadow:inset 0 0 0 1px rgba(111,49,255,.03)}.box.left,.box.right{border-color:rgba(111,49,255,.6)}.box.right{box-shadow:inset 0 0 0 1px rgba(111,49,255,.02)}.drop-instructions{display:flex;gap:12px;align-items:center;justify-content:center;flex-direction:column;padding:8px 12px}.ghost-btn{background:transparent;border:2px solid rgba(111,49,255,.6);color:#fff;padding:10px 18px;border-radius:999px;cursor:pointer;font-weight:700}.muted{color:#d8c7f0;font-weight:600;opacity:.9}.editor{flex:1 1 auto;width:100%;margin-top:12px;margin-bottom:12px;background:transparent;border:none;color:#efebff;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:13px;line-height:1.4;padding:12px;outline:none;border-radius:12px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.02)}.arrow{font-size:44px;color:rgba(150,120,255,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:64px;align-content:space-around}.preview{flex:1 1 auto;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:12px;min-height:340px;overflow:hidden;cursor:pointer}.placeholder{color:hsla(0,0%,100%,.85);font-weight:700;font-size:20px}.svg-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.svg-wrap svg{max-width:100%;max-height:100%;height:auto}.download{margin-top:14px;background:linear-gradient(90deg,#6f31ff,#8e4bff);color:#fff;border:none;padding:16px;width:84%;margin-left:8%;border-radius:14px;font-size:18px;font-weight:700;cursor:pointer}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.status{color:#cdb3ff;font-weight:600}.err{color:#ff8d8d;font-weight:700}.drag-over{box-shadow:0 8px 30px rgba(111,49,255,.18);border-color:rgba(111,49,255,.95);transform:translateY(-4px)}@media (max-width:900px){.container{flex-direction:column;gap:18px;padding:12px}.box{width:100%;min-height:320px}.arrow{display:none}.download{width:92%;margin-left:4%}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.06);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6f31ff,#9a57ff);border-radius:10px;border:2px solid hsla(0,0%,100%,.1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8550ff,#b47aff)}*{scrollbar-width:thin;scrollbar-color:#8e4bff hsla(0,0%,100%,.08)}