:root{--hal-green:#ff006e;--hal-green-dark:#d9005f;--hal-navy:#0f172a;--hal-slate:#64748b;--hal-border:#e2e8f0;--hal-bg:#f8fafc;--hal-white:#fff;--hal-radius:12px;--hal-radius-sm:8px;--hal-shadow:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--hal-shadow-lg:0 10px 40px #0f172a1f}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--hal-bg);color:var(--hal-navy);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.hal-topbar{background:var(--hal-white);border-bottom:1px solid var(--hal-border);z-index:100;height:64px;position:fixed;top:0;left:0;right:0}.hal-topbar-inner{justify-content:space-between;align-items:center;width:85%;height:100%;margin:0 auto;padding:0;display:flex}.hal-brand{align-items:center;gap:12px;display:flex}.hal-brand-dot{background:var(--hal-green);border-radius:50%;width:10px;height:10px;animation:2s infinite hal-pulse;box-shadow:0 0 0 4px #ff006e33}@keyframes hal-pulse{0%,to{box-shadow:0 0 0 4px #ff006e33}50%{box-shadow:0 0 0 8px #ff006e1a}}.hal-brand-title{letter-spacing:-.5px;font-size:20px;font-weight:700}.hal-brand-accent{color:var(--hal-green-dark)}.hal-topbar-actions{gap:10px;display:flex}.hal-layout{border-radius:16px;height:700px;min-height:70vh;margin:100px auto 64px;display:flex;overflow:hidden;box-shadow:0 10px 40px #0f172a14}.hal-form-panel{background:var(--hal-white);border-right:1px solid var(--hal-border);flex-direction:column;width:420px;min-width:420px;display:flex}.hal-form-scroll{flex:1;padding:20px 20px 40px;overflow-y:auto}.hal-preview-panel{background:#eef1f5;flex-direction:column;flex:1;display:flex;overflow:hidden}.hal-preview-sticky{flex-direction:column;height:100%;display:flex}.hal-preview-bar{background:var(--hal-white);border-bottom:1px solid var(--hal-border);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.hal-preview-label{color:var(--hal-slate);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.hal-preview-actions{gap:8px;display:flex}.hal-preview-scroll{flex:1;justify-content:center;display:flex;overflow-y:auto}.hal-btn{border-radius:var(--hal-radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.hal-btn:disabled{opacity:.5;cursor:not-allowed}.hal-btn-primary{background:var(--hal-navy);color:var(--hal-white)}.hal-btn-primary:not(:disabled):hover{box-shadow:var(--hal-shadow-lg);background:#1e293b;transform:translateY(-1px)}.hal-btn-full{justify-content:center;width:100%}.hal-accordion{border:1px solid var(--hal-border);border-radius:var(--hal-radius);background:var(--hal-white);margin-bottom:12px;overflow:hidden}.hal-accordion-header{background:var(--hal-white);cursor:pointer;text-align:left;border:none;align-items:center;gap:12px;width:100%;padding:16px 18px;font-family:inherit;transition:background .2s;display:flex}.hal-accordion-header:hover{background:#f8fafc}.hal-accordion-num{color:var(--hal-green-dark);text-align:center;background:#ff006e1f;border-radius:6px;min-width:28px;padding:4px 8px;font-size:11px;font-weight:800}.hal-accordion-title{color:var(--hal-navy);flex:1;font-size:14px;font-weight:700}.hal-accordion-icon{color:var(--hal-slate);transition:transform .3s;display:flex}.hal-accordion-open .hal-accordion-icon{color:var(--hal-green-dark);transform:rotate(45deg)}.hal-accordion-body{max-height:0;padding:0 18px;transition:max-height .35s,padding .35s;overflow:hidden}.hal-accordion-open .hal-accordion-body{max-height:3000px;padding:0 18px 18px}.hal-field-group{margin-bottom:14px}.hal-field-group:last-child{margin-bottom:0}.hal-label{color:var(--hal-slate);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.hal-file-wrap{border:2px dashed var(--hal-border);border-radius:var(--hal-radius-sm);text-align:center;cursor:pointer;background:var(--hal-bg);padding:24px;transition:border-color .2s;position:relative}.hal-file-wrap:hover,.hal-file-wrap.dragover{border-color:var(--hal-green);background:#ff006e0d}.hal-file{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.hal-file-text{color:var(--hal-navy);font-size:13px;font-weight:600}.hal-template-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hal-template-card{cursor:pointer;text-align:center}.hal-template-card input{display:none}.hal-template-thumb{border-radius:var(--hal-radius-sm);border:2px solid var(--hal-border);background:var(--hal-bg);flex-direction:column;gap:4px;height:70px;margin-bottom:6px;padding:8px;transition:border-color .2s,box-shadow .2s;display:flex}.hal-template-card input:checked+.hal-template-thumb{border-color:var(--hal-green);box-shadow:0 0 0 3px #ff006e26}.hidden{display:none!important}.refiner-badge{letter-spacing:.5px;text-transform:uppercase;z-index:20;pointer-events:none;backdrop-filter:blur(8px);border-radius:6px;padding:5px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;box-shadow:0 4px 12px #00000040}.badge-after{color:#fff;background:#ff006ee6;border:1px solid #ffffff4d;left:12px}.badge-before{color:#fff;background:#0f172ad9;border:1px solid #fff3;right:12px}.refiner-tab{color:var(--hal-slate);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.refiner-tab:hover{color:var(--hal-navy)}.refiner-tab.active{background:var(--hal-green,#ff006e)!important;color:#fff!important;box-shadow:0 2px 8px #ff006e59!important}@keyframes spin{to{transform:rotate(360deg)}}