@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--rab-primary:#5b5ce2;--rab-primary-dark:#4547b9;--rab-primary-light:#eef0ff;--rab-accent:#2563eb;--rab-accent-soft:#e0f2fe;--rab-success:#10b981;--rab-danger:#ef4444;--rab-bg:#f8fafc;--rab-surface:#fff;--rab-text:#0f172a;--rab-text-sec:#475569;--rab-text-muted:#94a3b8;--rab-border:#e2e8f0;--rab-radius:10px;--rab-radius-sm:7px;--rab-radius-lg:14px;--rab-shadow:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000a;--rab-shadow-lg:0 10px 20px -4px #0000001a;--rab-gradient:linear-gradient(135deg, #5b5ce2 0%, #2563eb 54%, #0891b2 100%);--rab-sidebar-w:340px;--rab-t:.18s ease}.rab-root *,.rab-root :before,.rab-root :after{box-sizing:border-box}.rab-root{color:var(--rab-text);background:linear-gradient(180deg, #fff 0%, var(--rab-bg) 100%);border-radius:var(--rab-radius-lg);-webkit-font-smoothing:antialiased;flex-direction:column;width:100%;max-width:none;min-height:min(860px,100dvh - 72px);margin:0 auto;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden;box-shadow:0 18px 45px #0f172a1f}.resona-ad-builder-app,#resona-ad-builder-root{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.rab-loading{background:var(--rab-bg);border-radius:var(--rab-radius-lg);justify-content:center;align-items:center;min-height:400px;display:flex}.rab-loading-inner{color:var(--rab-primary);flex-direction:column;align-items:center;gap:14px;font-weight:600;animation:1.6s ease-in-out infinite rabPulse;display:flex}.rab-loading-icon{background:var(--rab-primary-light);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}@keyframes rabPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.97)}}.rab-header{color:#fff;z-index:40;background:#111827;flex-shrink:0;position:sticky;top:0}.rab-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:14px 22px;display:flex}.rab-brand{align-items:center;gap:10px;display:flex}.rab-brand-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.rab-brand h1{letter-spacing:-.3px;margin:0;font-size:clamp(15px,2vw,19px);font-weight:800;color:#fff!important}.rab-brand p{opacity:.8;margin:1px 0 0;font-size:12px;color:#ffffffdb!important}.rab-steps{align-items:center;gap:6px;display:flex}.rab-step-arrow{opacity:.5;flex-shrink:0}.rab-step{opacity:.4;transition:opacity var(--rab-t);align-items:center;gap:6px;display:flex}.rab-step.active{opacity:1}.rab-step.done{opacity:.75}.rab-step-num{background:#ffffff38;border:1.5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.rab-step.done .rab-step-num{background:var(--rab-success);border-color:var(--rab-success)}.rab-step.active .rab-step-num{background:#ffffff4d;border-color:#fff}.rab-step-label{font-size:12px;font-weight:600}.rab-mobile-tabs{border-top:1px solid #fff3;display:none}.rab-mtab{color:#fff9;cursor:pointer;transition:all var(--rab-t);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.rab-mtab.active{color:#fff;background:#ffffff1f}.rab-hidden{display:none!important}.rab-layout{flex:1;min-height:0;display:flex;overflow:clip}.rab-sidebar{width:var(--rab-sidebar-w);min-width:var(--rab-sidebar-w);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--rab-border);background:#fffffff5;flex-direction:column;align-self:flex-start;gap:14px;max-height:calc(100dvh - 136px);padding:16px 14px;display:flex;position:sticky;top:72px;overflow-y:auto}.rab-sidebar::-webkit-scrollbar{width:4px}.rab-sidebar::-webkit-scrollbar-thumb{background:var(--rab-border);border-radius:4px}.rab-card{border:1px solid var(--rab-border);border-radius:var(--rab-radius);transition:box-shadow var(--rab-t);background:linear-gradient(#fff 0%,#fbfdff 100%);padding:14px}.rab-card:hover{box-shadow:var(--rab-shadow)}.rab-card-head{color:var(--rab-primary);align-items:center;gap:8px;margin-bottom:12px;display:flex}.rab-card-head h3{text-transform:uppercase;letter-spacing:.6px;color:var(--rab-text);margin:0;font-size:11.5px;font-weight:800}.rab-card-note{margin:-4px 0 12px;line-height:1.45}.rab-label{color:var(--rab-text-sec);margin-bottom:5px;font-size:11px;font-weight:600;display:block}.rab-mt8{margin-top:8px}.rab-input{border:1.5px solid var(--rab-border);border-radius:var(--rab-radius-sm);width:100%;color:var(--rab-text);background:var(--rab-bg);transition:border-color var(--rab-t), box-shadow var(--rab-t);padding:10px 12px;font-family:inherit;font-size:13px}.rab-input:focus{border-color:var(--rab-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.rab-input::placeholder{color:var(--rab-text-muted)}select.rab-input{appearance:auto}.rab-input+.rab-label,.rab-label+.rab-input+.rab-label{margin-top:12px}.rab-url-row{background:var(--rab-primary-light);border-radius:var(--rab-radius-sm);color:var(--rab-primary);border:1px solid #7c3aed1f;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;display:flex}.rab-url-row code{text-overflow:ellipsis;flex:1;font-family:SF Mono,Fira Code,monospace;font-size:10px;overflow:hidden}.rab-copy-btns{cursor:pointer;min-width:68px;height:26px;transition:all var(--rab-t);background:#fff;border:1px solid #7c3aed33;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:800;display:flex;color:var(--rab-primary)!important}.rab-copy-btns svg,.rab-icon-btn svg{stroke:currentColor;flex-shrink:0}.rab-copy-btns:hover{border-color:var(--rab-primary);color:var(--rab-primary)}.rab-green{color:var(--rab-success)}.rab-tpl-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.rab-tpl-card{background:var(--rab-surface);border:2px solid var(--rab-border);border-radius:var(--rab-radius);cursor:pointer;transition:all var(--rab-t);text-align:left;flex-direction:column;gap:4px;padding:6px;font-family:inherit;display:flex}.rab-tpl-card:hover{background:#faf5ff;border-color:#a78bfa;transform:translateY(-1px)}.rab-tpl-card.selected{border-color:var(--rab-primary);background:var(--rab-primary-light);box-shadow:0 0 0 3px #7c3aed1a}.rab-tpl-thumb{background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:100%;max-height:120px;display:flex;position:relative;overflow:hidden}.rab-tpl-thumb img,.rab-tpl-thumb video,.rab-tpl-thumb object,.rab-tpl-thumb canvas{object-fit:cover;width:100%;height:100%}.rab-muted-icon{color:var(--rab-text-muted)}.rab-tpl-check{background:var(--rab-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 6px #7c3aed66}.rab-tpl-name{color:var(--rab-text);font-size:10.5px;font-weight:700}.rab-tpl-dims{color:var(--rab-text-muted);font-size:9.5px;font-weight:500}.rab-muted{color:var(--rab-text-muted);text-align:center;margin:0;padding:10px 0;font-size:13px}.rab-error{border-radius:var(--rab-radius-sm);color:var(--rab-danger);background:#fef2f2;border:1px solid #fecaca;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.rab-error button{color:var(--rab-danger);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.rab-actions{background:var(--rab-surface);border-top:1px solid var(--rab-border);z-index:20;flex-direction:column;gap:8px;margin-top:auto;padding:12px 0 2px;display:flex;position:sticky;bottom:0}.rab-export-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rab-export-grid.single{grid-template-columns:1fr}.rab-export-status{border-radius:var(--rab-radius-sm);background:var(--rab-primary-light);color:var(--rab-primary);border:1px solid #7c3aed2e;flex-direction:column;gap:7px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.rab-export-status-row{justify-content:center;align-items:center;gap:7px;display:flex}.rab-export-status-row strong{margin-left:auto;font-size:11px}.rab-export-progress{background:#7c3aed29;border-radius:999px;height:5px;overflow:hidden}.rab-export-progress span{border-radius:inherit;background:var(--rab-gradient);height:100%;transition:width .18s;display:block}.rab-spin{animation:.85s linear infinite rab-spin}@keyframes rab-spin{to{transform:rotate(360deg)}}.rab-btn-primary{background:var(--rab-gradient);color:#fff;border-radius:var(--rab-radius);cursor:pointer;transition:transform var(--rab-t), box-shadow var(--rab-t);border:none;justify-content:center;align-items:center;gap:7px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 12px #7c3aed40}.rab-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed59}.rab-btn-primary:disabled{opacity:.5;cursor:not-allowed}.rab-btn-secondary{background:var(--rab-surface);border:1.5px solid var(--rab-border);border-radius:var(--rab-radius);color:var(--rab-text-sec);cursor:pointer;transition:all var(--rab-t);justify-content:center;align-items:center;gap:7px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.rab-btn-secondary:hover:not(:disabled){border-color:var(--rab-primary);color:var(--rab-primary)}.rab-btn-secondary:disabled{opacity:.45;cursor:not-allowed}.rab-btn-outline{border:1.5px solid var(--rab-border);border-radius:var(--rab-radius);color:var(--rab-text-sec);cursor:pointer;transition:all var(--rab-t);background:0 0;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.rab-btn-outline:hover{border-color:var(--rab-primary);color:var(--rab-primary)}.rab-btn-sm{background:var(--rab-surface);border:1.5px solid var(--rab-border);border-radius:var(--rab-radius-sm);color:var(--rab-text-sec);cursor:pointer;transition:all var(--rab-t);align-items:center;gap:3px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.rab-btn-sm:hover{border-color:var(--rab-primary);color:var(--rab-primary)}.rab-preview{background:#edf1f7;flex-direction:column;flex:1;min-width:0;min-height:min(760px,100dvh - 136px);display:flex;overflow:auto}.rab-preview-toolbar{background:var(--rab-surface);border-bottom:1px solid var(--rab-border);z-index:18;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}.rab-preview-toolbar-left{color:var(--rab-text);align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700;display:flex}.rab-preview-toolbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.rab-tool-group{border:1px solid var(--rab-border);background:#f8fafc;border-radius:9px;align-items:center;gap:4px;padding:3px;display:inline-flex}.rab-icon-btn{cursor:pointer;width:30px;height:30px;transition:background var(--rab-t), color var(--rab-t), transform var(--rab-t);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;display:inline-flex;color:var(--rab-text-sec)!important}.rab-icon-btn:hover{box-shadow:var(--rab-shadow);background:#fff;color:var(--rab-primary)!important}.rab-icon-btn:active{transform:translateY(1px)}.rab-zoom-value{text-align:center;min-width:42px;color:var(--rab-text-sec);font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.rab-badge{background:var(--rab-primary-light);color:var(--rab-primary);white-space:nowrap;text-overflow:ellipsis;border-radius:16px;max-width:200px;padding:3px 10px;font-size:10px;font-weight:700;overflow:hidden}.rab-canvas{background:radial-gradient(at 50% 35%,#ffffffd1 0%,#0000 62%),linear-gradient(135deg,#5b5ce214,#0891b214),repeating-conic-gradient(#e2e8f0 0% 25%,#edf2f7 0% 50%) 0 0/22px 22px;flex:1;justify-content:center;align-items:center;padding:28px;display:flex;overflow:auto}.rab-empty{text-align:center;color:var(--rab-text-muted);border-radius:var(--rab-radius-lg);background:#fffc;flex-direction:column;align-items:center;gap:10px;padding:40px;display:flex}.rab-empty p{margin:0;font-size:14px}.rab-ad-container{border-radius:2px;flex-shrink:0;transition:width .2s,height .2s;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a33,0 0 0 1px #0f172a14}.rab-ad-inner{background:#6d28d9;position:relative;overflow:hidden}.rab-ad-bg{object-fit:cover;z-index:1;pointer-events:none;border:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.rab-ad-bg-solid{background:#6d28d9}.rab-ad-overlay{z-index:5;pointer-events:none;background:linear-gradient(#0000 38%,#00000052 66%,#000000a6 100%);position:absolute;inset:0}.rab-ad-text{z-index:10;pointer-events:none;width:100%;position:absolute;inset:0}.rab-ad-text h2{word-break:break-word;text-shadow:0 2px 10px #00000073;position:absolute;color:#fff!important;margin:0!important;font-weight:800!important;line-height:1.1!important}.rab-ad-text p{text-shadow:0 2px 8px #00000073;position:absolute;color:#fff!important;margin:0!important;font-weight:600!important}.rab-ad-qr{z-index:50;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 24px #00000040}.rab-ad-qr svg{display:block;width:100%!important;height:100%!important}.rab-ad-qr-placeholder{color:var(--rab-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.rab-ad-qr-placeholder span{font-size:10px;font-weight:600}.rab-ad-qr-caption{z-index:51;box-sizing:border-box;color:#102a43;text-align:center;pointer-events:none;background:#fffffff0;border:1px solid #ffffffb8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-weight:800;line-height:1.25;display:flex;position:absolute;box-shadow:0 8px 24px #00000038}.rab-ad-qr-caption-line{white-space:normal;overflow-wrap:anywhere;max-width:100%;display:block}@media (width<=1100px){:root{--rab-sidebar-w:300px}}@media (width<=900px){.rab-root{min-height:auto;box-shadow:none;border-radius:0;overflow:visible}.rab-mobile-tabs{display:flex}.rab-steps{display:none}.rab-layout{flex-direction:column;flex:none;min-height:calc(100dvh - 120px);overflow:visible}.rab-sidebar{border-right:none;border-bottom:1px solid var(--rab-border);flex-shrink:0;max-height:none;position:static;overflow-y:auto;width:100%!important;min-width:100%!important}.rab-preview{flex:auto;width:100%;min-height:calc(100dvh - 120px);overflow:auto}.rab-actions{background:var(--rab-surface);border-top:1px solid var(--rab-border);z-index:10;margin:0 -10px -12px;padding:10px;position:sticky;bottom:0}.rab-canvas{flex:1;min-height:300px;padding:14px}.rab-ad-container{max-width:100%}.rab-badge{max-width:140px;font-size:9px}}@media (width<=600px){.rab-header-row{min-height:50px;padding:10px 12px}.rab-brand-icon{border-radius:8px;width:30px;height:30px}.rab-brand h1{font-size:14px}.rab-brand p{display:none}.rab-sidebar{gap:10px;padding:10px 10px 0}.rab-card{padding:12px}.rab-canvas{padding:8px}.rab-tpl-grid{grid-template-columns:repeat(2,1fr);gap:6px}.rab-tpl-thumb{max-height:90px}.rab-preview-toolbar{padding:8px 12px}.rab-actions{margin:0 -10px;padding:8px 10px}.rab-export-grid{gap:6px}.rab-btn-primary,.rab-btn-secondary{padding:10px 12px;font-size:12px}}@media (width<=400px){.rab-export-grid{grid-template-columns:1fr}.rab-tpl-grid{grid-template-columns:1fr 1fr;gap:5px}}.rab-layout-grid{background:var(--rab-surface);flex:1;grid-template-columns:280px 1fr 280px;align-items:start;gap:20px;padding:20px 24px;display:grid}@media (width<=1100px){.rab-layout-grid{grid-template-columns:280px 1fr}.rab-col-3{grid-column:1/-1}}@media (width<=800px){.rab-layout-grid{grid-template-columns:1fr}}.rab-panel{border:1px solid var(--rab-border);border-radius:var(--rab-radius-lg);background:#fff;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.rab-panel-full{padding:0;overflow:hidden}.rab-panel-header{align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.rab-panel-header-row{padding:20px 20px 0}.rab-step-badge{background:var(--rab-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.rab-panel-header h2{color:var(--rab-text);margin:0 0 4px;font-size:15px;font-weight:700}.rab-panel-header p{color:var(--rab-text-sec);margin:0;font-size:12px;line-height:1.4}.rab-form-group{flex-direction:column;gap:6px;display:flex}.rab-input-wrapper{align-items:center;display:flex;position:relative}.rab-input-icon{color:var(--rab-text-muted);position:absolute;left:12px}.rab-input-with-icon{padding-left:36px}.rab-input-check{color:var(--rab-success);position:absolute;right:12px}.rab-info-icon{color:var(--rab-text-muted);cursor:help;margin-left:4px}.rab-tracking-box{border-radius:var(--rab-radius-sm);background:#f1f8eb;border:1px solid #cce8c4;align-items:center;gap:8px;padding:8px 12px;display:flex}.rab-tracking-box code{color:#2c7a2c;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.rab-copy-icon-btn{color:var(--rab-text-sec);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.rab-qr-ready-box{border-radius:var(--rab-radius-sm);border:1px dashed var(--rab-border);background:#f8fafc;justify-content:space-between;align-items:center;padding:12px;display:flex}.rab-qr-ready-title{color:var(--rab-text);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.rab-qr-ready-text p{color:var(--rab-text-sec);margin:4px 0 0;font-size:11px}.rab-qr-ready-img{border:1px solid var(--rab-border);background:#fff;border-radius:4px;padding:4px}.rab-quick-kits h3{margin:16px 0 4px;font-size:13px}.rab-quick-kits p{color:var(--rab-text-sec);margin:0 0 12px;font-size:11px}.rab-kit-btn{border:1px solid var(--rab-border);border-radius:var(--rab-radius-sm);cursor:pointer;text-align:left;width:100%;transition:all var(--rab-t);background:#fff;align-items:center;margin-bottom:8px;padding:12px;display:flex}.rab-kit-btn:hover{border-color:var(--rab-primary);background:var(--rab-primary-light)}.rab-kit-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;display:flex}.rab-kit-icon.blue{color:#0284c7;background:#e0f2fe}.rab-kit-icon.green{color:#16a34a;background:#dcfce7}.rab-kit-icon.teal{color:#0d9488;background:#ccfbf1}.rab-kit-icon.purple{color:#9333ea;background:#f3e8ff}.rab-kit-text{flex:1}.rab-kit-text strong{color:var(--rab-text);font-size:12px;display:block}.rab-kit-text span{color:var(--rab-text-sec);font-size:11px}.rab-kit-arrow{color:var(--rab-text-muted)}.rab-tabs-container{border-bottom:1px solid var(--rab-border);gap:8px;padding:16px 20px 8px;display:flex;overflow-x:auto}.rab-tabs-container::-webkit-scrollbar{height:0}.rab-tab{color:var(--rab-text-sec);border-radius:var(--rab-radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.rab-tab.active,.rab-tab:hover{background:var(--rab-primary);color:#fff}.rab-col-2-content{flex:1;min-height:400px;display:flex}.rab-template-list-vertical{border-right:1px solid var(--rab-border);flex-direction:column;gap:8px;width:240px;padding:12px;display:flex;overflow-y:auto}.rab-tpl-card-row{border-radius:var(--rab-radius-sm);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;gap:12px;padding:8px;display:flex;position:relative}.rab-tpl-card-row:hover{background:#f8fafc}.rab-tpl-card-row.selected{border-color:var(--rab-success);background:#f1f8eb}.rab-tpl-card-row.selected .rab-tpl-check{background:var(--rab-success)}.rab-tpl-thumb-sm{background:#e2e8f0;border-radius:4px;flex-shrink:0;width:60px;height:80px;overflow:hidden}.rab-tpl-row-info{flex-direction:column;gap:4px;display:flex}.rab-tpl-desc{color:var(--rab-text-muted);font-size:10px}.rab-mockup-wrapper{background:#f1f5f9;flex-direction:column;flex:1;display:flex;position:relative}.rab-mockup-dropdown{border-radius:var(--rab-radius-sm);border:1px solid var(--rab-border);background:#fff;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.rab-mockup-badges{border-top:1px solid var(--rab-border);background:#fff;justify-content:center;gap:12px;padding:12px;display:flex}.rab-badge-success{color:var(--rab-success);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.rab-download-cards{flex-direction:column;gap:12px;display:flex}.rab-dl-card{border:1px solid var(--rab-border);border-radius:var(--rab-radius-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.rab-dl-card-info{align-items:flex-start;gap:12px;display:flex}.rab-dl-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.rab-dl-icon.green{color:#16a34a;background:#dcfce7}.rab-dl-icon.red{color:#dc2626;background:#fee2e2}.rab-dl-icon.purple{color:#9333ea;background:#f3e8ff}.rab-dl-card-info strong{font-size:13px;display:block}.rab-dl-card-info p{color:var(--rab-text-sec);margin:4px 0 0;font-size:11px}.rab-btn-outline{width:100%}.rab-btn-outline.green{color:#16a34a;border-color:#16a34a}.rab-btn-outline.red{color:#dc2626;border-color:#dc2626}.rab-btn-outline.purple{color:#9333ea;border-color:#9333ea}.rab-btn-outline:hover{background:var(--rab-primary-light)}.rab-printing-tips{border-radius:var(--rab-radius-sm);background:#eff6ff;margin-top:8px;padding:16px}.rab-tips-header{color:#1e3a8a;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.rab-tips-list{color:var(--rab-text-sec);flex-direction:column;gap:6px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.rab-tips-list li{align-items:flex-start;gap:8px;display:flex}.rab-footer{border-top:1px solid var(--rab-border);background:#fff;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px;display:grid}@media (width<=900px){.rab-footer{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.rab-footer{grid-template-columns:1fr}}.rab-footer-item{align-items:flex-start;gap:12px;display:flex}.rab-f-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rab-f-icon.blue{color:#3b82f6;background:#eff6ff}.rab-f-icon.purple{color:#8b5cf6;background:#f5f3ff}.rab-f-icon.green{color:#22c55e;background:#f0fdf4}.rab-f-icon.orange{color:#f97316;background:#fff7ed}.rab-footer-item strong{margin-bottom:4px;font-size:13px;display:block}.rab-footer-item p{color:var(--rab-text-sec);margin:0;font-size:11px}.rab-header-new{border-bottom:1px solid var(--rab-border);background:#fff;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.rab-brand-left{align-items:center;gap:8px;display:flex}.rab-brand-left .rab-brand-icon{color:var(--rab-primary);background:var(--rab-primary-light);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rab-brand-text{color:var(--rab-text);font-size:16px;font-weight:800}.rab-stepper-new{align-items:center;gap:12px;display:flex}.rab-step-new{opacity:.5;align-items:center;gap:8px;display:flex}.rab-step-new.active{opacity:1}.rab-step-num-new{background:var(--rab-border);width:24px;height:24px;color:var(--rab-text);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.rab-step-new.active .rab-step-num-new{background:var(--rab-success);color:#fff}.rab-step-text-new{flex-direction:column;display:flex}.rab-step-title{font-size:12px;font-weight:700}.rab-step-sub{color:var(--rab-text-sec);font-size:10px}.rab-step-arrow-new{color:var(--rab-border)}.rab-header-right{align-items:center;gap:16px;display:flex}.rab-help-btn{color:var(--rab-text-sec);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.rab-profile{border-left:1px solid var(--rab-border);cursor:pointer;align-items:center;gap:8px;padding-left:16px;display:flex}.rab-avatar{background:var(--rab-border);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.rab-profile-name{align-items:center;font-size:13px;font-weight:600;display:flex}