:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fafaf9;color:#18181b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.builder{min-height:100vh;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:linear-gradient(180deg,#fafaf9eb,#fafaf9),repeating-linear-gradient(90deg,#e4e4e7 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,#e4e4e7 0 1px,transparent 1px 72px)}.workspace{width:min(1180px,100%);min-height:calc(100vh - 48px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:center}.preview-panel{min-width:0}.preview-meta{display:flex;justify-content:space-between;margin-bottom:10px;color:#71717a;font-size:.9rem}.preview{width:100%;max-height:72vh;border:1px solid #d4d4d8;border-radius:8px;display:grid;place-items:center;overflow:hidden;box-shadow:0 24px 70px #18181b24}.preview span{padding:24px;font-size:clamp(2rem,8vw,6rem);font-weight:800;line-height:1;text-align:center;word-break:break-word}.controls{background:#ffffffe6;border:1px solid #e4e4e7;border-radius:8px;padding:22px;display:grid;gap:16px;box-shadow:0 18px 50px #18181b14}.brand-row{display:flex;align-items:center;gap:10px}.brand-row h1{margin:0;font-size:1.1rem;line-height:1.2}.preset-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-row button,.primary,.icon-button{min-height:44px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#18181b;cursor:pointer}.preset-row button:hover,.icon-button:hover{border-color:#6366f1}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px;color:#3f3f46;font-size:.9rem}.field input,.field select,.result input{width:100%;min-height:44px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#18181b;padding:0 12px}.field small,.error{color:#dc2626}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#18181b;color:#fafaf9;border-color:#18181b;font-weight:700}.primary:disabled{opacity:.7;cursor:progress}.spin{animation:spin .8s linear infinite}.result{display:grid;grid-template-columns:1fr 44px;gap:8px}.icon-button{display:inline-grid;place-items:center}.answer-section{width:min(980px,100%);margin:56px auto 0;display:grid;gap:26px}.answer-copy{display:grid;gap:14px}.kicker{margin:0;color:#6366f1;font-size:.9rem;font-weight:800;text-transform:uppercase}.answer-copy h2{margin:0;color:#18181b;font-size:clamp(1.8rem,4vw,3rem);line-height:1.05}.answer-copy p,.faq-grid p{margin:0;color:#3f3f46;line-height:1.65}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-grid article{border:1px solid #e4e4e7;border-radius:8px;background:#ffffffb8;padding:18px}.faq-grid h3{margin:0 0 8px;color:#18181b;font-size:1rem;line-height:1.3}.site-footer{width:min(980px,100%);margin:32px auto 0;color:#71717a;font-size:.95rem}.site-footer a{color:#18181b;font-weight:700;text-decoration-thickness:2px;text-underline-offset:4px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.builder{padding:16px}.workspace{min-height:auto;grid-template-columns:1fr;align-items:start}.controls{order:-1}.answer-section{margin-top:34px}}@media(max-width:480px){.field-grid,.preset-row{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr}}