:root{--cream:#fbf2e1;--ink:#0d0c0c;--blue:#007cf8;--yellow:#feb524;--orange:#fa6a1e;--muted:#6f6a60;--line:#e7ddc8;--sans:"Lato", system-ui, "Segoe UI", Roboto, sans-serif;--display:"Fredoka", system-ui, sans-serif;font:16px/1.5 var(--sans);color:var(--ink);background:var(--cream);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{overflow-x:hidden}body{background:radial-gradient(circle at 12% -10%, #007cf81a, transparent 45%), radial-gradient(circle at 100% 0%, #feb52429, transparent 40%), var(--cream);min-height:100svh;margin:0}h1,h2{font-family:var(--display);color:var(--ink);margin:0}.page{max-width:1120px;margin:0 auto;padding:32px 24px 64px}.topbar{align-items:center;gap:18px;margin-bottom:28px;display:flex}.topbar__mascot{flex:none;width:64px;height:64px}.topbar h1{letter-spacing:-.01em;font-size:34px;font-weight:700}.topbar p{color:var(--muted);margin:2px 0 0;font-size:15px}.layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:24px;display:grid}@media (width<=880px){.layout{grid-template-columns:minmax(0,1fr)}}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:0;padding:24px;box-shadow:0 10px 30px -18px #0d0c0c66}.panel h2{margin-bottom:18px;font-size:20px;font-weight:600}.field{margin-bottom:16px;display:block}.field__label{color:var(--ink);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.field__input{width:100%;font:inherit;border:1.5px solid var(--line);color:var(--ink);background:#fffdf8;border-radius:10px;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field__input::placeholder{color:#b6ad9b}.field__input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #007cf829}.field__hint{color:var(--muted);margin-top:6px;font-size:12px;display:block}.company{background:var(--cream);border:1px dashed #e2d3b0;border-radius:12px;margin-top:22px;padding:16px}.company__title{text-transform:uppercase;letter-spacing:.06em;color:var(--orange);margin-bottom:10px;font-size:12px;font-weight:700;display:block}.company__grid{grid-template-columns:80px 1fr;gap:6px 12px;font-size:13.5px;display:grid}.company__grid>span:nth-child(odd){color:var(--muted);font-weight:700}.preview__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.preview__head h2{margin:0}.copy{font:inherit;font-family:var(--display);color:#fff;background:var(--blue);cursor:pointer;border:none;border-radius:10px;padding:11px 20px;font-size:15px;font-weight:600;transition:transform .1s,background .15s;box-shadow:0 6px 16px -6px #007cf8cc}.copy:hover:not(:disabled){background:#0a6fd6}.copy:active:not(:disabled){transform:translateY(1px)}.copy:disabled{opacity:.5;cursor:default;box-shadow:none}.canvas{border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(45deg,#faf6ee 25%,#0000 25%),linear-gradient(-45deg,#faf6ee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#faf6ee 75%),linear-gradient(-45deg,#0000 75%,#faf6ee 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat;background-size:18px 18px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:12px;padding:24px;overflow-x:auto}.canvas__loading{color:var(--muted);font-size:14px}.howto{color:var(--muted);margin:22px 0 0;padding-left:20px;font-size:13.5px;line-height:1.7}.howto strong{color:var(--ink)}.howto kbd{font-family:var(--sans);background:var(--cream);border:1px solid #e2d3b0;border-radius:5px;padding:1px 6px;font-size:12px}@media (width<=600px){.page{padding:20px 14px 48px}.topbar{gap:12px;margin-bottom:20px}.topbar__mascot{width:48px;height:48px}.topbar h1{font-size:26px}.topbar p{font-size:14px}.panel{border-radius:14px;padding:18px 16px}.layout{gap:18px}.preview__head .copy{flex:auto}.canvas{padding:14px}}