:root{--orange: #F96714;--navy: #1A2B5E;--gray: #6B7280;--light: #F4F7FA;--border: #E5E7EB;--link: #2563EB;--green: #16A34A}*{box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#F0F4F8;color:#111827;margin:0}.page{padding:40px 20px 80px;min-height:100vh}.page-header{max-width:980px;margin:0 auto 32px;display:flex;align-items:center;gap:18px}.page-header .logo-mark{width:56px;height:56px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #f967142e,0 1px 3px #0000000f;border:1px solid var(--border)}.page-header .logo-mark img{width:24px;height:auto;display:block}.page-header h1{font-size:26px;font-weight:700;color:var(--navy);line-height:1.2;margin:0}.page-header p{font-size:14px;color:var(--gray);margin:4px 0 0}.layout{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 1px 4px #0000000f,0 4px 20px #0000000a;border:1px solid var(--border)}.card-title{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);margin:0 0 18px;display:flex;align-items:center;gap:8px}.card-title .dot,.preview-label .dot{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block}.card-subtitle{font-size:13px;color:var(--gray);margin:-8px 0 16px;line-height:1.5}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--navy);margin-bottom:6px}.form-group label .req{color:var(--orange)}.form-group label .muted{color:var(--gray);font-weight:400}input,select{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:8px;font:inherit;font-size:14px;color:#111;background:#FAFAFA;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f967141f;background:#fff}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.badge-group{display:flex;flex-direction:column;gap:10px}.badge-check{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;font-size:13px;color:var(--navy);transition:border-color .15s,background .15s}.badge-check:hover,.badge-check.checked{border-color:var(--orange);background:#FFF7F3}.badge-check input{width:16px;height:16px;accent-color:var(--orange);flex-shrink:0;cursor:pointer}.badge-check strong{display:block;font-size:13px;font-weight:600}.badge-check .badge-sub{display:block;font-size:12px;color:var(--gray);font-weight:400}.btn-row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.btn-help{margin-top:12px;font-size:12px;color:var(--gray);line-height:1.5}.btn-help strong{color:var(--navy)}.btn-help em{font-style:normal;font-weight:600;color:var(--navy)}.btn{padding:11px 20px;border-radius:9px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:7px;transition:transform .12s,box-shadow .12s,background .12s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 2px 8px #f9671459}.btn-primary:hover{box-shadow:0 4px 16px #f9671473}.btn-secondary{background:var(--navy);color:#fff;box-shadow:0 2px 8px #1a2b5e40}.btn-secondary:hover{box-shadow:0 4px 14px #1a2b5e59}.btn-ghost{background:transparent;color:var(--navy);border:1.5px solid var(--border)}.btn-ghost:hover{border-color:var(--navy)}.preview-card{grid-column:1 / -1}.preview-label{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.preview-label>span:first-child{display:inline-flex;align-items:center;gap:8px}.live-badge{font-size:11px;background:#DCFCE7;color:var(--green);padding:3px 10px;border-radius:99px;font-weight:600;letter-spacing:0;text-transform:none}.preview-wrapper{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:28px;min-height:140px}.preview-placeholder{color:#9ca3af;font-size:13px;font-style:italic;margin:0}.instructions{margin-top:18px;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:10px;padding:16px 18px;font-size:13px;color:#1e40af;line-height:1.6}.instructions strong{display:block;font-size:13px;margin-bottom:6px;color:#1e3a8a}.instructions p{margin:0 0 4px}.instructions-tip{margin-top:8px!important;font-style:italic}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#111;color:#fff;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;z-index:99;box-shadow:0 8px 24px #00000040;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 720px){.layout,.row-2{grid-template-columns:1fr}.preview-card{grid-column:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}#root{min-height:100vh}