@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";
:root,[data-theme=quartz]{--bg:#070a12;--bg2:#101426;--panel:#111628d1;--panel-solid:#111628;--ink:#f5f7ff;--muted:#909ab5;--line:#b3beff29;--brand:#9b8cff;--brand2:#53e5ff;--glow:#7e68ff47;--danger:#ff668a;--paper:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=aurora]{--bg:#04110f;--bg2:#08211d;--panel:#08211dd6;--panel-solid:#0a2621;--ink:#edfff9;--muted:#8eb9ae;--line:#6cffd42b;--brand:#39f5bb;--brand2:#70a5ff;--glow:#39f5bb3d;--danger:#ff758f;--paper:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f3f4fa;--bg2:#e9e9f4;--panel:#ffffffe0;--panel-solid:#fff;--ink:#141727;--muted:#697089;--line:#262b4921;--brand:#6c55f7;--brand2:#008eb8;--glow:#6c55f72b;--danger:#c92954;--paper:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% -5%,var(--glow),transparent 32rem),radial-gradient(circle at 100% 20%,color-mix(in srgb,var(--brand2) 12%,transparent),transparent 28rem),var(--bg);margin:0;font-family:Inter,system-ui,sans-serif;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.nav{z-index:30;background:color-mix(in srgb,var(--panel-solid) 78%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.5px;background:linear-gradient(100deg,var(--brand),var(--brand2));color:#0000;-webkit-background-clip:text;background-clip:text;font:700 22px Space Grotesk}.navlinks,.row{align-items:center;gap:11px;display:flex}.navlinks>a:not(.btn){color:var(--muted);font-weight:600;transition:all .2s}.navlinks>a:not(.btn):hover{color:var(--ink)}.container{width:min(1220px,100%);margin:auto;padding:42px 24px}.hero{text-align:center;padding:100px 0}.hero>span{letter-spacing:.22em;font:600 12px Space Grotesk}.hero h1{letter-spacing:-.055em;max-width:920px;margin:18px auto 25px;font:700 clamp(44px,7vw,84px)/.98 Space Grotesk}.hero p{color:var(--muted);max-width:680px;margin:0 auto 34px;font-size:19px;line-height:1.7}.btn{appearance:none;border:1px solid var(--line);cursor:pointer;background:linear-gradient(145deg,color-mix(in srgb,var(--panel-solid) 90%,white 4%),var(--panel-solid));min-height:42px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:650;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 6px 18px #00000014}.btn:hover{border-color:color-mix(in srgb,var(--brand) 65%,var(--line));box-shadow:0 0 22px var(--glow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary{color:#fff;background:linear-gradient(115deg,var(--brand),color-mix(in srgb,var(--brand2) 75%,var(--brand)));box-shadow:0 8px 28px var(--glow);border-color:#0000}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.theme-switch{min-width:105px}.grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px;display:grid}.card,.panel,.formpane{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card{border-radius:18px;padding:20px;transition:border-color .2s,transform .2s;box-shadow:0 18px 60px #0000001f}.card:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.card h3{margin:6px 0;font-family:Space Grotesk}.muted{color:var(--muted)}.input{border:1px solid var(--line);background:color-mix(in srgb,var(--panel-solid) 90%,transparent);width:100%;min-height:43px;color:var(--ink);border-radius:11px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}input[type=file].input{color:var(--muted);padding:6px}input[type=file]::file-selector-button{background:linear-gradient(110deg,var(--brand),var(--brand2));color:#fff;cursor:pointer;border:0;border-radius:8px;margin-right:12px;padding:9px 13px;font-weight:700}input[type=color]{border:1px solid var(--line);background:var(--panel-solid);border-radius:10px;width:46px;height:42px;padding:4px}.stack{flex-direction:column;gap:14px;display:flex}h1,h2{letter-spacing:-.025em;font-family:Space Grotesk}h2{margin-top:28px}.editor{grid-template-columns:280px minmax(0,1fr) 300px;height:calc(100vh - 72px);display:grid}.panel{border-radius:0;padding:18px;overflow:auto}.panel:first-child{border-width:0 1px 0 0}.panel.right{border-width:0 0 0 1px}.canvasWrap{background:linear-gradient(135deg,color-mix(in srgb,var(--bg2) 80%,transparent),var(--bg));justify-content:center;padding:30px;display:flex;overflow:auto}.paper{background:var(--paper);background-repeat:no-repeat;background-size:100% 100%;width:595px;height:842px;position:relative;box-shadow:0 24px 70px #00000073,0 0 0 1px #ffffff14}.fieldBox{border:2px solid var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);cursor:move;box-shadow:0 0 14px color-mix(in srgb,var(--brand) 16%,transparent);padding:4px;font-size:12px;position:absolute;overflow:hidden}.fieldBox.active{outline:3px solid color-mix(in srgb,var(--brand2) 26%,transparent)}.split{grid-template-columns:minmax(350px,40%) 1fr;height:calc(100vh - 72px);display:grid}.preview{background:linear-gradient(135deg,var(--bg2),var(--bg));justify-content:center;padding:30px;display:flex;overflow:auto}.formpane{border-width:0 1px 0 0;padding:28px;overflow:auto}.toast{color:#72f7a6;background:#22c55e29;border-radius:10px;padding:11px}.pdf-loader{border:3px solid #ddd;border-top-color:var(--brand);border-radius:50%;width:34px;height:34px;margin:-17px;animation:.65s linear infinite spin;position:absolute;top:50%;left:50%}.pdf-state{color:#555;place-items:center;display:grid;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.editor{grid-template-columns:230px 1fr}.editor .panel.right{grid-column:1/-1}.split{grid-template-columns:1fr;height:auto}.preview{min-height:680px}.navlinks>a:not(.btn){display:none}}@media (max-width:620px){.editor{height:auto;display:block}.panel{border:0!important}.canvasWrap{min-height:600px;padding:16px}.nav{height:64px}.theme-switch span:last-child{display:none}.theme-switch{min-width:44px}.container{padding:26px 16px}.row{flex-wrap:wrap}}
.card>.row{flex-wrap:wrap;width:100%}.card>.row .btn{white-space:nowrap;flex:105px;min-width:0;padding-inline:12px}@media (max-width:380px){.card>.row .btn{flex-basis:100%}}