@keyframes gen-shimmer-bar{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}@keyframes gen-btn-shimmer{0%{left:-100%}to{left:200%}}@keyframes gen-progress-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes gen-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gen-glow-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:.2}}.gen-playground{max-width:1300px;margin:0 auto;padding:1rem 2rem;height:calc(100vh - 45px);min-height:400px;display:flex;align-items:stretch;position:relative}.gen-playground:before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--sunset-orange) 4%,transparent) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}:global([data-theme=dark]) .gen-playground:before{background-image:radial-gradient(color-mix(in srgb,var(--marquee-gold) 3%,transparent) 1px,transparent 1px)}.gen-split-layout{display:grid;grid-template-columns:38.2% 61.8%;gap:1.5rem;width:100%;height:100%}.gen-result-split{display:grid;grid-template-columns:61.8% 38.2%;gap:1.5rem;width:100%;height:100%;animation:gen-fade-up .5s ease both}@media(max-width:900px){.gen-split-layout,.gen-result-split{grid-template-columns:1fr;height:auto}.gen-playground{height:auto;min-height:unset;padding:1rem}.gen-col-left,.gen-col-right{height:auto;overflow:visible}}.gen-col-left{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.gen-col-right{height:100%;min-height:0;overflow:hidden}.gen-glass-card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:1.2rem;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 16px #0000000f;transition:all .3s ease;z-index:1}:global([data-theme=dark]) .gen-glass-card{background:color-mix(in srgb,var(--glass-bg) 60%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#ffffff0f;box-shadow:0 1px 3px #0000001a,0 4px 12px #00000026,inset 0 1px #ffffff0a}.gen-card-accent{position:absolute;top:0;left:0;right:0;height:4px;z-index:2}.gen-card-accent--orange{background:linear-gradient(90deg,var(--sunset-orange),var(--marquee-gold),var(--sunset-orange));background-size:200% 100%;animation:gen-shimmer-bar 4s ease infinite;box-shadow:0 2px 10px #c54b281f}.gen-card-accent--green{background:linear-gradient(90deg,#22c55e,#86efac)}.gen-drop-card{flex:1;display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease;padding:1.8rem 1.5rem 1.5rem}.gen-drop-card:hover{border-color:color-mix(in srgb,var(--sunset-orange) 30%,transparent);transform:translateY(-2px)}:global([data-theme=dark]) .gen-drop-card:hover{border-color:color-mix(in srgb,var(--marquee-gold) 30%,transparent)}.gen-drop-card--dragging{border-color:var(--marquee-gold)!important;background:color-mix(in srgb,var(--marquee-gold) 5%,var(--glass-bg))!important;transform:scale(1.005)}.gen-drop-zone{flex:1;border:2px dashed color-mix(in srgb,var(--sunset-orange) 30%,transparent);border-radius:1rem;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .3s ease}.gen-drop-zone:hover,.gen-drop-zone--dragging{border-color:var(--sunset-orange);background:color-mix(in srgb,var(--sunset-orange) 4%,transparent)}:global([data-theme=dark]) .gen-drop-zone:hover,:global([data-theme=dark]) .gen-drop-zone--dragging{border-color:var(--marquee-gold);background:color-mix(in srgb,var(--marquee-gold) 4%,transparent)}.gen-drop-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative}.gen-drop-glow{position:absolute;width:160px;height:160px;background:radial-gradient(circle,color-mix(in srgb,var(--sunset-orange) 6%,transparent),transparent 70%);pointer-events:none}:global([data-theme=dark]) .gen-drop-glow{background:radial-gradient(circle,color-mix(in srgb,var(--marquee-gold) 5%,transparent),transparent 70%)}.gen-drop-icon{width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--sunset-orange) 6%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--sunset-orange);position:relative;z-index:1}:global([data-theme=dark]) .gen-drop-icon{background:color-mix(in srgb,var(--marquee-gold) 8%,transparent);color:var(--marquee-gold)}.gen-drop-title{font-size:1rem;font-weight:700;color:var(--text-primary);position:relative;z-index:1;margin:0}.gen-drop-sub{font-size:.78rem;color:var(--text-secondary);position:relative;z-index:1;margin:0}.gen-btn-select{margin-top:.6rem;padding:.45rem 1.1rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--sunset-orange) 25%,transparent);background:color-mix(in srgb,var(--sunset-orange) 4%,transparent);color:var(--sunset-orange);font-size:.78rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-family:inherit;transition:all .2s ease;position:relative;z-index:1}.gen-btn-select:hover{background:var(--sunset-orange);color:#fff}:global([data-theme=dark]) .gen-btn-select{border-color:color-mix(in srgb,var(--marquee-gold) 25%,transparent);background:color-mix(in srgb,var(--marquee-gold) 4%,transparent);color:var(--marquee-gold)}:global([data-theme=dark]) .gen-btn-select:hover{background:var(--marquee-gold);color:var(--vintage-brown)}.gen-drop-footer{flex-shrink:0;padding:.6rem 0;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.65rem;color:var(--text-secondary);font-weight:500;border-top:1px solid var(--glass-border);margin-top:.75rem}.gen-drop-footer i{font-size:.55rem;color:var(--sunset-orange)}:global([data-theme=dark]) .gen-drop-footer i{color:var(--marquee-gold)}.gen-dot{opacity:.3}.gen-file-loaded{display:flex;align-items:center;gap:.8rem;padding:1rem;border:2px solid color-mix(in srgb,var(--sunset-orange) 20%,transparent);border-radius:1rem}.gen-file-icon{width:42px;height:42px;border-radius:10px;background:color-mix(in srgb,var(--sunset-orange) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--sunset-orange);font-size:1.2rem;flex-shrink:0}:global([data-theme=dark]) .gen-file-icon{background:color-mix(in srgb,var(--marquee-gold) 10%,transparent);color:var(--marquee-gold)}.gen-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gen-file-name{display:block;font-size:.8rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-file-size{font-size:.65rem;color:var(--text-secondary);font-weight:600}.gen-page-badge{padding:.25rem .6rem;border-radius:.5rem;background:color-mix(in srgb,#22c55e 10%,transparent);color:#22c55e;font-size:.65rem;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:.3rem;flex-shrink:0}.gen-page-badge--loading{background:color-mix(in srgb,var(--sunset-orange) 10%,transparent);color:var(--sunset-orange)}:global([data-theme=dark]) .gen-page-badge--loading{background:color-mix(in srgb,var(--marquee-gold) 10%,transparent);color:var(--marquee-gold)}.gen-file-remove{width:28px;height:28px;border-radius:50%;border:none;background:color-mix(in srgb,#ef4444 8%,transparent);color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;transition:all .2s ease}.gen-file-remove:hover{background:#ef4444;color:#fff}.gen-file-queue{flex:1;display:flex;flex-direction:column;padding:1.4rem 1rem 1rem}.gen-fq-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:0 .2rem}.gen-fq-title{font-size:.82rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.gen-fq-title i{color:var(--sunset-orange);font-size:.75rem}:global([data-theme=dark]) .gen-fq-title i{color:var(--marquee-gold)}.gen-fq-size{font-size:.68rem;font-weight:600;color:var(--text-secondary)}.gen-fq-list{flex:1;overflow-y:auto}.gen-fq-list::-webkit-scrollbar{width:3px}.gen-fq-list::-webkit-scrollbar-thumb{background:#3b373414;border-radius:10px}.gen-fq-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:.5rem;border:1px solid var(--glass-border);background:var(--bg-primary);margin-bottom:.25rem;transition:all .2s ease}.gen-fq-row:hover{border-color:color-mix(in srgb,var(--marquee-gold) 50%,var(--glass-border))}.gen-fq-icon{color:var(--sunset-orange);font-size:.85rem;flex-shrink:0}:global([data-theme=dark]) .gen-fq-icon{color:var(--marquee-gold)}.gen-fq-info{flex:1;min-width:0}.gen-fq-name{display:block;font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-fq-meta{font-size:.62rem;color:var(--text-secondary)}.gen-fq-remove{width:20px;height:20px;background:color-mix(in srgb,var(--sunset-orange) 6%,transparent);border:none;border-radius:5px;color:var(--sunset-orange);cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:.55rem;display:flex;align-items:center;justify-content:center}.gen-fq-remove:hover{background:var(--sunset-orange);color:#fff}.gen-fq-add-more{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem;margin-top:.5rem;border-radius:8px;border:1px dashed var(--glass-border);font-size:.72rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.gen-fq-add-more:hover{border-color:var(--sunset-orange);color:var(--sunset-orange)}:global([data-theme=dark]) .gen-fq-add-more:hover{border-color:var(--marquee-gold);color:var(--marquee-gold)}.gen-settings-card{height:100%;display:flex;flex-direction:column;padding:0 1.2rem 1rem}.gen-settings-head{display:flex;justify-content:space-between;align-items:center;padding:1rem .1rem .65rem;flex-shrink:0}.gen-settings-title{font-size:.9rem;font-weight:700;font-family:var(--font-ui);color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.gen-settings-title-icon{width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--sunset-orange) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--sunset-orange);font-size:.75rem}:global([data-theme=dark]) .gen-settings-title-icon{background:color-mix(in srgb,var(--marquee-gold) 10%,transparent);color:var(--marquee-gold)}.gen-section-label{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:var(--text-primary);margin-bottom:.55rem}.gen-section-label-icon{width:24px;height:24px;border-radius:6px;background:color-mix(in srgb,var(--sunset-orange) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--sunset-orange);font-size:.65rem}:global([data-theme=dark]) .gen-section-label-icon{background:color-mix(in srgb,var(--marquee-gold) 10%,transparent);color:var(--marquee-gold)}.gen-settings-body{flex:1;overflow-y:auto;padding:.2rem .1rem .4rem;min-height:0}.gen-scrollable{overflow-y:auto}.gen-field-group{margin-bottom:.7rem}.gen-field-group:last-child{margin-bottom:0}.gen-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.gen-label i{color:var(--sunset-orange);font-size:.7rem;margin-right:.3rem}:global([data-theme=dark]) .gen-label i{color:var(--marquee-gold)}.gen-label-req{color:#ef4444;font-weight:700;margin-left:.1rem}.gen-option-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.8rem}.gen-option-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.8rem}.gen-option-card{position:relative;border:2px solid var(--glass-border);border-radius:.8rem;padding:.9rem .7rem .7rem;text-align:center;background:var(--bg-primary);cursor:pointer;transition:all .25s ease;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:.15rem}.gen-option-card:hover{border-color:var(--sunset-orange);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}:global([data-theme=dark]) .gen-option-card:hover{border-color:var(--marquee-gold)}.gen-option-card--active{border-color:var(--sunset-orange);background:color-mix(in srgb,var(--sunset-orange) 5%,var(--bg-primary));box-shadow:0 4px 14px color-mix(in srgb,var(--sunset-orange) 12%,transparent)}:global([data-theme=dark]) .gen-option-card--active{border-color:var(--marquee-gold);background:color-mix(in srgb,var(--marquee-gold) 5%,var(--bg-primary));box-shadow:0 4px 14px color-mix(in srgb,var(--marquee-gold) 12%,transparent)}.gen-option-card--horizontal{flex-direction:row;align-items:center;gap:.55rem;text-align:left;padding:.6rem .7rem}.gen-option-icon{width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--sunset-orange) 10%,transparent);color:var(--sunset-orange);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:all .25s ease}:global([data-theme=dark]) .gen-option-icon{background:color-mix(in srgb,var(--marquee-gold) 10%,transparent);color:var(--marquee-gold)}.gen-option-card--active .gen-option-icon{background:var(--sunset-orange);color:#fff}:global([data-theme=dark]) .gen-option-card--active .gen-option-icon{background:var(--marquee-gold);color:var(--vintage-brown)}.gen-option-icon[style*=--preset-color]{background:color-mix(in srgb,var(--preset-color) 10%,transparent);color:var(--preset-color)}.gen-option-card--active .gen-option-icon[style*=--preset-color]{background:var(--preset-color);color:#fff}.gen-option-label{font-size:.82rem;font-weight:700;color:var(--text-primary);display:block}.gen-option-desc{font-size:.62rem;color:var(--text-secondary);line-height:1.3;display:block}.gen-option-dpi{font-size:.62rem;font-weight:600;color:var(--sunset-orange);text-transform:uppercase;letter-spacing:.05em}.gen-option-check{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--sunset-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.45rem;animation:gen-fade-up .2s ease}:global([data-theme=dark]) .gen-option-check{background:var(--marquee-gold);color:var(--vintage-brown)}.gen-scope-tabs{display:flex;gap:.4rem;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:.6rem;padding:.2rem;margin-bottom:.6rem}.gen-scope-tab{flex:1;padding:.45rem .6rem;border:none;border-radius:.5rem;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.3rem}.gen-scope-tab--active{background:color-mix(in srgb,var(--sunset-orange) 10%,transparent);color:var(--sunset-orange)}:global([data-theme=dark]) .gen-scope-tab--active{background:color-mix(in srgb,var(--marquee-gold) 10%,transparent);color:var(--marquee-gold)}.gen-scope-tab:hover:not(.gen-scope-tab--active){color:var(--text-primary)}.gen-input-group{margin-bottom:.6rem}.gen-input-group label{display:block;font-size:.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.gen-input-group label i{color:var(--sunset-orange);font-size:.7rem;margin-right:.3rem}:global([data-theme=dark]) .gen-input-group label i{color:var(--marquee-gold)}.gen-input-hint{font-weight:500;color:var(--text-secondary);font-size:.65rem}.gen-input{width:100%;padding:.5rem .75rem;border:1px solid var(--glass-border);border-radius:.6rem;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.78rem;font-weight:600;outline:none;transition:border-color .2s ease;box-sizing:border-box}.gen-input:focus{border-color:var(--sunset-orange);box-shadow:0 0 0 2px color-mix(in srgb,var(--sunset-orange) 12%,transparent)}:global([data-theme=dark]) .gen-input:focus{border-color:var(--marquee-gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--marquee-gold) 12%,transparent)}.gen-pw-wrap{position:relative}.gen-pw-wrap .gen-input{padding-right:2.5rem}.gen-pw-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.3rem;transition:color .2s ease}.gen-pw-toggle:hover{color:var(--sunset-orange)}:global([data-theme=dark]) .gen-pw-toggle:hover{color:var(--marquee-gold)}.gen-pw-match-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#22c55e;font-size:.85rem}.gen-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.75rem;font-weight:600;color:var(--text-primary);padding:.5rem .6rem;border-radius:.6rem;background:var(--bg-primary);border:1px solid var(--glass-border);transition:all .2s ease}.gen-toggle:hover{border-color:color-mix(in srgb,var(--marquee-gold) 40%,var(--glass-border))}.gen-toggle input{display:none}.gen-toggle-slider{width:28px;height:16px;background:#3b37341f;border-radius:10px;position:relative;transition:all .25s ease;flex-shrink:0}.gen-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:all .25s ease;box-shadow:0 1px 3px #00000026}.gen-toggle input:checked+.gen-toggle-slider{background:var(--sunset-orange)}:global([data-theme=dark]) .gen-toggle input:checked+.gen-toggle-slider{background:var(--marquee-gold)}.gen-toggle input:checked+.gen-toggle-slider:after{transform:translate(12px)}.gen-toggle-label{display:flex;align-items:center;gap:.35rem}.gen-toggle-label i{font-size:.65rem;opacity:.5;width:12px;text-align:center}.gen-toggle-hint{font-size:.62rem;font-weight:500;color:var(--text-secondary)}.gen-msg{border-radius:.6rem;padding:.45rem .7rem;font-size:.72rem;font-weight:500;display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem}.gen-msg--error{background:color-mix(in srgb,#ef4444 6%,transparent);border:1px solid color-mix(in srgb,#ef4444 30%,transparent);color:#ef4444}.gen-msg--warning{background:color-mix(in srgb,#f59e0b 6%,transparent);border:1px solid color-mix(in srgb,#f59e0b 30%,transparent);color:#d97706}.gen-progress{margin-bottom:.6rem}.gen-progress-track{width:100%;height:5px;background:#3b37340a;border-radius:10px;overflow:hidden}:global([data-theme=dark]) .gen-progress-track{background:#f4e8d108}.gen-progress-fill{height:100%;background:linear-gradient(90deg,var(--sunset-orange),var(--marquee-gold));border-radius:10px;transition:width .3s ease}.gen-progress-fill--pulse{animation:gen-progress-pulse 1.5s ease-in-out infinite}.gen-progress-text{font-size:.65rem;font-weight:600;color:var(--text-secondary);margin-top:.2rem;display:block}.gen-btn-action{width:100%;background:linear-gradient(135deg,var(--sunset-orange),var(--marquee-gold));color:#fff;border:none;padding:.75rem 1.2rem;border-radius:14px;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;font-family:inherit;box-shadow:0 4px 16px #c54b282e,0 2px 6px #fdb8131f;margin-bottom:.8rem;position:relative;overflow:hidden}.gen-btn-action:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:gen-btn-shimmer 3s ease infinite}.gen-btn-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #c54b284d,0 4px 12px #fdb81333}.gen-btn-action:disabled{opacity:.5;cursor:not-allowed}.gen-btn-action-sub{opacity:.75;font-weight:500;font-size:.82rem}.gen-tips{display:flex;flex-direction:column;gap:.3rem;margin-top:auto;padding-top:.6rem}.gen-tip{display:flex;align-items:flex-start;gap:.5rem;font-size:.68rem;color:var(--text-secondary);padding:.35rem .5rem;border-radius:6px;background:var(--bg-primary);line-height:1.4}.gen-tip i{color:var(--tip-color);width:14px;text-align:center;font-size:.6rem;flex-shrink:0;margin-top:1px}.gen-tip strong{color:var(--text-primary)}.gen-result-left,.gen-result-right{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.gen-result-card{height:100%;display:flex;flex-direction:column;padding:1.3rem 1.2rem 1rem}.gen-result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.gen-result-title{font-size:.9rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.gen-result-title-icon{width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--sunset-orange) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--sunset-orange);font-size:.75rem}:global([data-theme=dark]) .gen-result-title-icon{background:color-mix(in srgb,var(--marquee-gold) 10%,transparent);color:var(--marquee-gold)}.gen-result-badges{display:flex;gap:.3rem}.gen-badge{padding:.15rem .45rem;border-radius:.4rem;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:color-mix(in srgb,var(--text-secondary) 5%,transparent);color:var(--text-secondary)}.gen-badge--accent{background:color-mix(in srgb,var(--sunset-orange) 10%,transparent);color:var(--sunset-orange)}:global([data-theme=dark]) .gen-badge--accent{background:color-mix(in srgb,var(--marquee-gold) 10%,transparent);color:var(--marquee-gold)}.gen-badge--green{background:color-mix(in srgb,#22c55e 10%,transparent);color:#22c55e}.gen-result-row{display:flex;align-items:center;gap:.6rem;padding:.6rem;border:1px solid var(--glass-border);border-radius:.8rem;margin-bottom:.8rem}.gen-result-file-icon{color:var(--sunset-orange);font-size:1.2rem;flex-shrink:0}:global([data-theme=dark]) .gen-result-file-icon{color:var(--marquee-gold)}.gen-result-info{flex:1;min-width:0}.gen-result-name{font-size:.75rem;font-weight:700;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-result-sizes{display:flex;align-items:center;gap:.3rem;font-size:.62rem;margin-top:.15rem}.gen-result-original{color:var(--text-secondary);text-decoration:line-through}.gen-result-arrow{color:var(--text-secondary);font-size:.45rem}.gen-result-converted{color:#22c55e;font-weight:700}.gen-result-pct{font-size:.62rem;font-weight:700;color:#22c55e;background:color-mix(in srgb,#22c55e 8%,transparent);padding:2px 6px;border-radius:4px}.gen-result-dl-btn{width:24px;height:24px;background:color-mix(in srgb,var(--sunset-orange) 8%,transparent);border:none;border-radius:6px;color:var(--sunset-orange);cursor:pointer;transition:all .2s ease;font-size:.55rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gen-result-dl-btn:hover{background:var(--sunset-orange);color:#fff}:global([data-theme=dark]) .gen-result-dl-btn{color:var(--marquee-gold);background:color-mix(in srgb,var(--marquee-gold) 8%,transparent)}:global([data-theme=dark]) .gen-result-dl-btn:hover{background:var(--marquee-gold);color:var(--vintage-brown)}.gen-result-summary{display:flex;flex-direction:column;gap:.4rem;padding:.6rem;border:1px solid var(--glass-border);border-radius:.8rem}.gen-result-summary-item{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--text-secondary)}.gen-result-summary-item i{width:14px;text-align:center;font-size:.55rem;color:var(--sunset-orange)}:global([data-theme=dark]) .gen-result-summary-item i{color:var(--marquee-gold)}.gen-result-bar-track{width:100%;height:3px;background:#3b37340a;border-radius:10px;overflow:hidden}.gen-result-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:10px;transition:width .6s ease}.gen-done-card{height:100%;padding:1.2rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.gen-done-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(253,184,19,.08),transparent 70%);pointer-events:none}.gen-done-icon i{font-size:2.8rem;background:linear-gradient(135deg,var(--marquee-gold),var(--sunset-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(253,184,19,.3))}.gen-done-icon--green i{color:#22c55e;background:none;-webkit-text-fill-color:#22c55e}.gen-done-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);position:relative;z-index:1;margin:0}:global([data-theme=dark]) .gen-done-title{color:var(--hollywood-parchment)}.gen-done-sub{font-size:.75rem;color:var(--text-secondary);position:relative;z-index:1;margin:0}.gen-done-stats{display:flex;gap:.8rem;margin:.3rem 0;position:relative;z-index:1}.gen-done-stat{display:flex;flex-direction:column;align-items:center;padding:.5rem .8rem;border:1px solid var(--glass-border);border-radius:.6rem;background:var(--bg-secondary);min-width:65px}.gen-done-stat-value{display:block;font-size:1rem;font-weight:700;color:var(--text-primary)}.gen-done-stat-label{font-size:.5rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.gen-done-filename{display:flex;align-items:center;gap:.4rem;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:8px;padding:.5rem .8rem;max-width:100%;position:relative;z-index:1}.gen-done-filename i{color:var(--sunset-orange);font-size:.75rem;flex-shrink:0}:global([data-theme=dark]) .gen-done-filename i{color:var(--marquee-gold)}.gen-done-filename span{font-size:.7rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-btn-download{width:100%;max-width:320px;background:linear-gradient(135deg,var(--sunset-orange),var(--marquee-gold));color:#fff;border:none;padding:.75rem 1.2rem;border-radius:14px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;font-family:inherit;box-shadow:0 4px 16px #c54b2833,0 2px 6px #fdb81326;position:relative;z-index:1;overflow:hidden}.gen-btn-download:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:gen-btn-shimmer 3s ease infinite}.gen-btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c54b284d,0 4px 12px #fdb81333}.gen-btn-download--green{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 16px #22c55e33}.gen-btn-download--green:hover{box-shadow:0 6px 24px #22c55e4d}.gen-btn-again{width:100%;max-width:320px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border);padding:.55rem 1.2rem;border-radius:14px;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;font-family:inherit;position:relative;z-index:1}.gen-btn-again:hover{border-color:var(--sunset-orange);color:var(--sunset-orange)}:global([data-theme=dark]) .gen-btn-again:hover{border-color:var(--marquee-gold);color:var(--marquee-gold)}.gen-size-compare{display:flex;align-items:center;gap:.8rem;background:var(--bg-primary);border-radius:.8rem;padding:1rem;border:1px solid var(--glass-border);margin-bottom:.6rem}.gen-size-box{flex:1;text-align:center;display:flex;flex-direction:column;gap:3px}.gen-size-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.gen-size-value{font-size:1.2rem;font-weight:800;color:var(--text-primary);line-height:1}.gen-size-box--after .gen-size-value{color:#22c55e}:global([data-theme=dark]) .gen-size-box--after .gen-size-value{color:#4ade80}.gen-size-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.gen-size-arrow i{color:var(--text-secondary);font-size:.75rem}.gen-reduction-badge{font-size:.62rem;font-weight:700;color:#22c55e;background:color-mix(in srgb,#22c55e 10%,transparent);padding:2px 6px;border-radius:4px}.gen-tab-switcher{display:flex;gap:.35rem;background:var(--bg-primary);border-radius:10px;padding:3px;margin-bottom:.6rem}.gen-tab-pill{flex:1;padding:.42rem .6rem;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.35rem;transition:all .2s ease}.gen-tab-pill--active{background:linear-gradient(135deg,var(--sunset-orange),var(--marquee-gold));color:#fff;box-shadow:0 2px 8px #c54b2833}.gen-tab-pill:not(.gen-tab-pill--active):hover{color:var(--text-primary);background:color-mix(in srgb,var(--sunset-orange) 8%,transparent)}:global([data-theme=dark]) .gen-tab-pill:not(.gen-tab-pill--active):hover{background:color-mix(in srgb,var(--marquee-gold) 8%,transparent)}.gen-perms-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.gen-perm-item{display:flex;align-items:center;gap:.4rem;padding:.45rem .6rem;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:.5rem;cursor:pointer;font-size:.72rem;font-weight:500;color:var(--text-primary);transition:all .2s ease}.gen-perm-item:hover{border-color:var(--sunset-orange)}.gen-perm-item input[type=checkbox]{display:none}.gen-perm-check{width:16px;height:16px;border:2px solid var(--glass-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.gen-perm-item input:checked~.gen-perm-check{background:var(--sunset-orange);border-color:var(--sunset-orange)}.gen-perm-item input:checked~.gen-perm-check:after{content:"✓";color:#fff;font-size:.6rem;font-weight:700}:global([data-theme=dark]) .gen-perm-item input:checked~.gen-perm-check{background:var(--marquee-gold);border-color:var(--marquee-gold)}.gen-separator{border-top:1px solid var(--glass-border);margin-top:auto;padding-top:1rem}.gen-spacer{flex:1}.gen-scrollable::-webkit-scrollbar{width:6px}.gen-scrollable::-webkit-scrollbar-track{background:transparent}.gen-scrollable::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sunset-orange) 25%,transparent);border-radius:3px}.gen-scrollable::-webkit-scrollbar-thumb:hover{background:var(--sunset-orange)}.gen-option-card[style*=--preset-color]:hover{border-color:var(--preset-color)}:global([data-theme=dark]) .gen-option-card[style*=--preset-color]:hover{border-color:var(--preset-color)}.gen-option-card--active[style*=--preset-color]{border-color:var(--preset-color);background:color-mix(in srgb,var(--preset-color) 5%,var(--bg-primary));box-shadow:0 4px 14px color-mix(in srgb,var(--preset-color) 12%,transparent)}:global([data-theme=dark]) .gen-option-card--active[style*=--preset-color]{border-color:var(--preset-color);background:color-mix(in srgb,var(--preset-color) 5%,var(--bg-primary));box-shadow:0 4px 14px color-mix(in srgb,var(--preset-color) 12%,transparent)}.gen-option-card[style*=--preset-color] .gen-option-dpi{color:var(--preset-color)}.gen-option-card[style*=--preset-color] .gen-option-check{background:var(--preset-color)}.gen-target-input{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;padding-left:2.5rem}.gen-target-input .gen-input{flex:1;max-width:100px;padding:.35rem .5rem;border-radius:8px;font-size:.75rem}.gen-unit-switch{display:flex;border-radius:6px;overflow:hidden;border:1px solid var(--glass-border)}.gen-unit-switch button{padding:.3rem .5rem;border:none;background:var(--bg-primary);color:var(--text-secondary);font-size:.65rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s ease}.gen-unit-switch button.active{background:var(--sunset-orange);color:#fff}:global([data-theme=dark]) .gen-unit-switch button.active{background:var(--marquee-gold);color:var(--vintage-brown)}.gen-result-row--error{border-color:color-mix(in srgb,var(--sunset-orange) 30%,transparent)}.gen-result-err-msg{font-size:.6rem;color:var(--sunset-orange);display:flex;align-items:center;gap:.3rem}:global([data-theme=dark]) .gen-result-err-msg{color:var(--marquee-gold)}.gen-result-pct--zero{color:var(--text-secondary);background:color-mix(in srgb,var(--text-secondary) 5%,transparent)}.gen-result-target-miss{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.65rem;font-weight:600;color:#d97706;background:color-mix(in srgb,#f59e0b 6%,transparent);border-radius:.4rem;margin:.15rem 0 .35rem}.gen-result-target-miss i{font-size:.55rem;flex-shrink:0}.gen-done-quality{font-size:.78rem;color:var(--text-secondary);font-weight:600;display:flex;align-items:center;gap:.35rem;position:relative;z-index:1}.gen-done-quality i{color:var(--sunset-orange)}:global([data-theme=dark]) .gen-done-quality i{color:var(--marquee-gold)}.gen-result-preview{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem .5rem;border-bottom:1px solid var(--glass-border)}.gen-result-preview img{width:50px;height:65px;object-fit:contain;border-radius:4px;border:1px solid var(--glass-border);background:#fff}.gen-result-preview-label{font-size:.58rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.gen-s-divider{height:1px;background:var(--glass-border);flex-shrink:0}.gen-s-label{font-size:.65rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.gen-opt-section{display:flex;flex-direction:column;gap:.3rem}.gen-opt-label{font-size:.7rem;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:.3rem}.gen-opt-label i{color:var(--sunset-orange);font-size:.62rem}:global([data-theme=dark]) .gen-opt-label i{color:var(--marquee-gold)}.gen-opt-pills{display:flex;gap:.35rem;flex-wrap:wrap}.gen-opt-pill{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:.38rem .25rem;border-radius:.55rem;border:1px solid var(--glass-border);background:var(--bg-primary);cursor:pointer;transition:all .2s ease;font-family:inherit}.gen-opt-pill:hover{border-color:color-mix(in srgb,var(--sunset-orange) 30%,transparent)}.gen-opt-pill.active{border-color:var(--sunset-orange);background:color-mix(in srgb,var(--sunset-orange) 8%,transparent)}:global([data-theme=dark]) .gen-opt-pill.active{border-color:var(--marquee-gold);background:color-mix(in srgb,var(--marquee-gold) 8%,transparent)}.gen-op-name{font-size:.63rem;font-weight:700;color:var(--text-primary)}.gen-op-sub{font-size:.56rem;color:var(--text-secondary)}.gen-adv-toggle{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;border-radius:.55rem;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:.7rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease;width:100%}.gen-adv-toggle:hover{border-color:color-mix(in srgb,var(--sunset-orange) 30%,transparent);color:var(--text-primary)}.gen-adv-chevron{margin-left:auto;font-size:.6rem}.gen-adv-body{display:flex;flex-direction:column;gap:.5rem}.gen-adv-field{display:flex;flex-direction:column;gap:.25rem}.gen-adv-label{font-size:.68rem;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:.3rem}.gen-adv-label i{color:var(--sunset-orange);font-size:.6rem}:global([data-theme=dark]) .gen-adv-label i{color:var(--marquee-gold)}.gen-adv-hint{font-weight:400;opacity:.7}.gen-adv-input{width:100%;padding:.5rem .75rem;border:1px solid var(--glass-border);border-radius:.6rem;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.82rem;transition:border-color .2s ease;box-sizing:border-box}.gen-adv-input:focus{outline:none;border-color:var(--sunset-orange)}:global([data-theme=dark]) .gen-adv-input:focus{border-color:var(--marquee-gold)}.gen-r-details{display:flex;flex-direction:column;gap:.35rem;padding:.7rem .8rem;border-radius:.7rem;border:1px solid var(--glass-border);background:var(--bg-primary)}.gen-rd-row{display:flex;align-items:center;justify-content:space-between;font-size:.74rem}.gen-rd-l{color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:.35rem}.gen-rd-l i{color:var(--sunset-orange);font-size:.62rem}:global([data-theme=dark]) .gen-rd-l i{color:var(--marquee-gold)}.gen-rd-v{font-weight:700;color:var(--text-primary)}.gen-preview-card{display:flex;flex-direction:column;height:100%}.gen-preview-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;border-bottom:1px solid var(--glass-border)}.gen-preview-title{font-size:.82rem;font-weight:700;font-family:var(--font-ui);color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin:0}.gen-preview-title-icon{width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--sunset-orange) 8%,transparent);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--sunset-orange)}:global([data-theme=dark]) .gen-preview-title-icon{background:color-mix(in srgb,var(--marquee-gold) 10%,transparent);color:var(--marquee-gold)}.gen-preview-actions{display:flex;gap:.5rem}.gen-preview-canvas{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;min-height:200px;background:color-mix(in srgb,var(--glass-bg) 50%,transparent);position:relative}.gen-preview-canvas--empty{color:var(--text-secondary);font-size:.78rem;font-style:italic}.gen-preview-canvas--has-content img,.gen-preview-canvas--has-content canvas{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}.gen-preview-detail-row{flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:.6rem 1.2rem;border-top:1px solid var(--glass-border);font-size:.68rem;color:var(--text-secondary);flex-wrap:wrap}.gen-split-layout--preview-left{display:grid;grid-template-columns:61.8% 38.2%;gap:1.5rem;width:100%;height:100%}@media(max-width:900px){.gen-split-layout--preview-left{grid-template-columns:1fr;height:auto}}.gen-output-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:.8rem;overflow:hidden}.gen-output-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--glass-border);background:color-mix(in srgb,var(--glass-bg) 80%,transparent)}.gen-output-header-meta{display:flex;gap:.75rem;font-size:.68rem;color:var(--text-secondary)}.gen-output-text{padding:1rem;font-family:Courier New,Courier,monospace;font-size:.82rem;color:var(--text-primary);line-height:1.7;white-space:pre-wrap;word-break:break-all;max-height:400px;overflow-y:auto}.gen-btn-copy{padding:.3rem .7rem;border-radius:8px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;font-family:inherit;transition:all .2s ease}.gen-btn-copy:hover{border-color:var(--sunset-orange);color:var(--sunset-orange);background:color-mix(in srgb,var(--sunset-orange) 5%,transparent)}:global([data-theme=dark]) .gen-btn-copy:hover{border-color:var(--marquee-gold);color:var(--marquee-gold);background:color-mix(in srgb,var(--marquee-gold) 5%,transparent)}.gen-btn-copy--copied{border-color:#22c55e!important;color:#22c55e!important;background:color-mix(in srgb,#22c55e 5%,transparent)!important}.gen-slider-group{display:flex;flex-direction:column;gap:.4rem}.gen-slider-label{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;color:var(--text-primary)}.gen-slider-value{font-size:.68rem;font-weight:700;color:var(--sunset-orange);background:color-mix(in srgb,var(--sunset-orange) 8%,transparent);padding:.15rem .5rem;border-radius:6px}:global([data-theme=dark]) .gen-slider-value{color:var(--marquee-gold);background:color-mix(in srgb,var(--marquee-gold) 10%,transparent)}.gen-slider{width:100%;height:6px;border-radius:3px;-webkit-appearance:none;appearance:none;background:color-mix(in srgb,var(--glass-border) 60%,transparent);outline:none;cursor:pointer}.gen-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--sunset-orange);border:2px solid white;box-shadow:0 1px 4px #00000026;cursor:pointer;transition:transform .15s ease}.gen-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}:global([data-theme=dark]) .gen-slider::-webkit-slider-thumb{background:var(--marquee-gold);border-color:var(--vintage-brown)}.gen-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--sunset-orange);border:2px solid white;box-shadow:0 1px 4px #00000026;cursor:pointer}.gen-color-picker{display:flex;align-items:center;gap:.5rem}.gen-color-swatch{width:36px;height:36px;border-radius:8px;border:2px solid var(--glass-border);cursor:pointer;padding:0;-webkit-appearance:none;appearance:none;overflow:hidden}.gen-color-swatch::-webkit-color-swatch-wrapper{padding:0}.gen-color-swatch::-webkit-color-swatch{border:none;border-radius:6px}.gen-color-swatch::-moz-color-swatch{border:none;border-radius:6px}.gen-color-hex{flex:1;padding:.45rem .65rem;border:1px solid var(--glass-border);border-radius:8px;font-size:.75rem;font-family:Courier New,monospace;color:var(--text-primary);background:var(--glass-bg);text-transform:uppercase}.gen-color-hex:focus{outline:none;border-color:var(--sunset-orange)}.gen-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.gen-check-item{display:flex;align-items:center;gap:.45rem;padding:.4rem .6rem;border-radius:8px;border:1px solid var(--glass-border);cursor:pointer;transition:all .15s ease;font-size:.72rem;font-weight:500;color:var(--text-primary)}.gen-check-item:hover{border-color:color-mix(in srgb,var(--sunset-orange) 30%,transparent);background:color-mix(in srgb,var(--sunset-orange) 3%,transparent)}.gen-check-item input[type=checkbox]{accent-color:var(--sunset-orange);width:14px;height:14px;cursor:pointer}:global([data-theme=dark]) .gen-check-item input[type=checkbox]{accent-color:var(--marquee-gold)}.gen-tab-switcher{display:flex;background:color-mix(in srgb,var(--glass-border) 40%,transparent);border-radius:10px;padding:3px;gap:2px}.gen-tab-pill{flex:1;padding:.4rem .6rem;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease;text-align:center}.gen-tab-pill:hover{color:var(--text-primary)}.gen-tab-pill--active{background:var(--glass-bg);color:var(--sunset-orange);box-shadow:0 1px 3px #00000014}:global([data-theme=dark]) .gen-tab-pill--active{color:var(--marquee-gold);background:color-mix(in srgb,var(--glass-bg) 80%,transparent)}.gen-output-list{display:flex;flex-direction:column;gap:.4rem}.gen-output-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);transition:border-color .15s ease}.gen-output-row:hover{border-color:color-mix(in srgb,var(--sunset-orange) 25%,transparent)}.gen-output-row-text{flex:1;font-family:Courier New,Courier,monospace;font-size:.8rem;color:var(--text-primary);word-break:break-all;-webkit-user-select:all;user-select:all}.gen-output-row-label{font-size:.62rem;font-weight:700;text-transform:uppercase;color:var(--sunset-orange);background:color-mix(in srgb,var(--sunset-orange) 8%,transparent);padding:.15rem .45rem;border-radius:5px;flex-shrink:0}:global([data-theme=dark]) .gen-output-row-label{color:var(--marquee-gold);background:color-mix(in srgb,var(--marquee-gold) 10%,transparent)}.gen-strength-wrap{margin-top:.6rem}.gen-strength-bar{width:100%;height:6px;border-radius:3px;background:color-mix(in srgb,var(--glass-border) 50%,transparent);overflow:hidden}.gen-strength-fill{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease}.gen-strength-fill--weak{background:#ef4444;width:20%}.gen-strength-fill--fair{background:#f97316;width:40%}.gen-strength-fill--good{background:#eab308;width:60%}.gen-strength-fill--strong{background:#22c55e;width:80%}.gen-strength-fill--excellent{background:#059669;width:100%}.gen-strength-label{display:flex;justify-content:space-between;align-items:center;margin-top:.3rem;font-size:.65rem;font-weight:600}.gen-strength-label-text{text-transform:uppercase;letter-spacing:.03em}.gen-strength-label-bits{color:var(--text-secondary)}.gen-opt-pills{display:flex;flex-wrap:wrap;gap:.35rem}.gen-opt-pill{padding:.35rem .7rem;border-radius:8px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:.7rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.gen-opt-pill:hover{border-color:color-mix(in srgb,var(--sunset-orange) 30%,transparent);color:var(--text-primary)}.gen-opt-pill--active{border-color:var(--sunset-orange);background:color-mix(in srgb,var(--sunset-orange) 8%,transparent);color:var(--sunset-orange)}:global([data-theme=dark]) .gen-opt-pill--active{border-color:var(--marquee-gold);background:color-mix(in srgb,var(--marquee-gold) 8%,transparent);color:var(--marquee-gold)}.gen-option-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.gen-option-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}.gen-option-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.4rem}@media(max-width:900px){.gen-option-grid-3,.gen-option-grid-4{grid-template-columns:1fr 1fr}}.gen-textarea{width:100%;padding:.6rem .8rem;border:1px solid var(--glass-border);border-radius:.6rem;background:var(--glass-bg);color:var(--text-primary);font-size:.78rem;font-family:inherit;line-height:1.6;resize:vertical;min-height:80px;transition:border-color .2s ease}.gen-textarea:focus{outline:none;border-color:var(--sunset-orange)}:global([data-theme=dark]) .gen-textarea:focus{border-color:var(--marquee-gold)}.gen-select{width:100%;padding:.45rem .65rem;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);color:var(--text-primary);font-size:.75rem;font-family:inherit;cursor:pointer;transition:border-color .2s ease}.gen-select:focus{outline:none;border-color:var(--sunset-orange)}.gen-btn-secondary{padding:.45rem 1rem;border-radius:10px;border:1px solid var(--glass-border);background:transparent;color:var(--text-primary);font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease}.gen-btn-secondary:hover{border-color:var(--sunset-orange);color:var(--sunset-orange);background:color-mix(in srgb,var(--sunset-orange) 4%,transparent)}:global([data-theme=dark]) .gen-btn-secondary:hover{border-color:var(--marquee-gold);color:var(--marquee-gold);background:color-mix(in srgb,var(--marquee-gold) 4%,transparent)}.gen-msg--info{background:color-mix(in srgb,#3b82f6 6%,var(--glass-bg));border:1px solid color-mix(in srgb,#3b82f6 20%,transparent);border-radius:.6rem;padding:.55rem .8rem;font-size:.72rem;color:#3b82f6;display:flex;align-items:center;gap:.4rem}.gen-msg--success{background:color-mix(in srgb,#22c55e 6%,var(--glass-bg));border:1px solid color-mix(in srgb,#22c55e 20%,transparent);border-radius:.6rem;padding:.55rem .8rem;font-size:.72rem;color:#22c55e;display:flex;align-items:center;gap:.4rem}@keyframes gen-spin{to{transform:rotate(360deg)}}.gen-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:gen-spin .6s linear infinite}.gen-section-label{font-size:.78rem;font-weight:700;color:var(--sunset-orange);margin:0}:global([data-theme=dark]) .gen-section-label{color:var(--marquee-gold)}.gen-divider{border:none;border-top:1px solid var(--glass-border);margin:.6rem 0}.gen-line-item{display:flex;gap:.4rem;align-items:flex-end;margin-bottom:.5rem}.gen-line-item-col{display:flex;flex-direction:column}.gen-line-item-col--desc{flex:3}.gen-line-item-col--qty{flex:1}.gen-line-item-col--price{flex:1.2}.gen-line-item-col label{font-size:.62rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem}.gen-line-item-amount{flex:1;text-align:right;font-size:.75rem;font-weight:700;color:var(--text-primary);padding-bottom:.5rem}.gen-line-item-remove{padding:.3rem;border-radius:6px;border:1px solid #ef4444;background:transparent;color:#ef4444;cursor:pointer;font-size:.72rem;font-family:inherit;margin-bottom:.35rem;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.gen-line-item-remove:hover{background:color-mix(in srgb,#ef4444 8%,transparent)}.gen-summary-box{background:color-mix(in srgb,var(--glass-border) 20%,transparent);border-radius:8px;padding:.75rem;margin-top:.5rem}.gen-summary-row{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-secondary);margin-bottom:.25rem}.gen-summary-row--discount{color:#22c55e}.gen-summary-row--total{font-size:.9rem;font-weight:700;color:var(--text-primary);border-top:1px solid var(--glass-border);padding-top:.4rem;margin-top:.25rem;margin-bottom:0}.gen-stop-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.gen-stop-row .gen-slider{flex:1}.gen-stop-pos{font-size:.68rem;font-weight:700;color:var(--text-secondary);min-width:30px;text-align:right}.gen-stop-remove{padding:.2rem .4rem;border-radius:6px;border:1px solid #ef4444;background:transparent;color:#ef4444;cursor:pointer;font-size:.72rem;font-family:inherit;display:inline-flex;align-items:center;transition:all .15s ease}.gen-stop-remove:hover{background:color-mix(in srgb,#ef4444 8%,transparent)}.gen-field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.gen-field-header .gen-label{margin:0}.gen-output-label{font-size:.68rem;color:var(--text-secondary);font-weight:600}.gen-preview-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-secondary)}.gen-preview-empty-icon{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--glass-border) 40%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.gen-preview-empty-text{font-size:.78rem;font-style:italic}.gen-gradient-canvas{flex:1;min-height:250px;border-radius:0 0 0 1.2rem}.gen-output-box--flush{border-radius:0;border:none;border-top:1px solid var(--glass-border);flex:1;display:flex;flex-direction:column}.gen-output-box--flush .gen-output-text{flex:1;max-height:none;overflow:visible}.gen-output-text--compact{font-size:.72rem;padding:.75rem 1rem;max-height:80px}.gen-check-grid--single{grid-template-columns:1fr}.gen-settings-body--compact{padding:.8rem}.gen-settings-body--flush{padding:0}.gen-output-text--ascii{font-size:.55rem;line-height:1.1;max-height:none;overflow-x:auto;white-space:pre}.gen-output-row--stacked{flex-direction:column;align-items:stretch;gap:.3rem}.gen-output-row-header{display:flex;justify-content:space-between;align-items:center}.gen-output-row-text--sm{font-size:.72rem;line-height:1.4}.gen-field-hint{display:block;margin-top:.3rem;font-size:.65rem;color:var(--text-secondary)}.gen-opt-pill--static{cursor:default;pointer-events:none}.gen-opt-pills--center{justify-content:center}.gen-preview-canvas--column{flex-direction:column;gap:.5rem}.gen-file-info{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg)}.gen-file-info-icon{color:var(--sunset-orange);font-size:.85rem;flex-shrink:0}.gen-file-info-name{flex:1;font-size:.78rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gen-file-info-size{font-size:.68rem;color:var(--text-secondary);flex-shrink:0}.gen-color-picker--spaced{margin-top:.4rem}.gen-file-input-hidden{display:none}