.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;position:relative;z-index:12}.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}.slide-tips{margin:0 0 16px;padding-left:20px;font-size:13px;color:#374151;line-height:1.6}[data-theme=dark] .slide-tips{color:#d1d5db}.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;gap:6px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:transform .2s ease;margin-right:8px;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.license-status-icon:hover{transform:translateY(-1px)}.license-status-icon .lock-icon{font-size:13px;line-height:1}.license-chip--licensed{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.license-chip--trial{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.license-chip--unlicensed{background:#fef2f2;border-color:#fecaca;color:#b91c1c}[data-theme=dark] .license-chip--licensed{background:#10b98124;border-color:#34d39959;color:#6ee7b7}[data-theme=dark] .license-chip--trial{background:#3b82f629;border-color:#60a5fa59;color:#93c5fd}[data-theme=dark] .license-chip--unlicensed{background:#ef444424;border-color:#f8717159;color:#fca5a5}@media(max-width:700px){.license-chip-label{display:none}.license-status-icon{padding:4px 8px}}.header-buttons{position:relative;display:flex!important;gap:4px!important;align-items:center!important;flex-wrap:nowrap!important;flex-shrink:1!important;flex-direction:row!important;width:auto!important;min-width:0!important}.header .region-wrapper{position:relative;display:flex!important;gap:0!important;align-items:center!important;flex-wrap:nowrap!important;flex-shrink:1!important;flex-direction:row!important;min-width:auto!important;width:auto!important}.header .tutorial-toggle{flex-shrink:0!important}.header .gizmo-mode-button,.header .theme-toggle,.header .help-button,.header .license-icon-button{flex-shrink:0!important;width:36px!important;height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;cursor:pointer!important;transition:all .2s ease!important;min-width:36px!important;flex-direction:row!important}.header .region-wrapper>*{flex-shrink:0!important}.header-user-info{display:flex;align-items:center;gap:12px;margin-right:16px;padding-right:12px;border-right:1px solid #ddd}.user-email{font-size:13px;color:#666;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{padding:6px 12px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease;white-space:nowrap}.logout-button:hover{background-color:#e0e0e0;border-color:#999}.logout-button:active{background-color:#d0d0d0}@media(max-width:800px){.header-user-info{gap:8px;margin-right:8px;padding-right:8px}.user-email{font-size:12px;max-width:100px}.logout-button{padding:4px 8px;font-size:11px}}@media(max-width:600px){.header-user-info{flex-direction:column;gap:4px;margin-right:0;padding-right:0;border-right:none;border-top:1px solid #ddd;padding-top:8px;margin-top:8px}.user-email{max-width:none;text-overflow:clip}.logout-button{width:100%}}.view-switcher{display:flex;align-items:flex-end;gap:3px}.view-switcher-tab{position:relative;cursor:pointer;font-weight:700;font-size:13px;padding:8px 20px 9px;border-radius:7px 7px 0 0;margin-bottom:-1px;background:linear-gradient(#f1f5f9,#e6ecf3);border:1px solid var(--border-color, #cbd5e1);color:#475569;transition:all .15s ease;white-space:nowrap}[data-theme=dark] .view-switcher-tab{background:var(--button-bg, #334155);color:#94a3b8}.view-switcher-tab:hover{color:var(--text-primary, #1f2937)}.view-switcher-tab.active{padding:5px 20px 9px;background:var(--field-bg-start, #fff);border-bottom-color:var(--field-bg-start, #fff);border-top:4px solid var(--tab-bar, #94a3b8);color:var(--tab-ink, #334155);z-index:1}.view-switcher-tab[data-view=workspace].active{--tab-bar: var(--area-border);--tab-ink: var(--area-ink)}.view-switcher-tab[data-view=customize].active{--tab-bar: #94a3b8;--tab-ink: #334155}.view-switcher-tab[data-view=learn].active{--tab-bar: #475569;--tab-ink: #1e293b}.header-edition-name{margin:4px 0 0;font-size:12px;color:#999;font-weight:500;text-transform:capitalize;letter-spacing:.5px}.header-title-block{display:flex;flex-direction:column;gap:2px}.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}.context-bar{display:flex;align-items:center;gap:11px;padding:7px 12px;border-bottom:3px solid var(--area-border, var(--border-color));background:linear-gradient(145deg,var(--area-a, var(--field-bg-start)),var(--area-b, var(--field-bg-end)));flex-shrink:0;flex-wrap:wrap}.context-bar__dot{width:13px;height:13px;border-radius:999px;background:var(--area-border, var(--preview-border));outline:1px solid var(--area-border, var(--preview-border));outline-offset:2px;flex-shrink:0}.tab-area02 .context-bar__dot,.tab-area06 .context-bar__dot{border-radius:2px}.tab-area03 .context-bar__dot,.tab-area08 .context-bar__dot{width:10px;height:10px;border-radius:2px;transform:rotate(45deg)}.tab-area04 .context-bar__dot,.tab-area09 .context-bar__dot{border-radius:0;outline-offset:3px;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.tab-area07 .context-bar__dot,.tab-area10 .context-bar__dot{border-radius:0;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.context-bar .work-area-selector{margin-bottom:0;display:flex;align-items:center;gap:10px}.context-bar .work-area-label{margin-bottom:0;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--area-ink, var(--text-primary))}.context-bar .tab-selector{min-width:190px;font-size:13px;font-weight:700;padding:5px 9px;border-width:2px}.context-bar__convention{flex:1;min-width:0;font-family:Courier New,monospace;font-size:12px;color:var(--area-ink, var(--text-primary));background:#ffffff8c;border:1px solid rgba(255,255,255,.8);border-radius:6px;padding:5px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .context-bar__convention{background:#0f172a66;border-color:#ffffff26}.context-bar__edit{flex:0 0 auto;background:#fff;border:2px solid var(--area-border, var(--border-color));color:var(--area-ink, var(--text-primary));border-radius:7px;padding:5px 11px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .2s ease}.context-bar__edit:hover{transform:translateY(-1px)}[data-theme=dark] .context-bar__edit{background:var(--field-bg-start)}@media(max-width:700px){.context-bar{gap:8px;padding:7px 10px}.context-bar__convention{flex-basis:100%;order:3}}.setup{padding:44px 40px 48px;display:flex;flex-direction:column;align-items:center;gap:26px;flex:1;min-height:0;overflow-y:auto}.setup__intro{text-align:center;display:flex;flex-direction:column;gap:8px;max-width:560px}.setup__intro h2{font-size:22px;color:var(--text-primary)}.setup__intro p{margin:0;color:var(--text-secondary);line-height:1.5}.setup__steps{display:grid;grid-template-columns:repeat(3,240px);gap:16px}.setup__card{border:1px solid var(--border-color);border-radius:10px;padding:18px;background:var(--field-bg-start);display:flex;flex-direction:column;gap:10px}.setup__card h5{font-size:14px;color:var(--text-primary);margin:0}.setup__card p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.5}.setup__num{font-family:Courier New,monospace;font-weight:700;color:#3b82f6}.setup__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.setup__chip{font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;border:1px solid var(--border-color);background:var(--button-bg);color:var(--text-secondary);cursor:pointer}.setup__chip.on{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}[data-theme=dark] .setup__chip.on{background:#3b82f62e;color:#93c5fd;border-color:#93c5fd66}.setup__example{font-family:Courier New,monospace;font-size:11px;background:var(--field-bg-end);border:1px solid var(--border-color);border-radius:6px;padding:8px;line-height:1.5;word-break:break-all;color:var(--text-primary)}.setup__path-row input{width:100%;box-sizing:border-box;font-family:Courier New,monospace;font-size:11px;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-bg-end);color:var(--text-primary)}.setup__hint{font-size:10px;color:var(--text-secondary)}.setup__actions{display:flex;align-items:center;gap:14px}.setup__start{background:linear-gradient(145deg,#3b82f6,#2563eb);border:2px solid #1e40af;color:#fff;border-radius:8px;padding:11px 22px;font-weight:700;cursor:pointer}.setup__skip{background:transparent;border:2px solid var(--border-color);color:var(--text-secondary);border-radius:8px;padding:11px 18px;font-weight:600;cursor:pointer}.setup__skip:hover{border-color:var(--text-secondary);color:var(--text-primary)}.setup__tour-link{margin:0;font-size:12px;color:var(--text-secondary)}.setup__tour-link a{color:#3b82f6}.setup__workshop-note{margin:4px 0 0;font-size:12px;color:var(--text-secondary)}@media(max-width:900px){.setup{padding:32px 20px 40px}.setup__steps{grid-template-columns:1fr;width:100%;max-width:340px}}.path-settings{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding:9px 10px;border:2px solid var(--area-border, var(--border-color));border-radius:8px;background:linear-gradient(145deg,var(--area-a, var(--preview-bg-start)),var(--area-b, var(--preview-bg-end)))}.path-settings__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.path-settings__set-btn{padding:5px 12px;font-size:11px;font-weight:700;background:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.path-settings__full-toggle{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.path-settings__full-toggle:has(input:disabled){cursor:not-allowed}.path-settings__match{font-size:11px;line-height:1.4}.path-settings__match--ok{color:#059669}.path-settings__match--warn{color:#d97706;font-weight:600}.path-settings__match--hint{color:var(--text-secondary);font-style:italic}.path-settings__resolve-btn{padding:2px 9px;font-size:11px;font-weight:700;background:linear-gradient(145deg,#10b981,#059669);color:#fff;border:1px solid #047857;border-radius:4px;cursor:pointer;white-space:nowrap}.path-settings__panel{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--field-bg-start);border:1px solid var(--border-color);border-radius:8px}.path-settings__panel-title{font-size:12px;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:8px}.path-settings__browse-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.path-settings__browse-btn{padding:8px 14px;font-size:12px;font-weight:600;background:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.path-settings__browse-btn:disabled{color:var(--text-secondary);cursor:not-allowed}.path-settings__browse-hint{font-size:11px;color:var(--text-secondary);line-height:1.4}.path-settings__input{font-size:12px;font-family:monospace;padding:8px 10px;border:1px solid var(--border-color);border-radius:4px;background:var(--preview-text-bg);color:var(--text-primary);width:100%;box-sizing:border-box}.path-settings__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border-color);padding-top:10px}.path-settings__cancel-btn{padding:10px 16px;font-size:13px;font-weight:700;background:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.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}.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;gap:8px}.frequent-file-header{display:flex;align-items:center;justify-content:flex-end;gap:12px}.frequent-file-save{background:transparent;border:none;color:#2563eb;font-size:12px;font-weight:700;cursor:pointer;padding:0}.frequent-file-save:hover{color:#1d4ed8}[data-theme=dark] .frequent-file-save{color:#60a5fa}.frequent-file-manage{background:transparent;border:none;color:var(--text-secondary);font-size:11px;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}.frequent-file-pills{display:flex;flex-wrap:wrap;gap:8px}.frequent-file-empty{font-size:11px;color:var(--text-secondary);font-style:italic}.frequent-file-pill{display:flex;align-items:center;gap:8px;background:var(--field-bg-end);border:2px solid var(--border-color);border-radius:999px;padding:6px 13px;cursor:pointer;font-size:12px;font-weight:700;color:var(--text-primary);transition:background .15s ease,border-color .15s ease}.frequent-file-pill:hover{background:#eff6ff;border-color:#93c5fd}.frequent-file-pill.selected{background:#eff6ff;border-color:#3b82f6}[data-theme=dark] .frequent-file-pill:hover,[data-theme=dark] .frequent-file-pill.selected{background:#3b82f629;border-color:#60a5fa80}.frequent-file-pill-hint{font-family:Courier New,monospace;font-size:10px;font-weight:400;color:var(--text-secondary)}.folder-generator{margin-top:0;display:flex;flex-direction:column;gap:12px}.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}.folder-action-compact{padding:5px 12px;font-size:11px;white-space:nowrap;flex-shrink:0}.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}}.ai-guide-journey-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.ai-guide-journey-content{background:var(--container-bg-start);border-radius:12px;max-width:1000px;width:100%;max-height:85vh;overflow:hidden;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column}.ai-guide-journey-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.ai-guide-journey-header h3{margin:0;font-size:16px;color:var(--text-primary)}.ai-guide-journey-header .close-btn{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--text-secondary);padding:4px 8px}.ai-guide-journey-body{display:flex;flex:1;min-height:0}.ai-guide-journey-nav{display:flex;flex-direction:column;gap:2px;width:240px;flex-shrink:0;padding:12px;overflow-y:auto;border-right:1px solid var(--border-color)}.ai-guide-journey-nav-item{text-align:left;background:none;border:none;padding:8px 10px;border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer}.ai-guide-journey-nav-item:hover{background:var(--button-bg)}.ai-guide-journey-nav-item.active{background:var(--preview-border);color:var(--text-primary);font-weight:700}.ai-guide-journey-nav-export{margin-top:8px;border-top:1px solid var(--border-color);padding-top:12px}.ai-guide-journey-main{flex:1;min-width:0;overflow-y:auto;padding:20px}.ai-guide-journey-main h4{margin:0 0 12px;font-size:15px;color:var(--text-primary)}.ai-guide-journey-text{margin:0;font-family:Courier New,monospace;font-size:12px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.ai-guide-journey-export p{font-size:13px;color:var(--text-secondary);line-height:1.5}.ai-guide-journey-export-actions{display:flex;gap:8px;margin-top:12px}.ai-guide-journey-export-actions button{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none}.ai-guide-journey-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-color);flex-shrink:0}.ai-guide-journey-progress{font-size:12px;color:var(--text-secondary)}.ai-guide-journey-footer button,.ai-guide-journey-export-actions button{transition:opacity .2s ease,transform .2s ease}.ai-guide-journey-footer button:disabled,.ai-guide-journey-export-actions button:disabled{opacity:.6;cursor:default}.ai-guide-journey-footer .btn-primary,.ai-guide-journey-export-actions .btn-primary{background:linear-gradient(145deg,#10b981,#059669);color:#fff;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;border:2px solid #047857;cursor:pointer}.ai-guide-journey-footer .btn-secondary,.ai-guide-journey-export-actions .btn-secondary{background:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.ai-guide-generator{display:flex;flex-direction:column;gap:12px}.ai-guide-header h3{margin:0 0 6px;font-size:16px;color:var(--text-primary)}.ai-guide-header .description{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.ai-guide-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-guide-actions button{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:opacity .2s ease,transform .2s ease}.ai-guide-actions button:disabled{opacity:.6;cursor:default}.ai-guide-actions .btn-primary{background:linear-gradient(145deg,#10b981,#059669);color:#fff;border:2px solid #047857}.ai-guide-actions .btn-primary:not(:disabled):hover{transform:translateY(-1px)}.ai-guide-actions .btn-secondary{background:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color)}.ai-guide-info,.ai-guide-usage{font-size:12px;color:var(--text-secondary)}.ai-guide-info h4,.ai-guide-usage h4{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.4px}.ai-guide-info ul,.ai-guide-usage ol{margin:0;padding-left:18px}.ai-guide-info li,.ai-guide-usage li{margin-bottom:4px}.guides-panel{padding:20px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.guides-panel-intro{margin:0 0 16px;font-size:13px;color:var(--text-secondary)}.guides-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.guides-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--field-bg-start);border:1px solid var(--border-color);border-radius:10px}.guides-card h3{margin:0;font-size:16px;color:var(--text-primary)}.guides-card-description{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.guides-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.guides-card-actions .btn-primary{background:linear-gradient(145deg,#10b981,#059669);color:#fff;border:2px solid #047857}.guides-card-actions .btn-secondary{background:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color)}.guides-card-actions button{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.guides-card-actions button:disabled{opacity:.6;cursor:default}.guides-card-actions button:not(:disabled):hover{transform:translateY(-1px)}.audience-chip{display:inline-block;width:fit-content;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);background:var(--button-bg);border:1px solid var(--border-color);border-radius:999px;padding:3px 9px}.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,.sequence-customizer.tab-area02 .sequence-item,.sequence-customizer.tab-area03 .sequence-item,.sequence-customizer.tab-area04 .sequence-item,.sequence-customizer.tab-area05 .sequence-item,.sequence-customizer.tab-area06 .sequence-item,.sequence-customizer.tab-area07 .sequence-item,.sequence-customizer.tab-area08 .sequence-item,.sequence-customizer.tab-area09 .sequence-item,.sequence-customizer.tab-area10 .sequence-item{background:linear-gradient(145deg,var(--area-a),var(--area-b));border-color:var(--area-border);color:var(--area-ink);font-weight:600}.sequence-customizer.tab-area01 .sequence-item:hover,.sequence-customizer.tab-area02 .sequence-item:hover,.sequence-customizer.tab-area03 .sequence-item:hover,.sequence-customizer.tab-area04 .sequence-item:hover,.sequence-customizer.tab-area05 .sequence-item:hover,.sequence-customizer.tab-area06 .sequence-item:hover,.sequence-customizer.tab-area07 .sequence-item:hover,.sequence-customizer.tab-area08 .sequence-item:hover,.sequence-customizer.tab-area09 .sequence-item:hover,.sequence-customizer.tab-area10 .sequence-item:hover{border-color:color-mix(in srgb,var(--area-border) 80%,black);box-shadow:0 2px 8px color-mix(in srgb,var(--area-border) 30%,transparent)}.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}.drag-handle:active{cursor:grabbing}.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}.required-toggle__short{display:none}@media(max-width:500px){.sequence-item{gap:5px;padding:8px 9px}.component-name{min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.format-select{max-width:68px;padding:4px 3px;font-size:10px}.required-toggle{padding:4px 6px}.required-toggle__full{display:none}.required-toggle__short{display:inline}.remove-btn{padding:4px 5px;font-size:14px}.drag-handle{padding:0 2px}}[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,[data-theme=dark] .sequence-customizer.tab-area02 .sequence-item,[data-theme=dark] .sequence-customizer.tab-area03 .sequence-item,[data-theme=dark] .sequence-customizer.tab-area04 .sequence-item,[data-theme=dark] .sequence-customizer.tab-area05 .sequence-item,[data-theme=dark] .sequence-customizer.tab-area06 .sequence-item,[data-theme=dark] .sequence-customizer.tab-area07 .sequence-item,[data-theme=dark] .sequence-customizer.tab-area08 .sequence-item,[data-theme=dark] .sequence-customizer.tab-area09 .sequence-item,[data-theme=dark] .sequence-customizer.tab-area10 .sequence-item{background:color-mix(in srgb,var(--area-border) 20%,transparent);border-color:var(--area-border);color:var(--area-ink)}[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}.customize-split{display:grid;grid-template-columns:1fr 320px;align-items:start;flex:1;min-height:0;overflow:hidden}.customize-split__main{padding:20px 22px;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--border-color);overflow-y:auto;height:100%;box-sizing:border-box}.customize-split__rail{padding:20px 22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;height:100%;box-sizing:border-box}@media(max-width:900px){.customize-split{grid-template-columns:1fr;overflow-y:auto}.customize-split__main{border-right:none;border-bottom:1px solid var(--border-color);height:auto;overflow-y:visible}.customize-split__rail{height:auto;overflow-y:visible}}.customize-filename-size{border:1px solid var(--border-color);border-radius:10px;background:var(--field-bg-end);padding:14px;display:flex;flex-direction:column;gap:8px}.customize-filename-size-title{font-size:12px;font-weight:700;color:var(--text-primary)}.customize-filename-size p{margin:0;font-size:11px;color:var(--text-secondary);line-height:1.5}.customize-filename-size-stepper{display:flex;align-items:center;gap:10px}.customize-filename-size-btn{width:32px;height:32px;border-radius:7px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);font-weight:800;font-size:13px;cursor:pointer}.customize-filename-size-btn:last-of-type{font-size:15px}.customize-filename-size-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .customize-filename-size-btn{background:var(--field-bg-start)}.customize-filename-size-value{font-size:12px;font-weight:700;color:var(--text-secondary);min-width:32px;text-align:center}.customize-filename-size-sample{font-family:Courier New,monospace;font-size:var(--filename-font-size, 16px);font-weight:800;color:var(--text-primary);background:#fff;border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;overflow-x:auto;white-space:nowrap}[data-theme=dark] .customize-filename-size-sample{background:var(--field-bg-start)}.customize-other-areas{border:1px solid var(--border-color);border-radius:10px;background:var(--field-bg-end);padding:14px;display:flex;flex-direction:column;gap:8px}.customize-other-areas-title{font-size:12px;font-weight:700;color:var(--text-primary)}.customize-other-areas p{margin:0;font-size:11px;color:var(--text-secondary);line-height:1.5}.customize-reset-all-btn{background:#fff;border:1px solid #fca5a5;color:#dc2626;border-radius:7px;padding:8px;font-size:11px;font-weight:700;cursor:pointer}.customize-reset-all-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .customize-reset-all-btn{background:var(--field-bg-start)}.customize-panel-header h2{margin:0 0 4px;font-size:20px;color:var(--text-primary)}.customize-panel-header p{margin:0;font-size:13px;color:var(--text-secondary)}.customize-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--field-bg-start);border:1px solid var(--border-color);border-radius:10px}.customize-card-header{display:flex;align-items:center;justify-content:space-between}.customize-card-header h3{margin:0;font-size:15px;color:var(--text-primary)}.customize-multiplier-control{margin-top:12px;padding:12px;background:var(--field-bg-start);border:1px solid var(--border-color);border-radius:6px}.customize-multiplier-label{font-size:11px;font-weight:700;display:block;margin-bottom:8px;color:var(--text-primary)}.customize-multiplier-range{display:flex;gap:8px;align-items:flex-end}.customize-multiplier-field{flex:1}.customize-multiplier-field label{font-size:10px;color:var(--text-secondary);display:block;margin-bottom:4px}.customize-multiplier-field input{width:100%;padding:6px;border:1px solid var(--border-color);border-radius:4px;font-size:12px}.customize-multiplier-to{color:var(--text-secondary);font-weight:600}.customize-multiplier-options{display:flex;flex-wrap:wrap;gap:8px}.customize-multiplier-option{display:flex;align-items:center;gap:4px;font-size:11px;cursor:pointer;padding:4px 8px;background:transparent;border-radius:4px;border:1px solid var(--border-color)}.customize-multiplier-option.selected{background:var(--preview-border)}.customize-multiplier-count{font-size:10px;color:var(--text-secondary);margin-top:8px}.customize-card-description{margin:0;font-size:12.5px;color:var(--text-secondary);line-height:1.5}.customize-templates-btn{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;background:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color);transition:transform .2s ease}.customize-templates-btn:hover{transform:translateY(-1px)}.customize-templates-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.customize-templates-locked-note{margin:0;font-size:11px;font-style:italic;color:var(--text-secondary)}body.gizmo-mode .view-switcher,body.gizmo-mode .sequence-editor-toggle,body.gizmo-mode .sequence-item,body.gizmo-mode .available-components,body.gizmo-mode .sequence-info,body.gizmo-mode .year-range-inputs,body.gizmo-mode .year-range-preview,body.gizmo-mode .validation-warning,body.gizmo-mode .app-footer,body.gizmo-mode .help-button,body.gizmo-mode .theme-toggle,body.gizmo-mode .header-left,body.gizmo-mode .context-bar__convention,body.gizmo-mode .context-bar__edit,body.gizmo-mode .sequence-hint,body.gizmo-mode .use-section__summary,body.gizmo-mode .field-hint,body.gizmo-mode .category-description{display:none!important}body.gizmo-mode{--gizmo-hit: 36px;--gizmo-hit-primary: 44px}body.gizmo-mode .app-container{width:100%;height:100vh}body.gizmo-mode .mini-container{width:100%;min-width:300px;height:100%;display:flex;flex-direction:column;border:none;border-radius:0;overflow:hidden}body.gizmo-mode .app-layout{padding:0;flex:1;min-height:0;overflow:hidden}body.gizmo-mode .use-split__fields{padding:11px 10px;gap:11px}body.gizmo-mode .app-top-bars{flex-direction:row;align-items:stretch}body.gizmo-mode .header{flex:0 0 auto;padding:0 8px;align-items:center;background:linear-gradient(145deg,var(--area-a, var(--field-bg-start)),var(--area-b, var(--field-bg-end)));border-bottom:none;order:2}body.gizmo-mode .header-buttons{gap:6px;padding-bottom:0}body.gizmo-mode .gizmo-mode-button,body.gizmo-mode .pin-button{width:26px;height:26px;flex:0 0 auto}body.gizmo-mode .context-bar{flex:1;min-width:0;padding:7px 9px;gap:8px;order:1}body.gizmo-mode .context-bar .work-area-label{display:none}body.gizmo-mode .context-bar .tab-selector{flex:1;min-width:0;padding:4px 7px;font-size:12px;border-width:2px}body.gizmo-mode .result-card{border:none;box-shadow:none;background:transparent;overflow:visible}body.gizmo-mode .preview-label{font-size:10px;letter-spacing:.07em}body.gizmo-mode .preview-text{padding:9px 10px;font-size:15px;line-height:1.5}body.gizmo-mode .result-card__divider{margin:6px 0}body.gizmo-mode .copy-button{width:100%;min-height:var(--gizmo-hit-primary);display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(145deg,#10b981,#059669);border:2px solid #047857;color:#fff;border-radius:8px;font-size:14px;font-weight:700;box-shadow:0 2px 4px #0000001a}body.gizmo-mode .path-settings{margin:0;padding:8px 9px}body.gizmo-mode .path-settings__row{gap:6px}body.gizmo-mode input,body.gizmo-mode select,body.gizmo-mode .action-button,body.gizmo-mode .frequent-file-pill,body.gizmo-mode .path-settings__set-btn,body.gizmo-mode .path-settings__full-toggle,body.gizmo-mode .folder-action-compact{min-height:var(--gizmo-hit);font-size:13px}body.gizmo-mode label{font-size:11px;font-weight:700}body.gizmo-mode .form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.gizmo-mode .frequent-file-selector{display:flex;gap:6px;overflow-x:auto;padding-bottom:9px;scrollbar-width:thin}body.gizmo-mode .frequent-file-pill{flex:0 0 auto;white-space:nowrap;border-radius:999px;padding:5px 12px}@media(max-width:330px){body.gizmo-mode .form-row{grid-template-columns:1fr}}.use-split{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.use-split__fields{background:#ffffff9e;padding:20px 22px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;height:100%;box-sizing:border-box}[data-theme=dark] .use-split__fields{background:#0f172a9e}.use-split__divider{height:1px;background:var(--border-color);flex-shrink:0}.use-section{display:flex;flex-direction:column}.use-section__summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.use-section__summary::-webkit-details-marker{display:none}.use-section__summary:before{content:"▾";display:inline-block;margin-right:6px;font-size:11px;color:var(--text-secondary);transition:transform .15s ease}.use-section:not([open]) .use-section__summary:before{transform:rotate(-90deg)}.use-section__summary .work-area-label{display:flex;align-items:center}.use-section__body{display:flex;flex-direction:column;gap:10px;padding-top:10px}.use-section-preview{display:flex;flex-direction:column}.use-section-preview .use-section__body{padding-top:0}.advanced-fields{border:1px solid var(--border-color);border-radius:8px;background:var(--help-text-bg);padding:10px 12px}.advanced-fields>summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--text-secondary)}.advanced-fields__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:12px}@media(max-width:1100px){.use-split{overflow-y:auto}.use-split__fields{height:auto;overflow-y:visible}.advanced-fields__grid{grid-template-columns:1fr}}:root{--bg-gradient-start: #f0f4f8;--bg-gradient-end: #d9e6f2;--container-bg-start: #ffffff;--container-bg-end: #f8fbff;--text-primary: #000000;--text-secondary: #475569;--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}.app-top-bars{display:flex;flex-direction:column;flex-shrink:0}.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-area01{--area-border: #2563EB;--area-a: #95b4f8;--area-b: #5788f4;--area-ink: #082159}.tab-area02{--area-border: #CC7A00;--area-a: #ffd28f;--area-b: #ffb74d;--area-ink: #754600}.tab-area03{--area-border: #007A57;--area-a: #8fffdf;--area-b: #4dffcc;--area-ink: #007050}.tab-area04{--area-border: #B0568A;--area-a: #deb0cb;--area-b: #cb81ab;--area-ink: #492239}.tab-area05{--area-border: #7A6600;--area-a: #ffed8f;--area-b: #ffe24d;--area-ink: #756200}.tab-area06{--area-border: #0D7377;--area-a: #97f3f7;--area-b: #5aecf2;--area-ink: #0c666a}.tab-area07{--area-border: #B34A00;--area-a: #ffbd8f;--area-b: #ff964d;--area-ink: #702e00}.tab-area08{--area-border: #4B3F8E;--area-a: #b6aedf;--area-b: #8b7fcd;--area-ink: #221c40}.tab-area09{--area-border: #7A4A1E;--area-a: #ecc5a2;--area-b: #e0a36b;--area-ink: #5e3917}.tab-area10{--area-border: #4A4A4A;--area-a: #c7c7c7;--area-b: #a6a6a6;--area-ink: #3b3b3b}[data-theme=dark] .tab-area01{--area-ink: #93b3fb}[data-theme=dark] .tab-area02{--area-ink: #ffd28f}[data-theme=dark] .tab-area03{--area-ink: #8fffdf}[data-theme=dark] .tab-area04{--area-ink: #e1adcb}[data-theme=dark] .tab-area05{--area-ink: #ffed8f}[data-theme=dark] .tab-area06{--area-ink: #94f6fa}[data-theme=dark] .tab-area07{--area-ink: #ffbd8f}[data-theme=dark] .tab-area08{--area-ink: #b4ace2}[data-theme=dark] .tab-area09{--area-ink: #eec59f}[data-theme=dark] .tab-area10{--area-ink: #c7c7c7}.mini-container[class*=tab-area]{border:2px solid var(--area-border)}.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,.tab-area02 .tab-selector,.tab-area03 .tab-selector,.tab-area04 .tab-selector,.tab-area05 .tab-selector,.tab-area06 .tab-selector,.tab-area07 .tab-selector,.tab-area08 .tab-selector,.tab-area09 .tab-selector,.tab-area10 .tab-selector{border-color:var(--area-border);background:linear-gradient(145deg,var(--area-a),var(--area-b));color:var(--area-ink)}.tab-selector option{padding:8px 12px;font-weight:500;font-size:13px}.tab-selector option[value=area01]{background-color:#95b4f8;color:#083086;font-weight:600}.tab-selector option[value=area02]{background-color:#ffd28f;color:#8f5500;font-weight:600}.tab-selector option[value=area03]{background-color:#8fffdf;color:#008f66;font-weight:600}.tab-selector option[value=area04]{background-color:#deb0cb;color:#652a4c;font-weight:600}.tab-selector option[value=area05]{background-color:#ffed8f;color:#8f7700;font-weight:600}.tab-selector option[value=area06]{background-color:#97f3f7;color:#0a8084;font-weight:600}.tab-selector option[value=area07]{background-color:#ffbd8f;color:#8f3b00;font-weight:600}.tab-selector option[value=area08]{background-color:#b6aedf;color:#322866;font-weight:600}.tab-selector option[value=area09]{background-color:#ecc5a2;color:#764519;font-weight:600}.tab-selector option[value=area10]{background-color:#c7c7c7;color:#433d3d;font-weight:600}[data-theme=dark] .tab-area01 .tab-selector{background:linear-gradient(145deg,#063aac,#032163)}[data-theme=dark] .tab-area02 .tab-selector{background:linear-gradient(145deg,#b36b00,#663d00)}[data-theme=dark] .tab-area03 .tab-selector{background:linear-gradient(145deg,#00b37f,#006649)}[data-theme=dark] .tab-area04 .tab-selector{background:linear-gradient(145deg,#833060,#4b1b37)}[data-theme=dark] .tab-area05 .tab-selector{background:linear-gradient(145deg,#b39500,#650)}[data-theme=dark] .tab-area06 .tab-selector{background:linear-gradient(145deg,#09a4aa,#055e61)}[data-theme=dark] .tab-area07 .tab-selector{background:linear-gradient(145deg,#b34a00,#662a00)}[data-theme=dark] .tab-area08 .tab-selector{background:linear-gradient(145deg,#3b2e85,#221a4c)}[data-theme=dark] .tab-area09 .tab-selector{background:linear-gradient(145deg,#98571a,#57310f)}[data-theme=dark] .tab-area10 .tab-selector{background:linear-gradient(145deg,#595959,#333)}[data-theme=dark] .tab-area01 .tab-selector,[data-theme=dark] .tab-area02 .tab-selector,[data-theme=dark] .tab-area03 .tab-selector,[data-theme=dark] .tab-area04 .tab-selector,[data-theme=dark] .tab-area05 .tab-selector,[data-theme=dark] .tab-area06 .tab-selector,[data-theme=dark] .tab-area07 .tab-selector,[data-theme=dark] .tab-area08 .tab-selector,[data-theme=dark] .tab-area09 .tab-selector,[data-theme=dark] .tab-area10 .tab-selector{border-color:var(--area-border);color:var(--area-ink)}[data-theme=dark] .tab-selector option[value=area01]{background-color:#063aac;color:#93b3fb;font-weight:600}[data-theme=dark] .tab-selector option[value=area02]{background-color:#b36b00;color:#ffd28f;font-weight:600}[data-theme=dark] .tab-selector option[value=area03]{background-color:#00b37f;color:#8fffdf;font-weight:600}[data-theme=dark] .tab-selector option[value=area04]{background-color:#833060;color:#e1adcb;font-weight:600}[data-theme=dark] .tab-selector option[value=area05]{background-color:#b39500;color:#ffed8f;font-weight:600}[data-theme=dark] .tab-selector option[value=area06]{background-color:#09a4aa;color:#94f6fa;font-weight:600}[data-theme=dark] .tab-selector option[value=area07]{background-color:#b34a00;color:#ffbd8f;font-weight:600}[data-theme=dark] .tab-selector option[value=area08]{background-color:#3b2e85;color:#b4ace2;font-weight:600}[data-theme=dark] .tab-selector option[value=area09]{background-color:#98571a;color:#eec59f;font-weight:600}[data-theme=dark] .tab-selector option[value=area10]{background-color:#595959;color:#c7c7c7;font-weight:600}.tab-area01 .field-group,.tab-area02 .field-group,.tab-area03 .field-group,.tab-area04 .field-group,.tab-area05 .field-group,.tab-area06 .field-group,.tab-area07 .field-group,.tab-area08 .field-group,.tab-area09 .field-group,.tab-area10 .field-group{border-color:var(--area-border);background:linear-gradient(145deg,color-mix(in srgb,var(--area-border) 22%,white),color-mix(in srgb,var(--area-border) 32%,white))}[data-theme=dark] .tab-area01 .field-group,[data-theme=dark] .tab-area02 .field-group,[data-theme=dark] .tab-area03 .field-group,[data-theme=dark] .tab-area04 .field-group,[data-theme=dark] .tab-area05 .field-group,[data-theme=dark] .tab-area06 .field-group,[data-theme=dark] .tab-area07 .field-group,[data-theme=dark] .tab-area08 .field-group,[data-theme=dark] .tab-area09 .field-group,[data-theme=dark] .tab-area10 .field-group{border-color:var(--area-border);background:color-mix(in srgb,var(--area-border) 25%,transparent)}.header{background:linear-gradient(145deg,var(--container-bg-start) 0%,var(--field-bg-end) 100%);padding:8px 12px 0;display:flex;align-items:flex-end;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;padding-bottom:9px}.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;padding-bottom:9px;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)}.gizmo-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] .gizmo-mode-button{border:2px solid #475569}.gizmo-mode-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.gizmo-mode-button:active{transform:scale(.95)}@media(max-width:768px){.header{padding:10px 12px;gap:8px}.header-title{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.edition-selector{padding:4px 6px;font-size:12px}.help-button,.theme-toggle,.gizmo-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}.result-card{display:grid;grid-template-columns:1fr auto;gap:2px;padding:8px;width:100%;align-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--area-a, var(--preview-bg-start)) 52%,transparent),color-mix(in srgb,var(--area-b, var(--preview-bg-end)) 30%,transparent));border:2px solid var(--area-border, var(--preview-border));border-radius:10px;box-shadow:0 3px 10px #0f172a21;box-sizing:border-box}.result-card>.preview-label{grid-column:1 / -1;color:var(--area-ink, var(--text-secondary))}.result-card>.preview-text{grid-column:1;min-width:0;background:var(--preview-text-bg, #fff);border:2px solid var(--area-border, var(--border-color));box-shadow:inset 0 1px 3px #0f172a12}.result-card>.preview-text--filename{font-size:var(--filename-font-size, 16px);font-weight:800;color:#000}[data-theme=dark] .result-card>.preview-text--filename{color:#fff}.result-card>.preview-text--path{font-size:13px}.result-card>.sequence-hint{grid-column:1 / -1}.result-card__divider{grid-column:1 / -1;height:1px;background:var(--preview-border);margin:4px 0}.form-group input,.form-group select,.advanced-fields input,.advanced-fields select{border-width:2px}.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}.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}.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}.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 .gizmo-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 .gizmo-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)}}.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}