*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-app: #0a0d14;--bg-card: #121620;--bg-card-subtle: #171d2b;--bg-input: #1a2030;--bg-input-hover: #1f273b;--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .12);--border-active: #3b82f6;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--primary: #3b82f6;--primary-hover: #2563eb;--primary-glow: rgba(59, 130, 246, .25);--success: #10b981;--success-glow: rgba(16, 185, 129, .2);--amber: #f59e0b;--amber-glow: rgba(245, 158, 11, .2);--danger: #ef4444;--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html,body{font-family:var(--font);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.app-shell{display:flex;flex-direction:column;min-height:100vh;padding:18px 24px 24px;max-width:1720px;margin:0 auto;width:100%;box-sizing:border-box}.app-header{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand courier actions";align-items:center;gap:20px;padding:12px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;box-sizing:border-box}.brand{grid-area:brand;display:flex;align-items:center;gap:12px}.brand-logo{display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:10px;box-shadow:0 4px 12px #2563eb59}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:16px;font-weight:700;letter-spacing:-.3px;color:#fff}.brand-subtitle{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.courier-selector-wrap{grid-area:courier;display:flex;align-items:center;justify-content:center;gap:10px}.courier-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.select-container{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:4px 10px 4px 6px;transition:all .2s ease}.select-container:focus-within{border-color:var(--border-active);box-shadow:0 0 0 3px var(--primary-glow)}.courier-select{background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;padding:4px 8px;cursor:pointer;outline:none;font-family:inherit}.courier-select option{background:#171d2b;color:#fff}.status-pill{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.status-pill.ready{background:var(--success-glow);color:#34d399;border:1px solid rgba(52,211,153,.3)}.status-pill.pending{background:var(--amber-glow);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.header-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:16px}.lang-selector-wrap{display:flex;align-items:center}.lang-select-container{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:3px 8px}.lang-icon{font-size:14px}.lang-select{background:transparent;border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;outline:none;font-family:inherit}.lang-select option{background:#171d2b;color:#fff}[dir=rtl]{text-align:right}[dir=rtl] .app-header,[dir=rtl] .preview-top-bar,[dir=rtl] .checkbox-control,[dir=rtl] .courier-selector-wrap,[dir=rtl] .header-actions{flex-direction:row-reverse}[dir=rtl] .form-body{padding-right:0;padding-left:4px}.toggle-switch-wrap{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-checkbox{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:42px;height:22px;background:#252e42;border-radius:20px;position:relative;transition:background .25s ease;border:1px solid rgba(255,255,255,.1)}.toggle-checkbox:checked+.toggle-track{background:#2563eb;border-color:#3b82f6}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 1px 3px #0006}.toggle-checkbox:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.toggle-text{font-size:12px;font-weight:600;letter-spacing:.2px}.sync-active{color:#34d399}.sync-idle{color:var(--text-dim)}.studio-layout{display:grid;grid-template-columns:440px 1fr;gap:24px;height:calc(100vh - 110px);min-height:640px}.form-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:0 16px 40px #00000059;overflow:hidden}.tabs-header{margin-bottom:18px}.pill-tabs{display:flex;background:var(--bg-app);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:4px}.tab-btn{flex:1;padding:9px 14px;font-size:13px;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:#fff}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #2563eb59}.courier-notice{display:flex;gap:12px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:16px;font-size:12px;color:#fcd34d;line-height:1.4}.courier-notice strong{display:block;margin-bottom:2px;color:#fbbf24}.courier-notice p{margin:0;color:#fef3c7}.form-body{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.form-body::-webkit-scrollbar{width:5px}.form-body::-webkit-scrollbar-track{background:transparent}.form-body::-webkit-scrollbar-thumb{background:#252e42;border-radius:4px}.fields-group{display:flex;flex-direction:column;gap:13px}.field-block{display:flex;flex-direction:column;gap:6px;min-width:0}.field-block label{font-size:12px;font-weight:600;color:var(--text-muted)}.field-block label .req{color:var(--primary);font-weight:700}.fields-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}input[type=text],textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:#fff;padding:10px 14px;font-size:14px;font-family:inherit;outline:none;transition:all .2s ease;min-width:0}input[type=text]:hover,textarea:hover{background:var(--bg-input-hover);border-color:#fff3}input[type=text]:focus,textarea:focus{background:#1e2638;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-tracking{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;font-weight:600;letter-spacing:.5px;border-color:#3b82f666}.action-row-secondary{display:flex;gap:10px;margin-top:4px}.btn-secondary{flex:2;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-card-subtle);border:1px solid var(--border-medium);color:#e2e8f0;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#232c3f;border-color:var(--border-active);color:#fff}.btn-secondary small{color:var(--text-dim);font-weight:400}.btn-ghost{flex:1;background:transparent;border:1px solid var(--border-subtle);color:var(--text-dim);padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{color:var(--text-muted);border-color:var(--border-medium)}.batch-group{display:flex;flex-direction:column;gap:10px}.batch-guide{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px}.guide-header{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.batch-guide code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:#38bdf8;word-break:break-all}.batch-textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;resize:vertical}.options-card{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px}.checkbox-control{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-control input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:18px;height:18px;border-radius:5px;background:var(--bg-input);border:1.5px solid var(--border-medium);margin-top:2px;flex-shrink:0;display:grid;place-items:center;transition:all .2s ease}.checkbox-control input:checked+.checkbox-custom{background:var(--primary);border-color:var(--primary)}.checkbox-control input:checked+.checkbox-custom:after{content:"";width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.checkbox-label{display:flex;flex-direction:column;gap:2px}.checkbox-label strong{font-size:13px;color:#f1f5f9}.checkbox-label small{font-size:11px;color:var(--text-dim)}.error-alert{display:flex;align-items:center;gap:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:10px 14px;color:#fca5a5;font-size:13px}.actions-cluster{display:flex;flex-direction:column;gap:10px;margin-top:4px}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #2563eb66;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 18px #2563eb80;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.actions-sub-row{display:flex;gap:10px}.btn-export{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#1e2638;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-export:hover:not(:disabled){background:#252e42;border-color:#fff3}.btn-export:disabled{opacity:.4;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 16px 40px #00000059;overflow:hidden}.preview-top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg-card-subtle);border-bottom:1px solid var(--border-subtle)}.preview-title-wrap{display:flex;align-items:center;gap:10px}.preview-label{font-size:13px;font-weight:700;letter-spacing:.3px;color:#fff}.courier-badge-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.sheet-badge-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.btn-icon{display:grid;place-items:center;width:30px;height:30px;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#252e42;color:#fff}.preview-container{flex:1;background:#0f121a;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.pdf-frame{width:100%;height:100%;border:none;background:#0f121a}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;max-width:420px}.placeholder-art{display:grid;place-items:center;width:96px;height:96px;background:#3b82f614;border:1px dashed rgba(59,130,246,.3);border-radius:50%;color:#60a5fa;margin-bottom:20px}.preview-placeholder h3{font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:8px}.preview-placeholder p{font-size:13px;color:var(--text-dim);line-height:1.5;margin-bottom:20px}.preview-hints{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-dim)}.mobile-view-tabs,.mobile-only-btn,.mobile-only-flex{display:none!important}.toggle-text-mobile{display:none}@media (min-width: 861px){.form-card,.preview-card{display:flex!important}}@media (max-width: 860px){body{overflow-x:hidden}.app-shell{padding:10px 10px 24px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.app-header{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"brand actions" "courier courier"!important;gap:10px!important;align-items:center!important;padding:10px 12px;margin-bottom:10px;border-radius:var(--radius-md);width:100%;box-sizing:border-box}.brand{grid-area:brand;display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1}.brand-logo{width:30px;height:30px;border-radius:8px;flex-shrink:0}.brand-logo svg{width:17px;height:17px}.brand-text{min-width:0;overflow:hidden}.brand-title{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-subtitle{display:none}.header-actions{grid-area:actions;display:flex;align-items:center;gap:8px;flex-shrink:0;justify-content:flex-end}.lang-select-container{padding:3px 6px;gap:4px}.lang-icon{font-size:13px}.lang-select{font-size:12px;max-width:80px;padding:2px}.toggle-switch-wrap{gap:6px}.toggle-track{width:32px;height:18px}.toggle-thumb{width:12px;height:12px}.toggle-checkbox:checked+.toggle-track .toggle-thumb{transform:translate(14px)}.toggle-text-desktop{display:none!important}.toggle-text-mobile{display:inline-block!important;font-size:11px;font-weight:700}.courier-selector-wrap{grid-area:courier;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px}.courier-label{font-size:11px;text-transform:uppercase}.select-container.courier-select-box{width:100%;display:flex;justify-content:space-between;padding:6px 10px;box-sizing:border-box}.courier-select{flex:1;min-width:0;font-size:13px}.mobile-view-tabs{display:flex!important;width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:4px;gap:4px;margin-bottom:12px;box-sizing:border-box}.mobile-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mobile-tab-btn svg{flex-shrink:0}.mobile-tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #2563eb66}.mobile-ready-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399}.studio-layout{display:flex;flex-direction:column;width:100%;height:auto;min-height:unset;gap:12px}.form-card.mobile-show,.preview-card.mobile-show{display:flex!important;width:100%;max-width:100%;box-sizing:border-box}.form-card.mobile-hide,.preview-card.mobile-hide{display:none!important}.form-card{padding:16px 14px;border-radius:16px;width:100%;overflow:visible}.form-body{overflow-y:visible;overflow-x:visible;height:auto;padding-right:0;gap:14px}input[type=text],textarea,select{font-size:16px!important}.preview-card{height:78vh;min-height:500px;border-radius:16px;width:100%;display:flex;flex-direction:column;box-sizing:border-box}.preview-container{flex:1;position:relative;display:flex;flex-direction:column;min-height:400px}.pdf-frame{flex:1;width:100%;height:100%;min-height:360px;-webkit-overflow-scrolling:touch}.mobile-preview-actions{display:flex!important;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-card-subtle);border-top:1px solid var(--border-subtle);width:100%;box-sizing:border-box}.mobile-only-flex{display:flex!important}.btn-mobile-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-main);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-mobile-action:hover{background:#252e42;color:#fff}.btn-mobile-download{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6;color:#fff}.btn-mobile-goto-form{margin-top:16px;padding:10px 18px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer}.mobile-only-btn{display:inline-flex!important;align-items:center;gap:4px;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:6px;color:var(--primary);padding:4px 8px;font-size:11.5px;font-weight:600;cursor:pointer}.mobile-only-btn:hover{background:#252e42;color:#fff}.preview-top-bar{padding:10px 12px;gap:6px;flex-wrap:wrap}.preview-title-wrap{gap:6px;flex-wrap:wrap}.preview-label{font-size:12px}.courier-badge-tag,.sheet-badge-tag{font-size:10px;padding:2px 6px}.preview-shortcuts{display:flex;align-items:center;gap:6px;margin-left:auto}.btn-icon{width:28px;height:28px}.fields-grid-2{grid-template-columns:1fr 1fr;gap:8px;width:100%}input[type=text],textarea{padding:9px 10px}.action-row-secondary{gap:8px}.btn-secondary,.btn-ghost{font-size:12px;padding:8px 10px}.btn-primary{padding:12px 14px;font-size:14px}.actions-sub-row{gap:8px}.btn-export{padding:10px 12px;font-size:12px}}