.tutorial-toggle{display:flex;align-items:center;gap:8px;background:#f0f0f0;color:#666;border:2px solid #ddd;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;opacity:.7;white-space:nowrap}.tutorial-toggle:hover{opacity:.9;background:#e8e8e8}.tutorial-toggle.inactive{background:silver;color:#666;border-color:#aaa}.tutorial-toggle.active{background:#3b82f6;color:#fff;border-color:#2563eb;opacity:1;box-shadow:0 2px 8px #3b82f64d}.tutorial-toggle .tutorial-icon{font-size:14px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#fff;border-radius:50%;line-height:1}.tutorial-toggle .tutorial-text{white-space:nowrap}.tutorial-toggle.inactive .tutorial-text{color:#000}.tutorial-toggle.active .tutorial-text{color:#fff}.region-highlight{position:absolute;inset:0;cursor:pointer;z-index:10;pointer-events:auto}.highlight-border{position:absolute;inset:0;border:3px dashed #3b82f6;border-radius:8px;background:#3b82f60d;pointer-events:none}.highlight-indicator{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#fff;border:2px solid #3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#3b82f6;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;pointer-events:auto;z-index:11}.region-highlight:hover .highlight-indicator{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.slideshow-backdrop{position:fixed;inset:0;background:#000000d9;z-index:100;animation:fadeIn .2s ease}.slideshow-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;z-index:101;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideDown .3s ease;outline:none}@keyframes slideDown{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.slideshow-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:102}.slideshow-header h2{margin:0;font-size:18px;font-weight:600;color:#1f2937}.slideshow-close{background:none;border:none;font-size:28px;color:#1f2937;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.slideshow-close:hover{background:#f3f4f6;color:#374151}.slideshow-content{padding:24px;display:flex;flex-direction:column;align-items:stretch}.slide-number{font-size:12px;color:#1f2937;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.slide-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.slide-image-container{display:flex;justify-content:center;align-items:center;margin:20px auto;min-height:280px;background:#f9fafb;border-radius:8px;width:100%}.slide-image{max-width:100%;max-height:400px;width:auto;height:auto;object-fit:contain;border-radius:4px;display:block}.slide-image-placeholder{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:40px 20px;margin:20px 0;text-align:center;min-height:280px;display:flex;align-items:center;justify-content:center}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#1f2937}.placeholder-icon{font-size:32px}.placeholder-content p{margin:0;font-size:14px;font-weight:500}.placeholder-content small{font-size:12px;color:#d1d5db}.slide-instruction{background:#f0f9ff;border-left:4px solid #3b82f6;padding:12px 16px;border-radius:4px;margin:16px 0;font-size:14px;color:#1e40af;line-height:1.5}.slideshow-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid #e5e7eb}.nav-button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.nav-button:hover:not(:disabled){background:#e5e7eb;border-color:#1f2937}.nav-button:disabled{opacity:.5;cursor:not-allowed}.nav-button.prev{order:1}.nav-button.next{order:3}.progress-dots{order:2;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;border:none;cursor:pointer;transition:all .2s;padding:0}.dot:hover{background:#9ca3af}.dot.active{background:#3b82f6;width:24px;border-radius:4px}.keyboard-hint{padding:12px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;text-align:center;font-size:12px;color:#1f2937}@media(max-width:768px){.slideshow-modal{max-width:95%;max-height:95vh}.slideshow-header,.slideshow-content{padding:16px}.slideshow-footer{flex-direction:column;padding:12px 16px}.nav-button{width:100%;order:unset!important}.progress-dots{order:unset!important;width:100%}.slide-image-placeholder{min-height:200px;padding:30px 15px}.teaser-modal{max-width:95%}}@media(max-width:480px){.slideshow-modal{max-height:100vh;border-radius:0;max-width:100%}.slideshow-header h2{font-size:16px}.slide-title{font-size:14px}.nav-button{font-size:12px;padding:6px 12px}.teaser-modal{max-width:100%;border-radius:0}}.slideshow-tip-line{display:flex;align-items:center;gap:10px;padding:10px 24px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #93c5fd;font-size:13px;line-height:1.4;color:#1e40af;min-height:42px}.slideshow-tip-line .tip-icon{font-size:16px;flex-shrink:0}.slideshow-tip-line .tip-text{flex:1;font-weight:500;animation:tipFadeIn .5s ease-in}.slideshow-tip-line .tip-counter{font-size:11px;font-weight:600;color:#60a5fa;padding:2px 6px;background:#fff;border-radius:4px;flex-shrink:0}@keyframes tipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .slideshow-tip-line{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-bottom-color:#334155;color:#93c5fd}[data-theme=dark] .slideshow-tip-line .tip-counter{background:#0f172a;color:#60a5fa}.slideshow-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:102;gap:16px}.header-nav-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-button-compact{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#374151;padding:0}.nav-button-compact:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.nav-button-compact:disabled{opacity:.3;cursor:not-allowed}.slide-counter{font-size:13px;font-weight:600;color:#6b7280;min-width:50px;text-align:center}.slideshow-header h2{flex:1;text-align:center;margin:0;font-size:18px;font-weight:600;color:#1f2937}.slideshow-close{width:32px;height:32px;flex-shrink:0;border-radius:6px;border:none;background:#f3f4f6;color:#6b7280;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.slideshow-close:hover{background:#fee2e2;color:#dc2626}.slideshow-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 24px;border-top:1px solid #e5e7eb}.slideshow-footer .nav-button{display:none}.slideshow-footer .progress-dots{display:flex;gap:8px}.slideshow-footer .keyboard-hint{margin:0}.slideshow-footer .keyboard-hint small{font-size:11px;color:#9ca3af}@media(max-width:600px){.slideshow-header{padding:12px 16px;gap:8px}.header-nav-controls{gap:8px}.nav-button-compact{width:28px;height:28px;font-size:14px}.slide-counter{font-size:11px;min-width:40px}.slideshow-header h2{font-size:16px}}[data-theme=dark] .nav-button-compact{background:#1f2937;border-color:#374151;color:#d1d5db}[data-theme=dark] .nav-button-compact:hover:not(:disabled){background:#374151;border-color:#4b5563}[data-theme=dark] .slide-counter{color:#9ca3af}[data-theme=dark] .slideshow-close{background:#374151;color:#9ca3af}[data-theme=dark] .slideshow-close:hover{background:#7f1d1d;color:#fca5a5}.region-wrapper{position:relative;transition:all .2s ease}.region-wrapper.tutorial-active{cursor:pointer}.header .region-wrapper{display:flex;gap:0;align-items:center;flex-wrap:nowrap;flex-shrink:0;min-width:auto}.header-buttons{display:flex;gap:4px;align-items:center;flex-wrap:nowrap;flex-shrink:0}.header-buttons>*{flex-shrink:0;min-width:min-content}.license-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.license-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.license-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.license-modal-header h2{margin:0;font-size:20px;color:#333;font-weight:600}.license-modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.license-modal-close:hover{color:#333;transform:scale(1.1)}.license-modal-content{padding:24px}.status-section{display:flex;gap:16px;padding:16px;border-radius:8px;margin-bottom:20px}.status-section.licensed{background-color:#ecfdf5;border:1px solid #d1fae5}.status-section.trial{background-color:#eff6ff;border:1px solid #bfdbfe}.status-section.expired,.status-section.unlicensed{background-color:#fef2f2;border:1px solid #fee2e2}.status-icon{font-size:32px;display:flex;align-items:center;justify-content:center}.status-text{flex:1}.status-label{margin:0 0 4px;font-weight:600;font-size:16px;color:#333}.status-edition{margin:0 0 4px;font-size:13px;color:#666}.trial-days{margin:0;font-size:12px;color:#ef4444;font-weight:500}.trial-days.expired{color:#991b1b;font-size:13px;margin-top:2px}.user-info-section{margin-bottom:20px;padding:16px;background-color:#f9fafb;border-radius:6px}.user-info-section label{display:block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.user-email{margin:0;font-size:14px;color:#333;word-break:break-all;font-family:Courier New,monospace}.signout-button{width:100%;padding:12px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.signout-button:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.signout-button:active{transform:translateY(0)}.modal-hint{margin:0;font-size:12px;color:#999;text-align:center;line-height:1.5}.toggle-activation-button{width:100%;padding:10px 12px;background-color:#f3f4f6;color:#333;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:12px;text-align:left}.toggle-activation-button:hover{background-color:#e5e7eb}.activation-form{margin-bottom:12px;padding:12px;background-color:#f9fafb;border-radius:6px}.activation-form .form-group{margin-bottom:12px}.activation-form label{display:block;margin-bottom:6px;color:#333;font-weight:600;font-size:12px}.license-input{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:Courier New,monospace;box-sizing:border-box;transition:all .3s ease}.license-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.activate-button{width:100%;padding:10px 12px;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:8px}.activate-button:hover:not(:disabled){background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.activate-button:disabled{background-color:#ccc;cursor:not-allowed}.activation-form .error-message{padding:10px 12px;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:12px;margin-bottom:8px}.activation-form .success-message{padding:10px 12px;background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3;font-size:12px;margin-bottom:8px}@media(max-width:600px){.license-modal{width:95%}.license-modal-content{padding:16px}.status-section{gap:12px;padding:12px}.status-icon{font-size:28px}}.license-status-icon{display:flex;align-items:center;justify-content:center;font-size:16px;cursor:default;transition:all .3s ease;margin-right:8px}.license-status-icon.licensed{color:#10b981}.license-status-icon.licensed:hover{transform:scale(1.1)}.license-status-icon.unlicensed{color:#ef4444}.license-status-icon.unlicensed:hover{transform:scale(1.1)}.license-status-icon .lock-icon{font-size:18px}.tooltip-wrapper{position:relative;display:inline-block;width:100%}.tooltip-content{position:absolute;background:linear-gradient(145deg,#1e293b,#0f172a);color:#f1f5f9;padding:10px 12px;border-radius:6px;font-size:12px;font-weight:500;line-height:1.4;white-space:normal;max-width:200px;word-wrap:break-word;z-index:1000;box-shadow:0 4px 12px #0000004d;pointer-events:none;animation:tooltipFadeIn .2s ease-in-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tooltip-content.tooltip-top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip-arrow.tooltip-top{bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:#0f172a transparent transparent transparent}.tooltip-content.tooltip-bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip-arrow.tooltip-bottom{top:-6px;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent #0f172a transparent}.tooltip-content.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip-arrow.tooltip-left{right:-6px;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent #0f172a}.tooltip-content.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip-arrow.tooltip-right{left:-6px;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent #0f172a transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;transform-origin:center}to{opacity:1}}[data-theme=light] .tooltip-content{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);color:#1e293b;box-shadow:0 4px 12px #00000026}[data-theme=light] .tooltip-arrow.tooltip-top{border-color:#e2e8f0 transparent transparent transparent}[data-theme=light] .tooltip-arrow.tooltip-bottom{border-color:transparent transparent #e2e8f0 transparent}[data-theme=light] .tooltip-arrow.tooltip-left{border-color:transparent transparent transparent #e2e8f0}[data-theme=light] .tooltip-arrow.tooltip-right{border-color:transparent #e2e8f0 transparent transparent}[data-theme=easyread] .tooltip-content{background:linear-gradient(145deg,#fef3c7,#fde68a);color:#000;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.6}[data-theme=easyread] .tooltip-arrow.tooltip-top{border-color:#fde68a transparent transparent transparent}[data-theme=easyread] .tooltip-arrow.tooltip-bottom{border-color:transparent transparent #fde68a transparent}[data-theme=easyread] .tooltip-arrow.tooltip-left{border-color:transparent transparent transparent #fde68a}[data-theme=easyread] .tooltip-arrow.tooltip-right{border-color:transparent #fde68a transparent transparent}.sequence-customizer{border-radius:0;overflow:hidden;border:none;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:0}.sequence-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--field-bg-start);border-bottom:1px solid var(--border-color);gap:12px}.sequence-header h3{font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px;margin:0;flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reset-btn{padding:6px 12px;background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.2px;flex-shrink:0;white-space:nowrap}.reset-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d;background:linear-gradient(145deg,#f87171,#ef4444)}.reset-btn:active{transform:translateY(0)}.current-sequence{padding:12px;display:flex;flex-direction:column;gap:8px}.current-sequence label{display:block;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sequence-item{display:flex;align-items:center;gap:8px;background:linear-gradient(145deg,var(--field-bg-start),var(--field-bg-end));border:2px solid var(--border-color);border-radius:6px;padding:10px 12px;cursor:move;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;color:var(--text-primary)}.sequence-customizer.tab-area01 .sequence-item{background:linear-gradient(145deg,#80d4ff,#40bdff);border-color:#0091ea;color:#01579b;font-weight:600}.sequence-customizer.tab-area01 .sequence-item:hover{border-color:#0069c0;box-shadow:0 2px 8px #0091ea4d}.sequence-customizer.tab-area02 .sequence-item{background:linear-gradient(145deg,#ffc1d4,#ff8aab);border-color:#ff1744;color:#c41e3a;font-weight:600}.sequence-customizer.tab-area02 .sequence-item:hover{border-color:#e6003d;box-shadow:0 2px 8px #ff17444d}.sequence-customizer.tab-area04 .sequence-item{background:linear-gradient(145deg,#ffab91,#ff8a65);border-color:#ff6d00;color:#d84315;font-weight:600}.sequence-customizer.tab-area04 .sequence-item:hover{border-color:#e55100;box-shadow:0 2px 8px #ff6d004d}.sequence-customizer.tab-area03 .sequence-item{background:linear-gradient(145deg,#80ffe5,#40f0d9);border-color:#00bfa5;color:#00796b;font-weight:600}.sequence-customizer.tab-area03 .sequence-item:hover{border-color:#00897b;box-shadow:0 2px 8px #00bfa54d}.sequence-customizer.tab-area05 .sequence-item{background:linear-gradient(145deg,#80ff9e,#40f27d);border-color:#00c853;color:#1b5e20;font-weight:600}.sequence-customizer.tab-area05 .sequence-item:hover{border-color:#00a020;box-shadow:0 2px 8px #00c8534d}.sequence-customizer.tab-area06 .sequence-item{background:linear-gradient(145deg,#fff380,#ffe740);border-color:#ffc400;color:#f57f17;font-weight:600}.sequence-customizer.tab-area06 .sequence-item:hover{border-color:#ffab00;box-shadow:0 2px 8px #ffc4004d}.sequence-customizer.tab-area07 .sequence-item{background:linear-gradient(145deg,#d4b3ff,#b388ff);border-color:#7c4dff;color:#4a148c;font-weight:600}.sequence-customizer.tab-area07 .sequence-item:hover{border-color:#6a1b9a;box-shadow:0 2px 8px #7c4dff4d}.sequence-customizer.tab-area08 .sequence-item{background:linear-gradient(145deg,#b3d9ff,#7fb3ff);border-color:#3d5afe;color:#1a237e;font-weight:600}.sequence-customizer.tab-area08 .sequence-item:hover{border-color:#2979f0;box-shadow:0 2px 8px #3d5afe4d}.sequence-customizer.tab-area09 .sequence-item{background:linear-gradient(145deg,#80deea,#4dd0e1);border-color:#00b8d4;color:#006064;font-weight:600}.sequence-customizer.tab-area09 .sequence-item:hover{border-color:#0097a7;box-shadow:0 2px 8px #00b8d44d}.sequence-customizer.tab-area10 .sequence-item{background:linear-gradient(145deg,#d4d4d4,#bdbdbd);border-color:#757575;color:#424242;font-weight:600}.sequence-customizer.tab-area10 .sequence-item:hover{border-color:#616161;box-shadow:0 2px 8px #7575754d}.sequence-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.sequence-item.required{border:2px solid #ef4444;background:linear-gradient(145deg,#ef44440d,#ef444405);font-weight:600}.sequence-item.required:hover{border-color:#dc2626;box-shadow:0 2px 8px #ef444426}.drag-handle{color:var(--text-secondary);font-size:16px;cursor:grab;-webkit-user-select:none;user-select:none;padding:0 4px;flex-shrink:0}.component-name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:6px;min-width:100px}.required-badge{color:#ef4444;font-weight:700;font-size:11px}.format-select{max-width:100px;font-size:11px;padding:4px 6px;border:1px solid #ccc;border-radius:3px;background-color:#fff;cursor:pointer;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.format-select:hover{border-color:#999;background-color:#f9f9f9}.format-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}[data-theme=dark] .format-select{background-color:#2d2d2d;color:#fff;border-color:#444}[data-theme=dark] .format-select:hover{border-color:#666;background-color:#3a3a3a}[data-theme=dark] .format-select:focus{border-color:#1e88e5;box-shadow:0 0 0 2px #1e88e533}.required-toggle{padding:4px 8px;font-size:10px;font-weight:700;border-radius:4px;transition:all .2s ease;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;border:1px solid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.required-toggle:not([data-required=true]){background:#e5e7eb;color:#6b7280;border-color:#9ca3af}.required-toggle[data-required=true]{background:#fee2e2;color:#991b1b;border-color:#dc2626;font-weight:800;box-shadow:0 0 0 2px #dc26261a}.required-toggle:hover{transform:scale(1.05);box-shadow:0 2px 4px #00000026}.required-toggle:active{transform:scale(.98)}[data-theme=dark] .required-toggle:not([data-required=true]){background:#374151;color:#d1d5db;border-color:#6b7280}[data-theme=dark] .required-toggle[data-required=true]{background:#dc262633;color:#fca5a5;border-color:#dc2626}.remove-btn{background:none;border:none;color:#ef4444;font-size:16px;font-weight:700;cursor:pointer;padding:4px 8px;transition:all .2s ease;flex-shrink:0}.remove-btn:hover{color:#dc2626;transform:scale(1.2)}.remove-btn:active{transform:scale(.95)}[data-theme=dark] .remove-btn{color:#ff6b6b}[data-theme=dark] .remove-btn:hover{color:#ff5252}.empty-sequence{text-align:center;padding:24px 12px;color:var(--text-secondary);font-style:italic;font-size:13px}.preview-output{padding:12px;background:linear-gradient(145deg,var(--preview-bg-start),var(--preview-bg-end));border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.preview-output label{display:block;font-size:11px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preview-sequence{font-family:Courier New,monospace;font-size:12px;font-weight:600;color:var(--text-primary);background:var(--preview-text-bg);padding:8px 12px;border-radius:4px;border:1px solid var(--border-color);min-height:32px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.preview-component{background:#dbeafe;padding:3px 8px;border-radius:3px;font-size:11px;font-weight:600}.preview-component.required{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.preview-component .req-mark{color:#ef4444;font-weight:700;margin-left:2px}[data-theme=dark] .preview-component{background:#3b82f633}[data-theme=dark] .preview-component.required{background:#ef444433;color:#fca5a5}.separator{color:var(--text-secondary)}.available-components{padding:12px;background:var(--field-bg-start);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.available-components label{display:block;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.component-list{display:flex;flex-wrap:wrap;gap:6px}.add-component-btn{background:linear-gradient(145deg,#10b981,#059669);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.2px}.add-component-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d;background:linear-gradient(145deg,#34d399,#10b981)}.add-component-btn:active{transform:translateY(0)}.sequence-info{padding:12px;background:#3b82f60d;border-top:1px solid var(--border-color);font-size:11px;color:var(--text-secondary);line-height:1.4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sequence-info p{margin:0}.sequence-info strong{color:var(--text-primary);font-weight:700}[data-theme=dark] .sequence-info{background:#3b82f61a}[data-theme=dark] .sequence-customizer.tab-area01 .sequence-item{background:#0091ea33;border-color:#0091ea;color:#7dd3fc}[data-theme=dark] .sequence-customizer.tab-area02 .sequence-item{background:#ff174433;border-color:#ff1744;color:#fda4af}[data-theme=dark] .sequence-customizer.tab-area04 .sequence-item{background:#ff6d0033;border-color:#ff6d00;color:#fdba74}[data-theme=dark] .sequence-customizer.tab-area03 .sequence-item{background:#00bfa533;border-color:#00bfa5;color:#6ee7b7}[data-theme=ez-read] .sequence-customizer,[data-theme=ez-read] .sequence-item,[data-theme=ez-read] .component-name,[data-theme=ez-read] .current-sequence label,[data-theme=ez-read] .preview-output label,[data-theme=ez-read] .available-components label,[data-theme=ez-read] .required-toggle,[data-theme=ez-read] .add-component-btn,[data-theme=ez-read] .sequence-info{font-family:Atkinson Hyperlegible,sans-serif!important}[data-theme=ez-read] .preview-sequence{font-family:Courier New,monospace!important}[data-theme=easyread] .sequence-customizer,[data-theme=easyread] .sequence-item,[data-theme=easyread] .component-name,[data-theme=easyread] .current-sequence label,[data-theme=easyread] .preview-output label,[data-theme=easyread] .available-components label,[data-theme=easyread] .sequence-info{font-family:Atkinson Hyperlegible,sans-serif!important;font-size:15px!important;line-height:1.6!important}[data-theme=easyread] .sequence-item{padding:10px 12px!important;margin-bottom:8px!important}[data-theme=easyread] .required-toggle,[data-theme=easyread] .add-component-btn{font-family:Atkinson Hyperlegible,sans-serif!important;font-size:12px!important;padding:6px 10px!important}[data-theme=easyread] .preview-sequence{font-family:Courier New,monospace!important;font-size:14px!important;padding:10px 12px!important}.sequence-items-container{display:flex;flex-direction:column;gap:8px;padding:12px}.frequent-file-modal-compact{max-width:600px;width:90vw;max-height:90vh;display:flex;flex-direction:column}.template-name-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.template-name-section label{display:block;margin-bottom:8px;font-size:14px;color:#374151}.template-name-input{width:100%;padding:10px 12px;border:2px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.template-name-input:focus{outline:none;border-color:#3b82f6}.form-fields-container-minified{overflow-y:auto;flex:1;min-height:0;padding-right:8px}.helper-text{font-size:13px;color:#6b7280;margin-bottom:16px;padding:8px 12px;background:#f9fafb;border-left:3px solid #3b82f6;border-radius:4px}.form-fields-container-minified .form-grid{gap:12px}.form-fields-container-minified .form-field{margin-bottom:0}.form-fields-container-minified label{font-size:13px;margin-bottom:4px}.form-fields-container-minified input,.form-fields-container-minified select,.form-fields-container-minified textarea{font-size:13px;padding:8px 10px}.form-fields-container-minified .tooltip-wrapper{font-size:13px}.form-fields-container-minified .required-indicator{color:#ef4444;margin-left:2px}.form-fields-container-minified .form-field-wrapper{width:100%}.form-fields-container-minified .form-field-wrapper.form-group-short,.form-fields-container-minified .category-short,.form-fields-container-minified .subcategory-short{width:50%;display:inline-block;vertical-align:top;padding-right:8px}.form-fields-container-minified .category-description{font-size:11px;color:#6b7280;margin-top:4px;font-style:italic}.form-fields-container-minified .field-hint{font-size:11px;color:#9ca3af;margin-top:2px}.form-fields-container-minified .form-row{display:flex;gap:12px;margin-bottom:12px}.form-fields-container-minified .form-row>*{flex:1}.form-fields-container-minified .today-btn{padding:6px 10px;font-size:11px;margin-top:4px}[data-theme=dark] .template-name-section{border-bottom-color:#374151}[data-theme=dark] .template-name-section label{color:#d1d5db}[data-theme=dark] .template-name-input{background:#1f2937;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .helper-text{background:#1f2937;color:#9ca3af;border-left-color:#3b82f6}[data-theme=dark] .form-fields-container-minified .category-description{color:#9ca3af}[data-theme=dark] .form-fields-container-minified .field-hint{color:#6b7280}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:16px}[data-theme=dark] .modal-footer{border-top-color:#374151}.btn-cancel,.btn-save{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-save{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff}.btn-save:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8)}.btn-save:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .btn-cancel{background:#374151;color:#d1d5db}[data-theme=dark] .btn-cancel:hover{background:#4b5563}.modal-overlay{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;align-items:center;justify-content:center}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--container-bg-start);border-radius:8px;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d;z-index:1001;display:flex;flex-direction:column}.modal-header{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;padding:12px 16px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{font-size:14px;font-weight:700;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.3px}.modal-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s;flex-shrink:0}.modal-close:hover{background:#ffffff26}.modal-body{padding:12px 16px;overflow-y:auto;flex:1}.empty-message{color:var(--text-secondary);font-style:italic;margin:0;padding:8px;background:var(--field-bg-start);border-radius:4px;font-size:12px}.frequent-files-list{display:flex;flex-direction:column;gap:6px}.frequent-file-item{display:flex;align-items:center;gap:8px;background:linear-gradient(145deg,var(--field-bg-start),var(--field-bg-end));border:1px solid var(--border-color);border-radius:4px;padding:8px 10px;cursor:move;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;color:var(--text-primary)}.frequent-file-item:hover:not(.marked-for-delete){border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.frequent-file-item.marked-for-delete{opacity:.6;border-color:#ef4444;background:linear-gradient(145deg,#ef44440d,#ef444405)}.drag-handle{color:var(--text-secondary);font-size:14px;cursor:grab;-webkit-user-select:none;user-select:none;padding:0 2px;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.drag-handle:active{cursor:grabbing}.file-name{flex:1;font-size:12px;font-weight:500;color:var(--text-primary)}.file-name.strikethrough{text-decoration:line-through;color:#ef4444;font-weight:600}.delete-toggle-btn{padding:4px 8px;font-size:10px;font-weight:700;border-radius:4px;border:1px solid #ef4444;background:none;color:#ef4444;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.2px;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.delete-toggle-btn:hover{background:#fee2e2;transform:scale(1.05);box-shadow:0 2px 4px #ef444433}.delete-toggle-btn:active{transform:scale(.98)}.frequent-file-item.marked-for-delete .delete-toggle-btn{background:#fee2e2;color:#991b1b;border-color:#dc2626}.modal-footer{padding:8px 16px;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.btn-cancel,.btn-save{padding:6px 12px;border:none;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.2px}.btn-cancel{background:linear-gradient(145deg,#e5e7eb,#d1d5db);border:1px solid #9ca3af;color:var(--text-primary)}.btn-cancel:hover{background:linear-gradient(145deg,#d1d5db,#b4b8c0);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-cancel:active{transform:translateY(0)}.btn-save{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;border:1px solid #1d4ed8;box-shadow:0 2px 4px #3b82f633}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d;background:linear-gradient(145deg,#2563eb,#1d4ed8)}.btn-save:active{transform:translateY(0)}[data-theme=dark] .modal-overlay{background:#000c}[data-theme=dark] .modal-content{background:var(--container-bg-start);box-shadow:0 8px 32px #0009}[data-theme=dark] .modal-header{background:linear-gradient(145deg,#1e40af,#1e3a8a)}[data-theme=dark] .frequent-file-item{border-color:#3b82f633}[data-theme=dark] .frequent-file-item:hover:not(.marked-for-delete){border-color:#60a5fa;box-shadow:0 2px 4px #60a5fa26}[data-theme=dark] .frequent-file-item.marked-for-delete{border-color:#ef444466}[data-theme=dark] .file-name.strikethrough{color:#fca5a5}[data-theme=dark] .delete-toggle-btn{border-color:#dc2626;color:#fca5a5}[data-theme=dark] .delete-toggle-btn:hover{background:#ef44441a}[data-theme=dark] .frequent-file-item.marked-for-delete .delete-toggle-btn{background:#ef444433;color:#fca5a5;border-color:#dc2626}[data-theme=dark] .btn-cancel{background:linear-gradient(145deg,#374151,#1f2937);border-color:#6b7280;color:#cbd5e1}[data-theme=dark] .btn-cancel:hover{background:linear-gradient(145deg,#4b5563,#374151)}[data-theme=dark] .btn-save{background:linear-gradient(145deg,#1e40af,#1e3a8a);border-color:#1e3a8a}[data-theme=dark] .btn-save:hover{background:linear-gradient(145deg,#1e3a8a,#172554)}[data-theme=easyread] .modal-content{max-width:600px;background:#fff}[data-theme=easyread] .modal-header{background:#3b82f6;font-size:18px;padding:14px 18px}[data-theme=easyread] .modal-header h2{font-size:16px;font-weight:900}[data-theme=easyread] .modal-body{padding:14px 18px}[data-theme=easyread] .frequent-file-item{font-size:14px;font-weight:700;padding:10px 12px;border:2px solid #3b82f6}[data-theme=easyread] .file-name{font-size:13px}[data-theme=easyread] .delete-toggle-btn{font-size:11px;font-weight:900;padding:6px 10px;border:2px solid #ef4444}[data-theme=easyread] .btn-cancel,[data-theme=easyread] .btn-save{font-size:12px;font-weight:900;padding:8px 14px}.frequent-file-selector{display:flex;flex-direction:column;padding:0;background:transparent;border-radius:6px}.frequent-file-selector label{display:block;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;padding:12px 12px 0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.frequent-file-controls{background:linear-gradient(145deg,var(--container-bg-start),var(--container-bg-end));border-radius:6px;padding:6px;display:flex;align-items:center;gap:8px;flex:1}.frequent-file-dropdown{background:linear-gradient(145deg,var(--container-bg-start),var(--container-bg-end));font-size:12px;font-weight:700;border:2px solid var(--button-border);border-radius:6px;padding:10px 16px;overflow:hidden;cursor:pointer;flex:1;min-width:0;margin-bottom:0}.frequent-file-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.frequent-file-dropdown:disabled{opacity:.6;cursor:not-allowed;background:var(--preview-bg-start)}.frequent-file-dropdown:hover:not(:disabled){border-color:#3b82f6}.frequent-file-btn{border:2px solid var(--button-border);border-radius:6px;background:linear-gradient(145deg,#10b981,#059669);color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;flex-shrink:0;min-width:32px;min-height:38px;height:auto;line-height:1;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.2px;padding:0 12px}.frequent-file-btn:hover:not(:disabled){background:linear-gradient(145deg,#34d399,#10b981);transform:translateY(-1px);box-shadow:0 2px 4px #10b98133}.frequent-file-btn:active:not(:disabled){transform:translateY(0)}.frequent-file-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.frequent-file-btn.btn-add{font-size:20px;width:38px}.frequent-file-btn.btn-manage{font-size:11px;width:auto}.frequent-file-hint{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.2px;padding:4px 12px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] .frequent-file-selector{border-top-color:#3b82f633}[data-theme=dark] .frequent-file-selector label{color:#94a3b8}[data-theme=dark] .frequent-file-controls{border-color:#ffffff4d}[data-theme=dark] .frequent-file-dropdown{background:linear-gradient(145deg,var(--field-bg-start),var(--field-bg-end));border-color:#3b82f64d;color:#cbd5e1}[data-theme=dark] .frequent-file-dropdown:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}[data-theme=dark] .frequent-file-dropdown:hover:not(:disabled){border-color:#60a5fa}[data-theme=dark] .frequent-file-btn{border-color:#10b98199;background:linear-gradient(145deg,#047857,#065f46)}[data-theme=dark] .frequent-file-btn:hover:not(:disabled){background:linear-gradient(145deg,#059669,#047857);box-shadow:0 2px 4px #10b9814d}[data-theme=dark] .frequent-file-hint{color:#64748b}.folder-generator{margin-top:0}.year-range-inputs{margin-top:8px;background:var(--field-bg-start);padding:12px;border-radius:8px;border:2px solid var(--border-color)}.year-range-preview{font-size:11px;color:var(--text-secondary);margin-top:4px;font-style:italic}.help-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;align-items:center;justify-content:center;padding:20px}.help-modal.active{display:flex}.help-content{background:var(--container-bg-start);border-radius:12px;max-width:700px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d;position:relative}.help-header{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;padding:20px;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center}.help-header h2{font-size:24px;font-weight:900;margin:0;font-family:Courier New,monospace}.help-close{background:none;border:none;color:#fff;font-size:28px;font-weight:700;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.help-close:hover{background:#fff3}.help-body{padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;color:var(--text-primary)}.help-section{margin-bottom:28px}.help-section h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--border-color);font-family:Courier New,monospace}.help-section h4{font-size:15px;font-weight:700;color:var(--text-primary);margin:16px 0 8px;font-family:Courier New,monospace}.help-section p{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.help-section ul,.help-section ol{margin-left:20px;color:var(--text-secondary);font-size:14px}.help-section li{margin-bottom:8px}.help-example{background:var(--preview-bg-start);border:1px solid var(--border-color);border-radius:6px;padding:12px;margin:12px 0;font-family:Courier New,monospace;font-size:13px;color:var(--text-primary);overflow-x:auto;white-space:pre-wrap}.help-highlight{background:#dbeafe;border-left:3px solid #3b82f6;padding:12px;margin:12px 0;border-radius:4px;font-size:14px}[data-theme=dark] .help-highlight{background:#3b82f633}.shortcuts-table{width:100%;border-collapse:collapse;margin-top:12px}.shortcuts-table td{padding:8px 12px;border-bottom:1px solid var(--border-color)}.shortcuts-table td:first-child{font-family:Courier New,monospace;font-weight:600;white-space:nowrap;width:200px}.shortcuts-table kbd{background:var(--preview-bg-start);border:1px solid var(--border-color);border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:11px;font-weight:600;box-shadow:0 1px 2px #0000001a}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(145deg,#10b981,#059669);color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:9999;opacity:0;transition:all .3s ease;font-family:Courier New,monospace}.template-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.template-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.template-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.template-modal-header h2{margin:0;font-size:22px;font-weight:600;color:#1a1a1a}.template-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.template-modal-close:hover{background-color:#f5f5f5;color:#000}.template-modal-tabs{display:flex;border-bottom:1px solid #e0e0e0;background-color:#fafafa}.template-tab{flex:1;padding:16px 24px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#666;border-bottom:2px solid transparent;transition:all .3s ease}.template-tab:hover{color:#333;background-color:#f0f0f0}.template-tab.active{color:#2196f3;border-bottom-color:#2196f3;background-color:#fff}.template-modal-content{padding:24px}.template-export-section,.template-import-section{display:flex;flex-direction:column;gap:20px}.template-help-text{font-size:13px;color:#666;margin:0;line-height:1.5}.template-form-group{display:flex;flex-direction:column;gap:8px}.template-form-group label{font-size:13px;font-weight:600;color:#333}.template-input,.template-textarea{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:13px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.template-input:focus,.template-textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.template-textarea{resize:vertical;min-height:80px}.template-checkboxes,.template-import-options{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#f9f9f9;border-radius:6px}.template-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#333;-webkit-user-select:none;user-select:none}.template-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0;accent-color:#2196f3}.template-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.template-checkbox span{flex:1}.template-included-data{padding:16px;background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px}.template-included-data h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#2e7d32}.template-included-data ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.template-included-data li{font-size:13px;color:#2e7d32}.template-summary{padding:16px;background-color:#f0f4ff;border-left:4px solid #2196f3;border-radius:4px}.template-summary h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#1976d2}.template-summary-desc{margin:4px 0 8px;font-size:13px;color:#666}.template-summary-meta{margin:0 0 12px;font-size:12px;color:#999;font-style:italic}.template-summary h5{margin:12px 0 8px;font-size:13px;font-weight:600;color:#333}.template-contains-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.template-contains-list li{font-size:13px;color:#666}.template-file-input-wrapper{display:flex;gap:12px;align-items:center}.template-file-input{flex:1;padding:12px;border:2px dashed #2196f3;border-radius:6px;font-size:13px;cursor:pointer;background-color:#f0f7ff;color:#1976d2}.template-file-input:hover{background-color:#e3f2fd}.template-file-input:disabled{opacity:.6;cursor:not-allowed}.template-button{padding:12px 24px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.template-button:disabled{opacity:.6;cursor:not-allowed}.template-button-primary{background-color:#2196f3;color:#fff}.template-button-primary:hover:not(:disabled){background-color:#1976d2;box-shadow:0 2px 8px #2196f34d}.template-button-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.template-button-secondary:hover:not(:disabled){background-color:#eee;border-color:#bbb}.template-button-group{display:flex;gap:12px;justify-content:flex-end}.template-button-group .template-button{flex:0 1 auto}.template-button-group .template-button-primary{flex:0 1 auto;min-width:150px}.template-import-section h5{margin:20px 0 12px;font-size:13px;font-weight:600;color:#333}@media(max-width:600px){.template-modal{width:95%;max-height:95vh}.template-modal-header,.template-modal-content{padding:16px}.template-button-group{flex-direction:column}.template-button-group .template-button{width:100%}}@media(prefers-color-scheme:dark){.template-modal{background:#1e1e1e;color:#e0e0e0}.template-modal-header{border-bottom-color:#333}.template-modal-header h2{color:#e0e0e0}.template-modal-close{color:#999}.template-modal-close:hover{background-color:#333;color:#e0e0e0}.template-modal-tabs{border-bottom-color:#333;background-color:#2a2a2a}.template-tab{color:#999}.template-tab:hover{color:#e0e0e0;background-color:#333}.template-tab.active{color:#64b5f6;border-bottom-color:#64b5f6;background-color:#1e1e1e}.template-form-group label{color:#e0e0e0}.template-input,.template-textarea{background-color:#2a2a2a;border-color:#404040;color:#e0e0e0}.template-input:focus,.template-textarea:focus{border-color:#64b5f6;box-shadow:0 0 0 3px #64b5f633}.template-checkboxes,.template-import-options{background-color:#2a2a2a}.template-checkbox{color:#e0e0e0}.template-included-data{background-color:#4caf501a;border-left-color:#66bb6a}.template-included-data h4,.template-included-data li{color:#81c784}.template-summary{background-color:#2196f31a;border-left-color:#64b5f6}.template-summary h4,.template-summary h5{color:#64b5f6}.template-summary-desc,.template-contains-list li{color:#aaa}.template-file-input{border-color:#64b5f6;background-color:#2196f31a;color:#64b5f6}.template-file-input:hover{background-color:#2196f326}.template-button-secondary{background-color:#2a2a2a;color:#e0e0e0;border-color:#404040}.template-button-secondary:hover:not(:disabled){background-color:#333;border-color:#555}}.template-locked-banner{background-color:#fef2f2;border:2px solid #fee2e2;border-radius:6px;padding:12px 16px;margin:12px 20px 0;text-align:center}.template-locked-banner p{margin:0;color:#991b1b;font-weight:600;font-size:14px}.license-input-container{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;z-index:9999}.license-input-box{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto;margin:auto 0}.license-input-box h1{font-size:28px;margin:0 0 5px;text-align:center}.license-input-box h2{font-size:16px;margin:0 0 15px;text-align:center;color:#333}.edition-label{text-align:center;color:#666;font-size:12px;margin:0 0 20px}.edition-label strong{color:#333;font-weight:600}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:600;margin-bottom:6px;color:#333;font-size:13px}.license-input{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:monospace;transition:border-color .3s;box-sizing:border-box}.license-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.license-input:disabled{background:#f5f5f5;cursor:not-allowed}.help-text{display:block;margin-top:4px;color:#999;font-size:11px}.activate-button,.trial-button{width:100%;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:12px}.activate-button{background:#667eea;color:#fff}.activate-button:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.activate-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.trial-button{background:#f0f0f0;color:#333;border:2px solid #e0e0e0}.trial-button:hover:not(:disabled){background:#e8e8e8;border-color:#667eea;color:#667eea}.trial-button:disabled{opacity:.6;cursor:not-allowed}.trial-section,.info-section{margin-top:15px;padding-top:12px;border-top:1px solid #e0e0e0}.trial-section h3,.info-section h3{font-size:13px;margin:0 0 6px;color:#333;font-weight:600}.trial-description,.info-section p{font-size:12px;color:#666;line-height:1.4;margin:0 0 10px}.info-section a{color:#667eea;text-decoration:none;font-weight:600}.info-section a:hover{text-decoration:underline}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:15px;font-size:14px;border-left:4px solid #c33}.success-message{background:#efe;color:#3a3;padding:12px;border-radius:6px;margin-bottom:15px;font-size:14px;border-left:4px solid #3a3;font-weight:600}@media(max-width:600px){.license-input-container{padding:10px}.license-input-box{padding:25px;border-radius:10px}.license-input-box h1{font-size:24px;margin-bottom:8px}.license-input-box h2{font-size:18px;margin-bottom:15px}.edition-label{margin-bottom:20px;font-size:13px}.form-group{margin-bottom:15px}.form-group label{font-size:13px;margin-bottom:6px}.license-input{padding:10px;font-size:16px}.activate-button,.trial-button{padding:14px 16px;font-size:15px;margin-bottom:15px}.trial-section,.info-section{margin-top:20px;padding-top:15px}.trial-section h3,.info-section h3{font-size:15px;margin-bottom:8px}.trial-description,.info-section p{font-size:13px;margin-bottom:12px}}@media(max-width:400px){.license-input-box{padding:20px}.license-input-box h1{font-size:22px}.license-input-box h2{font-size:16px}}body.compact-mode{--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 6px;--spacing-lg: 8px;--spacing-xl: 12px}body.compact-mode .app-container{width:100%;height:100vh}body.compact-mode .mini-container{width:100%;min-width:280px;max-width:100vw;height:100%;display:flex;flex-direction:column;border-radius:0;overflow:hidden;border:none}body.compact-mode .app-layout{padding:4px;gap:4px;overflow-y:auto;flex:1;min-height:0}body.compact-mode .main-layout{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:start;flex:1;min-height:0;min-width:0}@media(min-width:600px){body.compact-mode .frequent-files-section-right{display:block!important}body.compact-mode .frequent-files-section-left{display:none!important}}@media(max-width:599px){body.compact-mode .frequent-files-section-left{display:block!important}body.compact-mode .frequent-files-section-right{display:none!important}}@media(max-width:599px){body.compact-mode .main-layout{grid-template-columns:1fr}}body.compact-mode .header{padding:6px 8px;gap:4px;border-bottom:1px solid var(--border-color);flex-shrink:0}body.compact-mode .header-title{font-size:12px;font-weight:900;letter-spacing:-.5px}body.compact-mode .header-buttons{gap:4px;display:flex;align-items:center}body.compact-mode .help-button,body.compact-mode .theme-toggle{width:28px;height:28px;font-size:12px;padding:0;border-radius:50%;flex-shrink:0}body.compact-mode .theme-toggle{order:2}body.compact-mode .help-button{order:3}body.compact-mode .compact-mode-toggle{width:28px;height:28px;font-size:12px;padding:0;border-radius:50%;flex-shrink:0;order:1;background:linear-gradient(145deg,#6366f1,#4f46e5);border:2px solid #ffffff;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #6366f14d}body.compact-mode .compact-mode-toggle:hover{transform:scale(1.1)}body.compact-mode .compact-mode-toggle:active{transform:scale(.95)}body.compact-mode .preview-zone{border:2px solid var(--border-color);border-radius:4px;padding:4px;overflow:hidden;flex-shrink:0;background:linear-gradient(145deg,var(--preview-bg-start),var(--preview-bg-end))}body.compact-mode .preview-zone-content{gap:2px;padding:4px;display:grid;grid-template-columns:1fr auto}body.compact-mode .preview-label{font-size:9px;font-weight:700;color:var(--text-primary);margin-bottom:2px;text-transform:uppercase;letter-spacing:.2px;grid-column:1 / -1}body.compact-mode .preview-text{font-size:11px;padding:4px 6px;border:1px solid var(--preview-border);min-height:18px;display:flex;align-items:center;border-radius:3px;overflow-x:auto;white-space:nowrap;font-weight:600}body.compact-mode .preview-text.invalid{background:#fee2e2;border-color:#fecaca;color:#991b1b}body.compact-mode .copy-button{padding:4px 8px;font-size:10px;font-weight:700;min-width:50px;border-radius:3px;flex-shrink:0;white-space:nowrap;height:fit-content}body.compact-mode .sequence-hint{font-size:8px;color:var(--text-secondary);grid-column:1 / -1;margin-top:2px;font-style:italic;letter-spacing:.2px}body.compact-mode .work-area-selector{margin-bottom:0}body.compact-mode .work-area-label{font-size:10px;margin-bottom:2px;font-weight:700;text-transform:uppercase;letter-spacing:.2px}body.compact-mode .work-area-controls{gap:4px;flex-wrap:nowrap}body.compact-mode .tab-selector{padding:6px 8px;font-size:11px;border:1px solid var(--button-border);border-radius:4px;flex:1;min-width:0}body.compact-mode .action-button{padding:6px 10px;font-size:10px;font-weight:700;border-radius:4px;white-space:nowrap;flex-shrink:0}body.compact-mode .field-group{padding:6px;margin-bottom:4px;border-radius:4px;border:1px solid var(--border-color);background:linear-gradient(145deg,var(--field-bg-start),var(--field-bg-end))}body.compact-mode label{font-size:10px;font-weight:700;margin-bottom:2px;text-transform:uppercase;letter-spacing:.2px;color:var(--text-primary)}body.compact-mode .required-indicator{color:#dc2626;margin-left:1px}body.compact-mode .optional-indicator{font-size:8px;color:var(--text-secondary)}body.compact-mode input,body.compact-mode select{padding:6px 8px;font-size:11px;border:1px solid var(--border-color);border-radius:4px;background:linear-gradient(145deg,var(--field-bg-start),var(--field-bg-end))}body.compact-mode .form-row{gap:4px;margin-bottom:4px;align-items:center}body.compact-mode .form-group{flex:1;min-width:0}body.compact-mode .form-group.half{flex:.5}body.compact-mode .field-hint{font-size:8px;color:var(--text-secondary);margin-top:2px;line-height:1.2;font-weight:500}body.compact-mode .category-description{font-size:9px;margin-top:2px;padding:2px 4px;border-radius:3px;min-height:14px;line-height:1.2}body.compact-mode .accordion-section{border:1px solid var(--border-color);border-radius:4px;margin-bottom:4px;background:linear-gradient(145deg,var(--field-bg-start),var(--field-bg-end))}body.compact-mode .accordion-header{padding:8px 10px;font-size:11px;font-weight:700;gap:6px}body.compact-mode .accordion-toggle{width:14px;font-size:10px}body.compact-mode .accordion-content{padding:6px 10px;border-top:1px solid var(--border-color);font-size:11px}body.compact-mode .frequent-file-selector{padding:6px;border-radius:4px;background:linear-gradient(145deg,var(--field-bg-start),var(--field-bg-end));border:1px solid var(--border-color)}body.compact-mode .frequent-file-dropdown{padding:6px 8px;font-size:11px;border:1px solid var(--border-color);border-radius:3px;flex:1}body.compact-mode .frequent-file-btn{min-width:28px;min-height:28px;padding:4px 8px;font-size:11px;border-radius:3px}body.compact-mode .frequent-file-btn.btn-add{font-size:16px;width:28px}body.compact-mode .frequent-file-btn.btn-manage{font-size:9px;padding:4px 6px}body.compact-mode .sequence-editor-toggle{margin-bottom:4px;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;background:linear-gradient(145deg,var(--field-bg-start),var(--field-bg-end))}body.compact-mode .toggle-header{gap:4px;padding:4px}body.compact-mode .toggle-btn{padding:6px 10px;font-size:11px;border-radius:3px;border:1px solid var(--border-color);flex:1}body.compact-mode .reset-btn-inline{padding:6px 10px;font-size:9px;font-weight:700;border-radius:3px;flex-shrink:0}body.compact-mode .button-row{gap:4px;padding:4px;grid-template-columns:1fr 1fr 1fr;margin:0}body.compact-mode .action-button{padding:6px 10px;font-size:10px}body.compact-mode .sequence-item{padding:6px 10px;gap:6px;border-radius:3px;font-size:11px;margin-bottom:4px}body.compact-mode .drag-handle{font-size:12px;padding:0 2px}body.compact-mode .component-name{font-size:11px;gap:4px}body.compact-mode .required-badge{font-size:9px}body.compact-mode .required-toggle{padding:3px 6px;font-size:8px;border-radius:2px;border:1px solid}body.compact-mode .remove-btn{padding:2px 4px;font-size:12px}body.compact-mode .preview-output{padding:6px;border-top:1px solid var(--border-color);gap:4px;background:linear-gradient(145deg,var(--preview-bg-start),var(--preview-bg-end));border-radius:4px;border:1px solid var(--preview-border)}body.compact-mode .preview-sequence{font-size:10px;padding:4px 6px;min-height:20px;gap:2px;border:1px solid var(--border-color);border-radius:3px}body.compact-mode .preview-component{padding:2px 6px;font-size:9px;border-radius:2px}body.compact-mode .available-components{padding:6px;border-top:1px solid var(--border-color);background:linear-gradient(145deg,var(--field-bg-start),var(--field-bg-end));gap:4px}body.compact-mode .component-list{gap:4px;flex-wrap:wrap}body.compact-mode .add-component-btn{padding:4px 8px;font-size:9px;border-radius:3px}body.compact-mode .sequence-info{padding:4px 6px;font-size:9px;border-top:1px solid var(--border-color);background:#3b82f60d;border-radius:3px;line-height:1.3;margin-top:4px}body.compact-mode .folder-generator{margin-top:0}body.compact-mode .year-range-inputs{margin-top:4px;padding:6px;border-radius:4px;border:1px solid var(--border-color)}body.compact-mode .year-range-preview{font-size:9px;margin-top:2px}body.compact-mode .validation-warning{padding:6px 8px;margin-top:4px;font-size:10px;border-radius:3px;border-left:2px solid #dc2626}body.compact-mode .app-footer{font-size:8px;padding:2px 4px;margin-top:4px;text-align:center;flex-shrink:0}body.compact-mode .app-layout{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}body.compact-mode .app-layout::-webkit-scrollbar{width:4px}body.compact-mode .app-layout::-webkit-scrollbar-track{background:transparent}body.compact-mode .app-layout::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}body.compact-mode .app-layout::-webkit-scrollbar-thumb:hover{background:var(--button-border)}:root{--bg-gradient-start: #f0f4f8;--bg-gradient-end: #d9e6f2;--container-bg-start: #ffffff;--container-bg-end: #f8fbff;--text-primary: #000000;--text-secondary: #64748b;--border-color: #cbd5e1;--field-bg-start: #ffffff;--field-bg-end: #f8fafc;--preview-bg-start: #e2e8f0;--preview-bg-end: #cbd5e1;--preview-border: #94a3b8;--preview-text-bg: #ffffff;--button-bg: #f1f5f9;--button-border: #64748b;--help-text-bg: rgba(255, 255, 255, .5)}[data-theme=dark]{--bg-gradient-start: #1e293b;--bg-gradient-end: #0f172a;--container-bg-start: #1e293b;--container-bg-end: #0f172a;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #475569;--field-bg-start: #0f172a;--field-bg-end: #020617;--preview-bg-start: #334155;--preview-bg-end: #1e293b;--preview-border: #475569;--preview-text-bg: #0f172a;--button-bg: #334155;--button-border: #64748b;--help-text-bg: rgba(30, 41, 59, .5);--info-bg: #1e3a8a;--info-text: #93c5fd;--disabled-bg: #1e293b;--input-bg: #0f172a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;background:radial-gradient(ellipse at top,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);height:100vh;margin:0;padding:0;color:var(--text-primary);font-weight:500;transition:background .3s ease;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:Courier New,Monaco,Menlo,monospace;font-weight:700}.app-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.mini-container{width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;background:linear-gradient(145deg,var(--container-bg-start) 0%,var(--container-bg-end) 100%);position:relative;overflow:hidden;transition:background .3s ease}.mini-container.tab-area01{background:linear-gradient(145deg,#80d4ff33,#40bdff1a)}.mini-container.tab-area02{background:linear-gradient(145deg,#ffc1d433,#ff8aab1a)}.mini-container.tab-area03{background:linear-gradient(145deg,#80ffe533,#40f0d91a)}.mini-container.tab-area04{background:linear-gradient(145deg,#ffab9133,#ff8a651a)}.mini-container.tab-area05{background:linear-gradient(145deg,#80ff9e33,#40f27d1a)}.mini-container.tab-area06{background:linear-gradient(145deg,#fff38033,#ffe7401a)}.mini-container.tab-area07{background:linear-gradient(145deg,#d4b3ff33,#b388ff1a)}.mini-container.tab-area08{background:linear-gradient(145deg,#b3d9ff33,#7fb3ff1a)}.mini-container.tab-area09{background:linear-gradient(145deg,#80deea33,#4dd0e11a)}.mini-container.tab-area10{background:linear-gradient(145deg,#d4d4d433,#bdbdbd1a)}.tab-selector{flex:1;padding:8px 12px;border:3px solid var(--border-color);border-radius:8px;background:linear-gradient(145deg,var(--field-bg-start) 0%,var(--field-bg-end) 100%);font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tab-area01 .tab-selector{border-color:#0091ea;background:linear-gradient(145deg,#80d4ff,#40bdff);color:#01579b}.tab-area02 .tab-selector{border-color:#ff1744;background:linear-gradient(145deg,#ffc1d4,#ff8aab);color:#c41e3a}.tab-area03 .tab-selector{border-color:#00bfa5;background:linear-gradient(145deg,#80ffe5,#40f0d9);color:#00796b}.tab-area04 .tab-selector{border-color:#ff6d00;background:linear-gradient(145deg,#ffab91,#ff8a65);color:#d84315}.tab-area05 .tab-selector{border-color:#00c853;background:linear-gradient(145deg,#80ff9e,#40f27d);color:#1b5e20}.tab-area06 .tab-selector{border-color:#ffc400;background:linear-gradient(145deg,#fff380,#ffe740);color:#f57f17}.tab-area07 .tab-selector{border-color:#7c4dff;background:linear-gradient(145deg,#d4b3ff,#b388ff);color:#4a148c}.tab-area08 .tab-selector{border-color:#3d5afe;background:linear-gradient(145deg,#b3d9ff,#7fb3ff);color:#1a237e}.tab-area09 .tab-selector{border-color:#00b8d4;background:linear-gradient(145deg,#80deea,#4dd0e1);color:#006064}.tab-area10 .tab-selector{border-color:#757575;background:linear-gradient(145deg,#d4d4d4,#bdbdbd);color:#424242}.tab-selector option{padding:8px 12px;font-weight:500;font-size:13px}.tab-selector option[value=area01]{background-color:#80d4ff;color:#01579b;font-weight:600}.tab-selector option[value=area02]{background-color:#ffc1d4;color:#c41e3a;font-weight:600}.tab-selector option[value=area03]{background-color:#80ffe5;color:#00796b;font-weight:600}.tab-selector option[value=area04]{background-color:#ffab91;color:#d84315;font-weight:600}.tab-selector option[value=area05]{background-color:#80ff9e;color:#1b5e20;font-weight:600}.tab-selector option[value=area06]{background-color:#fff380;color:#f57f17;font-weight:600}.tab-selector option[value=area07]{background-color:#d4b3ff;color:#4a148c;font-weight:600}.tab-selector option[value=area08]{background-color:#b3d9ff;color:#1a237e;font-weight:600}.tab-selector option[value=area09]{background-color:#80deea;color:#006064;font-weight:600}.tab-selector option[value=area10]{background-color:#d4d4d4;color:#424242;font-weight:600}[data-theme=dark] .tab-area01 .tab-selector{border-color:#0091ea;background:linear-gradient(145deg,#0369a1,#0d47a1);color:#7dd3fc}[data-theme=dark] .tab-area02 .tab-selector{border-color:#ff1744;background:linear-gradient(145deg,#be123c,#a71930);color:#fda4af}[data-theme=dark] .tab-area03 .tab-selector{border-color:#00bfa5;background:linear-gradient(145deg,#047857,#004d40);color:#6ee7b7}[data-theme=dark] .tab-area04 .tab-selector{border-color:#ff6d00;background:linear-gradient(145deg,#c2410c,#b71c1c);color:#fdba74}[data-theme=dark] .tab-area05 .tab-selector{border-color:#00c853;background:linear-gradient(145deg,#15803d,#1b5e20);color:#86efac}[data-theme=dark] .tab-area06 .tab-selector{border-color:#ffc400;background:linear-gradient(145deg,#ca8a04,#b8860b);color:#fde047}[data-theme=dark] .tab-area07 .tab-selector{border-color:#7c4dff;background:linear-gradient(145deg,#6d28d9,#4a148c);color:#c4b5fd}[data-theme=dark] .tab-area08 .tab-selector{border-color:#3d5afe;background:linear-gradient(145deg,#1e3a8a,#0d47a1);color:#bfdbfe}[data-theme=dark] .tab-area09 .tab-selector{border-color:#00b8d4;background:linear-gradient(145deg,#0369a1,#006064);color:#80deea}[data-theme=dark] .tab-area10 .tab-selector{border-color:#616161;background:linear-gradient(145deg,#424242,#212121);color:#e0e0e0}[data-theme=dark] .tab-selector option[value=area01]{background-color:#0369a1;color:#7dd3fc;font-weight:600}[data-theme=dark] .tab-selector option[value=area02]{background-color:#be123c;color:#fda4af;font-weight:600}[data-theme=dark] .tab-selector option[value=area03]{background-color:#047857;color:#6ee7b7;font-weight:600}[data-theme=dark] .tab-selector option[value=area04]{background-color:#c2410c;color:#fdba74;font-weight:600}[data-theme=dark] .tab-selector option[value=area05]{background-color:#15803d;color:#86efac;font-weight:600}[data-theme=dark] .tab-selector option[value=area06]{background-color:#ca8a04;color:#fde047;font-weight:600}[data-theme=dark] .tab-selector option[value=area07]{background-color:#6d28d9;color:#c4b5fd;font-weight:600}[data-theme=dark] .tab-selector option[value=area08]{background-color:#1e3a8a;color:#bfdbfe;font-weight:600}[data-theme=dark] .tab-selector option[value=area09]{background-color:#0369a1;color:#80deea;font-weight:600}[data-theme=dark] .tab-selector option[value=area10]{background-color:#424242;color:#e0e0e0;font-weight:600}.tab-area01 .field-group{border-color:#0091ea;background:linear-gradient(145deg,#c8e6f5,#a8d8f0)}.tab-area02 .field-group{border-color:#ff1744;background:linear-gradient(145deg,#ffb3c1,#ffa0b2)}.tab-area03 .field-group{border-color:#00bfa5;background:linear-gradient(145deg,#b3f5ea,#99f0e0)}.tab-area04 .field-group{border-color:#ff6d00;background:linear-gradient(145deg,#ffd4b3,#ffc4a0)}.tab-area05 .field-group{border-color:#00c853;background:linear-gradient(145deg,#c8f5d4,#b3f0c4)}.tab-area06 .field-group{border-color:#ffc400;background:linear-gradient(145deg,#fffbd4,#fffac4)}.tab-area07 .field-group{border-color:#7c4dff;background:linear-gradient(145deg,#e8d9ff,#dccbff)}.tab-area08 .field-group{border-color:#3d5afe;background:linear-gradient(145deg,#d9ecff,#c9deff)}.tab-area09 .field-group{border-color:#00b8d4;background:linear-gradient(145deg,#c8f5f5,#b3eff0)}.tab-area10 .field-group{border-color:#757575;background:linear-gradient(145deg,#e8e8e8,#d8d8d8)}[data-theme=dark] .tab-area01 .field-group{border-color:#0091ea;background:#0091ea40}[data-theme=dark] .tab-area02 .field-group{border-color:#ff1744;background:#ff174440}[data-theme=dark] .tab-area03 .field-group{border-color:#00bfa5;background:#00bfa540}[data-theme=dark] .tab-area04 .field-group{border-color:#ff6d00;background:#ff6d0040}[data-theme=dark] .tab-area05 .field-group{border-color:#00c853;background:#00c85340}[data-theme=dark] .tab-area06 .field-group{border-color:#ffc400;background:#ffc40040}[data-theme=dark] .tab-area07 .field-group{border-color:#7c4dff;background:#7c4dff40}[data-theme=dark] .tab-area08 .field-group{border-color:#3d5afe;background:#3d5afe40}[data-theme=dark] .tab-area09 .field-group{border-color:#00b8d4;background:#00b8d440}[data-theme=dark] .tab-area10 .field-group{border-color:#757575;background:#75757540}.header{background:linear-gradient(145deg,var(--container-bg-start) 0%,var(--field-bg-end) 100%);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06);position:relative;flex-wrap:nowrap;gap:12px;flex-shrink:0}[data-theme=dark] .header{border-bottom:1px solid rgba(71,85,105,.3)}.header-title{font-size:22px;font-weight:900;margin:0;color:var(--text-primary);letter-spacing:-.5px;text-shadow:0 1px 2px rgba(255,255,255,.8);font-family:Courier New,monospace;line-height:1.2;display:flex;align-items:center;gap:4px;flex:1}[data-theme=dark] .header-title{text-shadow:0 1px 2px rgba(0,0,0,.5)}.header-left{display:flex;flex-direction:column;flex-grow:1;min-width:0}.edition-selector{background:linear-gradient(145deg,#f0f4f8,#e2e8f0);border:2px solid #cbd5e1;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace;width:max-content;white-space:nowrap}.edition-selector:hover{border-color:#3b82f6;box-shadow:0 0 8px #3b82f633}.header-buttons{position:relative;display:flex;gap:4px;align-items:center;flex-wrap:nowrap;flex-shrink:0}.help-button,.theme-toggle{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#3b82f6,#2563eb);border:2px solid #ffffff;color:#fff;font-size:16px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #3b82f64d;transition:all .2s ease;font-family:Courier New,monospace;flex-shrink:0}[data-theme=dark] .help-button,[data-theme=dark] .theme-toggle{background:#334155;border:1px solid #475569;color:#f1f5f9}.help-button:hover,.theme-toggle:hover{background:#f5f5f5;border-color:#ccc;color:#222}.help-button:active,.theme-toggle:active{transform:scale(.95)}.compact-mode-button{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#3b82f6,#2563eb);border:2px solid #ffffff;color:#fff;font-size:16px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #3b82f64d;transition:all .2s ease;font-family:Courier New,monospace;flex-shrink:0}[data-theme=dark] .compact-mode-button{border:2px solid #475569}.compact-mode-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.compact-mode-button:active{transform:scale(.95)}@media(max-width:768px){.header{padding:10px 12px;gap:8px}.header-title{font-size:14px}.edition-selector{padding:4px 6px;font-size:12px}.help-button,.theme-toggle,.compact-mode-button{width:28px;height:28px;font-size:14px}}.app-layout{display:flex;flex-direction:column;gap:8px;padding:8px;overflow-x:hidden;overflow-y:auto;flex:1}.preview-zone{background:linear-gradient(145deg,#3b82f60d,#1e90ff08);border-radius:8px;padding:0;border:3px solid var(--border-color);overflow:hidden;flex-shrink:0}.tab-area01 .preview-zone{background:linear-gradient(145deg,#80d4ff,#40bdff);border:3px solid #0091ea}.tab-area02 .preview-zone{background:linear-gradient(145deg,#ffc1d4,#ff8aab);border:3px solid #ff1744}.tab-area03 .preview-zone{background:linear-gradient(145deg,#80ffe5,#40f0d9);border:3px solid #00bfa5}.tab-area04 .preview-zone{background:linear-gradient(145deg,#ffab91,#ff8a65);border:3px solid #ff6d00}.tab-area05 .preview-zone{background:linear-gradient(145deg,#80ff9e,#40f27d);border:3px solid #00c853}.tab-area06 .preview-zone{background:linear-gradient(145deg,#fff380,#ffe740);border:3px solid #ffc400}.tab-area07 .preview-zone{background:linear-gradient(145deg,#d4b3ff,#b388ff);border:3px solid #7c4dff}.tab-area08 .preview-zone{background:linear-gradient(145deg,#b3d9ff,#7fb3ff);border:3px solid #3d5afe}.tab-area09 .preview-zone{background:linear-gradient(145deg,#80deea,#4dd0e1);border:3px solid #00b8d4}.tab-area10 .preview-zone{background:linear-gradient(145deg,#d4d4d4,#bdbdbd);border:3px solid #757575}.preview-zone-content{display:grid;grid-template-columns:1fr auto;gap:2px;padding:8px;width:100%;background:linear-gradient(145deg,var(--preview-bg-start) 0%,var(--preview-bg-end) 100%);border:2px solid var(--preview-border);border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;align-items:center}.preview-item{display:contents}.preview-item:nth-child(1)>.preview-label{grid-column:1 / -1}.preview-item:nth-child(1)>.preview-text{grid-column:1;min-width:0}.preview-item:nth-child(1)>.copy-button{grid-column:2}.preview-item:nth-child(1)>.sequence-hint{grid-column:1 / -1}.preview-item:nth-child(2)>.preview-label{grid-column:1 / -1}.preview-item:nth-child(2)>.preview-text{grid-column:1;min-width:0}.preview-item:nth-child(2)>.copy-button{grid-column:2}.preview-item:nth-child(2)>.sequence-hint{grid-column:1 / -1}.main-layout{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start;flex:1;min-height:0}.left-column,.right-column{display:flex;flex-direction:column;gap:12px;min-width:0}.frequent-files-section-left,.frequent-files-section-right{display:none}@media(min-width:860px){.frequent-files-section-left{display:none}.frequent-files-section-right{display:block}}@media(max-width:859px){.frequent-files-section-left{display:block}.frequent-files-section-right{display:none}}.preview-section{display:none}.preview-label{font-size:11px;font-weight:700;color:var(--text-primary);margin-bottom:1px;text-transform:uppercase;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preview-text-container{display:none}.preview-text{font-family:Courier New,monospace;font-size:14px;background:var(--preview-text-bg);padding:6px;border-radius:4px;border:2px solid var(--preview-border);word-break:normal;overflow-x:auto;overflow-y:hidden;white-space:nowrap;color:var(--text-primary);font-weight:600;min-height:22px;display:flex;align-items:center;gap:4px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.preview-text::-webkit-scrollbar{height:4px}.preview-text::-webkit-scrollbar-track{background:transparent}.preview-text::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.copy-button{background:linear-gradient(145deg,#10b981,#059669);border:2px solid #047857;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:13px;color:#fff;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;flex-shrink:0;min-width:60px;text-align:center;white-space:nowrap;align-self:center}.copy-button:hover{background:var(--preview-bg-start);border-color:#3b82f6;transform:scale(1.05)}.copy-button:active{background:var(--preview-bg-end);transform:scale(.95)}.copy-button:disabled{opacity:.5;cursor:not-allowed}.copy-button:disabled:hover{transform:none}.form-row{display:flex;gap:6px;margin-bottom:6px;align-items:center}.form-group{flex:1;min-width:0}.form-group.half{flex:.5;min-width:0}label{display:block;font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:4px;text-transform:capitalize;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] label{color:#cbd5e1}.required-indicator{color:#dc2626;margin-left:2px}.optional-indicator{color:var(--text-secondary);font-weight:400;font-size:11px;font-style:italic;margin-left:4px}input,select{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;background:linear-gradient(145deg,var(--field-bg-start) 0%,var(--field-bg-end) 100%);font-weight:500;color:var(--text-primary);transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.2px}[data-theme=dark] input,[data-theme=dark] select{background:#0f172a;color:#f1f5f9}input:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}select{padding:2px 32px 2px 10px;cursor:pointer;font-size:16px;line-height:1.2}select::-webkit-outer-spin-button,select::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-group{background:#ffffffe6;border-radius:8px;padding:8px;margin-bottom:10px;border:2px solid rgba(0,0,0,.1);transition:all .3s ease}.form-field-wrapper{position:relative}.form-field-wrapper.is-required{padding:2px;margin:6px -2px;border-radius:6px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#dc2626,#991b1b) border-box;border:2px solid transparent}[data-theme=dark] .form-field-wrapper.is-required{background:linear-gradient(#0f172a,#0f172a) padding-box,linear-gradient(145deg,#dc2626,#991b1b) border-box;border:2px solid transparent}[data-theme=dark] .field-group{background:#1e293b80;border-color:#4755694d}.category-description{font-size:11px;color:var(--text-primary);font-style:italic;margin-top:4px;padding:4px 6px;background:var(--help-text-bg);border-radius:4px;min-height:16px;line-height:1.3;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.field-hint{font-size:14px;color:var(--text-secondary);font-style:italic;margin-top:3px;line-height:1.3;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] .field-hint{color:#94a3b8}.form-group-short{display:flex;flex-direction:column;flex:1;min-width:140px}.form-row{display:flex;gap:15px;align-items:flex-start}.form-row .form-group-short{flex:1;margin-bottom:0}.form-group-short label{display:block;font-weight:600;margin-bottom:6px;font-size:.95em;color:#333}.form-group-short input,.form-group-short select{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:.95em;font-family:inherit;box-sizing:border-box}.form-group-short input:focus,.form-group-short select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group-short .field-hint{font-size:.85em;color:#666;margin-top:4px;font-style:italic}.form-group-short .required-indicator{color:#e74c3c;margin-left:3px;font-weight:700}.form-group-short .optional-indicator{color:#999;margin-left:3px;font-size:.8em}.action-button{padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center;color:#fff;box-shadow:0 2px 4px #0000001a}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.action-button:active{transform:translateY(0)}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-blue{background:linear-gradient(145deg,#3b82f6,#2563eb);border:2px solid #1e40af}.btn-green{background:linear-gradient(145deg,#10b981,#059669);border:2px solid #047857}.btn-orange{background:linear-gradient(145deg,#f59e0b,#d97706);border:2px solid #b45309}.btn-red{background:linear-gradient(145deg,#ef4444,#dc2626);border:2px solid #991b1b}.button-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:6px}.work-area-selector{margin-bottom:12px}.work-area-label{display:block;font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:4px;text-transform:capitalize;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] .work-area-label{color:#cbd5e1}.work-area-controls{display:flex;gap:8px}.sequence-editor-toggle{margin-bottom:8px;background:linear-gradient(145deg,var(--container-bg-start),var(--container-bg-end));border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.toggle-header{display:flex;gap:6px;align-items:stretch;padding:6px;background:var(--field-bg-start)}.toggle-btn{flex:1;padding:10px 16px;background:var(--button-bg);border:2px solid var(--button-border);border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;text-align:left;color:var(--text-primary);transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toggle-btn:hover{background:var(--preview-bg-start);border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f633}.toggle-btn:active{transform:translateY(0)}.reset-btn-inline{padding:10px 14px;background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;border:2px solid #991b1b;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;white-space:nowrap;min-width:70px}.reset-btn-inline:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d;background:linear-gradient(145deg,#f87171,#ef4444)}.reset-btn-inline:active{transform:translateY(0)}.sequence-hint{font-size:14px;color:var(--text-secondary);font-style:italic;margin-top:2px;padding:4px 6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;opacity:.95}.validation-warning{display:none;margin-top:8px;padding:12px 12px 12px 14px;background:#fee2e2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:6px;color:#991b1b;font-size:13px;font-weight:500}[data-theme=dark] .validation-warning{background:#ef444433;border-color:#dc262680;border-left-color:#ef4444;color:#fca5a5}.validation-warning.show{display:block}.preview-text.invalid{background:#fee2e2;border-color:#fecaca;color:#991b1b;font-weight:600}[data-theme=dark] .preview-text.invalid{background:#dc262633;border-color:#dc262680;color:#fca5a5}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--text-primary)}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--text-primary);text-align:center;padding:20px}.error-screen h1{color:#ef4444;margin-bottom:16px}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(145deg,#10b981,#059669);color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:9999;opacity:0;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toast-show{opacity:1;transform:translate(-50%) translateY(0)}.toast-icon{font-size:18px;font-weight:900}.toast-message{font-weight:600}.dynamic-fields-section{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border-color)}@media(max-width:860px){.mini-container{border-radius:8px;box-shadow:0 2px 8px #0000001a}.app-layout{padding:0 8px 8px;gap:8px}.preview-zone-content{gap:2px;padding:8px}.main-layout{grid-template-columns:1fr;gap:8px}.left-column,.right-column{gap:8px}.field-group{padding:8px;margin-bottom:6px}.toggle-btn{padding:6px 10px;font-size:12px}.action-button{padding:8px 12px;font-size:12px}input,select{padding:6px 8px;font-size:12px}label{font-size:11px;margin-bottom:2px}.preview-label{font-size:11px;margin-bottom:4px}.preview-text{font-size:12px;padding:6px}.form-row{margin-bottom:4px;gap:4px}.button-row{gap:4px;margin-bottom:6px}.work-area-selector{margin-bottom:8px}.work-area-label{font-size:11px;margin-bottom:2px}.tab-selector{padding:6px 10px;font-size:12px;border:2px solid}.validation-warning{padding:8px;margin-top:6px;font-size:12px}.preview-section{padding:8px}}@media(max-width:768px){body{padding:10px}.app-container{padding:0 10px}.app-layout{padding:6px 8px 10px;gap:8px}.preview-zone{padding:4px}.preview-zone-content{gap:2px;padding:4px}.main-layout,.left-column,.right-column{gap:10px}.mini-container{border-radius:8px}.header h1{font-size:16px}.button-row{grid-template-columns:1fr 1fr 1fr}}@media(max-width:768px){.header{padding:10px 8px;gap:8px;flex-wrap:wrap}.header-left{flex:1;min-width:0}.header-title{font-size:14px;letter-spacing:-.3px}.header-by-line,.header-edition-name{display:none}.header-buttons{gap:2px!important}.header .compact-mode-button,.header .theme-toggle,.header .help-button,.header .license-icon-button{width:28px!important;height:28px!important;font-size:13px!important}.tutorial-toggle{width:28px!important;height:28px!important;padding:0!important;border-radius:50%!important}.tutorial-toggle .tutorial-icon{font-size:14px!important}.tutorial-toggle .tutorial-text{display:none!important}}@media(max-width:500px){.header{padding:8px 6px;gap:1px}.header-title{font-size:12px}.header-buttons{gap:1px!important}.header .compact-mode-button,.header .theme-toggle,.header .help-button,.header .license-icon-button,.tutorial-toggle{width:24px!important;height:24px!important;font-size:11px!important}.tutorial-toggle .tutorial-icon{font-size:12px!important}}@media(min-height:900px){.left-column,.right-column{max-height:calc(100vh - 300px);overflow-y:auto;padding-right:6px}.left-column::-webkit-scrollbar,.right-column::-webkit-scrollbar{width:6px}.left-column::-webkit-scrollbar-track,.right-column::-webkit-scrollbar-track{background:transparent}.left-column::-webkit-scrollbar-thumb,.right-column::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.left-column::-webkit-scrollbar-thumb:hover,.right-column::-webkit-scrollbar-thumb:hover{background:var(--button-border)}}[data-theme=dark] .preview-zone{background:linear-gradient(145deg,#3b82f614,#1e90ff0a);border-color:#4755694d}.app-footer{text-align:center;font-size:.85rem;color:#666;margin-top:12px;padding:4px;background:transparent;position:relative;padding-bottom:env(safe-area-inset-bottom,12px);box-sizing:border-box}@media all and (display-mode:standalone){.app-footer{padding-bottom:12px}}.header-title-block{display:flex;flex-direction:column;gap:8px;flex-grow:1;min-width:0}.header-edition-selector{display:flex;align-items:center;gap:8px}.edition-selector{background:linear-gradient(145deg,#f0f4f8,#e2e8f0);border:2px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:250px}.edition-selector:hover{border-color:#3b82f6;box-shadow:0 0 8px #3b82f633;background:linear-gradient(145deg,#e0e9f8,#d0dff0)}.edition-selector:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 12px #3b82f64d}[data-theme=dark] .edition-selector{background:linear-gradient(145deg,#334155,#1e293b);border-color:#475569;color:#f1f5f9}[data-theme=dark] .edition-selector:hover{border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d;background:linear-gradient(145deg,#3d4f62,#2d3f52)}.edition-selector option{background-color:#fff;color:#1e293b;padding:8px 12px;font-weight:500;font-size:13px}[data-theme=dark] .edition-selector option{background-color:#1e293b;color:#f1f5f9}.edition-loading{font-size:12px;color:#64748b;font-style:italic;padding:6px 12px}[data-theme=dark] .edition-loading{color:#94a3b8}@media(max-width:768px){.edition-selector{max-width:180px;font-size:12px;padding:4px 8px}.header-title-block,.header-edition-selector{gap:4px}}@media(max-width:500px){.edition-selector{max-width:140px;font-size:11px;padding:3px 6px}.header-title{font-size:12px}}[data-theme=dark] select{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #475569;color:#f1f5f9}[data-theme=dark] select option{background-color:#1e293b;color:#f1f5f9;padding:8px 12px}[data-theme=dark] select{color-scheme:dark}[data-theme=dark] .frequent-file-dropdown{background:linear-gradient(145deg,#334155,#1e293b);border:2px solid #475569;color:#f1f5f9;font-weight:600}[data-theme=dark] .frequent-file-dropdown option{background-color:#1e293b;color:#f1f5f9;font-weight:500}[data-theme=dark] .frequent-file-dropdown:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}