@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#14121a;background-color:#f8f4ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,#fff6e8,transparent 60%),radial-gradient(circle at 30% 10%,#d8f1ff,transparent 55%),radial-gradient(circle at 80% 20%,#ffe9f2,transparent 40%),#f8f4ef}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}#root{min-height:100vh}.app{min-height:100vh;padding:1.5rem clamp(1.5rem,4vw,4rem) 2.5rem;display:flex;flex-direction:column;gap:1.4rem;height:100vh}.workspace{display:grid;grid-template-columns:minmax(280px,380px) minmax(320px,1fr);gap:2rem;flex:1;min-height:0}.panel{background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:24px;padding:2rem;box-shadow:0 24px 60px #20140a1f;display:flex;flex-direction:column;gap:1.4rem;height:100%;overflow-x:hidden;overflow-y:auto}.panel-header h2{margin:0;font-size:1.3rem}.panel-header p{margin:.4rem 0 0;color:#4a4154}.field{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#2d2433}.field span{font-weight:600}.field textarea,.field input,.field select{border-radius:14px;border:1px solid #e3d8cf;padding:.65rem .85rem;background:#fffaf5;color:#1c1521;font-size:.95rem}.field input[type=file]{padding:.45rem .85rem}.helper{font-size:.8rem;color:#6b5b6e}.field textarea{resize:vertical}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.range-wrap{display:grid;grid-template-columns:1fr 80px 40px;gap:.7rem;align-items:center}.range-wrap input[type=range]{accent-color:#ff9066}.unit{font-size:.85rem;color:#6b5b6e;text-transform:uppercase;letter-spacing:.08em;text-align:left}.panel-footer{display:flex;flex-direction:column;gap:.8rem}button{border-radius:999px;border:1px solid transparent;padding:.75rem 1.2rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #3416082e}.primary{background:#ff9066;color:#1f130c}.ghost{background:transparent;border:1px solid #ff9066;color:#6a2a13}.error{margin:0;color:#a11f32;font-size:.85rem}.viewer{background:#14121af0;border-radius:28px;padding:1.8rem;color:#f6f1ea;display:flex;flex-direction:column;gap:1.5rem;height:100%;min-height:0;position:relative;overflow:hidden}.viewer:before{content:"";position:absolute;inset:-40% 20% auto -30%;height:80%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 65%);opacity:.9;pointer-events:none}.viewer-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:1}.viewer-header h2{margin:0;font-size:1.3rem}.viewer-header p{margin:.4rem 0 0;color:#f6f1eab3}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#f6f1eabf;z-index:1}.toolbar-actions{display:flex;align-items:center;gap:.6rem}.pill-group{display:inline-flex;gap:.2rem;padding:.2rem;border-radius:999px;background:#ffffff14}.toggle{display:inline-flex;padding:.2rem;border-radius:999px;background:#ffffff14;gap:.2rem}.pill-group button,.toggle button{padding:.35rem .85rem;border-radius:999px;border:none;background:transparent;color:inherit;font-size:.8rem;box-shadow:none;transform:none}.pill-group button.active,.toggle button.active{background:#fff3;color:#fff}.switch{display:inline-flex;align-items:center;gap:.6rem}.switch-track{width:54px;height:30px;border-radius:999px;border:1px solid #d8c9bc;background:#fff3e6;padding:0;display:flex;align-items:center;justify-content:flex-start;transition:background .2s ease,border-color .2s ease}.switch-track.on{background:#ffb673;border-color:#ff9a4d}.switch-thumb{width:24px;height:24px;border-radius:50%;background:#2c1d14;margin-left:3px;transition:transform .2s ease}.switch-track.on .switch-thumb{transform:translate(22px)}.switch-label{font-size:.85rem;color:#2d2433}.qr-preview{width:86px;height:86px;border-radius:16px;background:#f6f1ea;padding:.35rem;display:grid;place-items:center}.qr-preview img{width:100%;height:100%;object-fit:contain}.viewer-canvas{flex:1;border-radius:22px;background:linear-gradient(160deg,#c7c9cd,#e2e3e6);box-shadow:inset 0 0 30px #0006;position:relative;overflow:hidden;z-index:1}.viewer-canvas.dark{background:linear-gradient(160deg,#1f2024,#2f3139)}.viewer-canvas.light{background:linear-gradient(160deg,#c7c9cd,#e2e3e6)}.viewer-footer{font-size:.9rem;color:#f6f1eab3;z-index:1}@media(max-width:980px){.workspace{grid-template-columns:1fr}.viewer-toolbar{flex-direction:column;align-items:flex-start;gap:.75rem}.toolbar-actions{flex-wrap:wrap;row-gap:.4rem}}@media(max-width:640px){.app{padding:2.5rem 1.5rem 3rem}.hero-card{padding:1.2rem 1.4rem}.panel{padding:1.5rem}}