#editor{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,.15) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(118,75,162,.15) 0,transparent 50%),rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:4;padding:20px;animation:a .3s ease-out}@keyframes a{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.editor-container{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--border-radius);box-shadow:0 25px 50px rgba(0,0,0,.8),0 10px 20px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1);padding:var(--padding-md);width:100%;max-width:1280px;height:min(90vh,1280px);max-height:1280px;display:flex;flex-direction:column;overflow:hidden;animation:b .4s ease-out;position:relative}.editor-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent)}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--padding-md)}.editor-tabs{display:flex;gap:4px}.tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px 16px;border-radius:var(--border-radius-small);cursor:pointer;transition:var(--transition);font-size:var(--font-size-sm);font-weight:500}.tab-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.tab-btn.active{background:var(--card-hover-bg);color:var(--text-primary)}.close-btn{background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:12px;border-radius:8px;transition:var(--transition);min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:hsla(0,0%,100%,.15);transform:scale(1.1)}.tab-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}#editor-tab{display:flex;flex-direction:column}#faq-tab,#stats-tab{display:none;flex-direction:column}.editor-main{display:flex;flex:1;gap:16px;min-height:0;margin-bottom:var(--padding-sm)}.editor-wrapper{position:relative;flex:1;min-height:0}.examples-panel{width:320px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-small);display:flex;flex-direction:column;transition:var(--transition);backdrop-filter:blur(10px);max-height:100%;overflow:hidden}.examples-panel.collapsed{display:none}.examples-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05)}.examples-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;transition:var(--transition)}.examples-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.examples-toggle:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.toggle-icon{transition:transform .3s ease;font-size:12px}.examples-content{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) transparent}.examples-content::-webkit-scrollbar{width:4px}.examples-content::-webkit-scrollbar-track{background:transparent}.examples-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.examples-intro{margin-bottom:24px;padding:12px;background:hsla(0,0%,100%,.05);border-radius:8px;border-left:3px solid var(--accent-color-1)}.examples-intro p{margin:0;font-size:12px;line-height:1.5;color:var(--text-secondary)}.examples-intro strong{color:var(--text-primary)}.examples-intro code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;background:hsla(0,0%,100%,.1);padding:2px 4px;border-radius:3px;color:var(--accent-color-1)}.example-section{margin-bottom:24px}.example-section:last-child{margin-bottom:0}.example-section h5{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.example-subsection{margin-bottom:16px}.example-subsection:last-child{margin-bottom:0}.example-subtitle{margin:0 0 6px;font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:none;opacity:.8}.example-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;padding:8px;background:hsla(0,0%,100%,.03);border-radius:6px;border:1px solid hsla(0,0%,100%,.05);transition:var(--transition);position:relative}.example-item:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.example-item code{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;color:var(--text-secondary);line-height:1.4;word-break:break-all;padding:0;background:none;white-space:pre-wrap;overflow-wrap:break-word}.example-item pre{flex:1;margin:0;padding:0 28px 0 0;background:none;border:none;font-family:inherit;font-size:inherit;color:inherit;line-height:1;white-space:pre;display:block}.example-item pre code{white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important}.example-insert{background:linear-gradient(135deg,var(--accent-color-1),var(--accent-color-2));color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;font-weight:600;transition:var(--transition);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:absolute;top:8px;right:8px}.example-insert:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(59,130,246,.3)}.examples-floating-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;background:linear-gradient(135deg,var(--accent-color-1),var(--accent-color-2));border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;transition:var(--transition);display:none;align-items:center;justify-content:center;z-index:3;box-shadow:0 4px 12px rgba(59,130,246,.3)}.examples-floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(59,130,246,.5)}.editor-main.examples-hidden .editor-wrapper .examples-floating-btn{display:flex}#urlInput{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;padding:var(--padding-sm);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--border-radius-small);background:#1e1e1e;color:transparent;resize:none;line-height:1.5;z-index:1;caret-color:#fff;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}#urlInput::-webkit-scrollbar{display:none}.syntax-highlight-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;padding:var(--padding-sm);border:1px solid transparent;border-radius:var(--border-radius-small);pointer-events:none;white-space:pre-wrap;word-wrap:break-word;overflow:hidden;z-index:2;box-sizing:border-box}.syntax-highlight-overlay .url{color:#9cdcfe}.syntax-highlight-overlay .icon-url{color:#ce9178}.syntax-highlight-overlay .title{color:#fff}.syntax-highlight-overlay .comment{color:#6a9955;font-style:italic}.syntax-highlight-overlay .tab-definition{color:#fed841;font-weight:700;background:rgba(254,216,65,.1);padding:2px 4px;border-radius:4px}#urlInput::selection{background:rgba(156,220,254,.3)}#urlInput:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.settings-container,.stats-container{padding:var(--padding-sm) 0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) transparent}.stats-container::-webkit-scrollbar{width:6px}.stats-container::-webkit-scrollbar-track{background:transparent}.stats-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.stats-section h4{margin:0 0 12px;font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;margin-bottom:16px}.stat-item{background:hsla(0,0%,100%,.1);padding:12px;border-radius:var(--border-radius-small);text-align:center;border:1px solid hsla(0,0%,100%,.1)}.stat-value{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.period-selector{display:flex;gap:4px;margin-bottom:12px;background:rgba(0,0,0,.2);border-radius:var(--border-radius-small);padding:4px}.period-btn{background:transparent;border:none;color:var(--text-secondary);padding:6px 12px;border-radius:6px;cursor:pointer;transition:var(--transition);font-size:12px;font-weight:500}.period-btn.active,.period-btn:hover{color:var(--text-primary)}.period-btn.active{background:var(--card-bg)}.hourly-stats-container{height:80px;display:flex;align-items:end;gap:2px;padding:8px;background:rgba(0,0,0,.2);border-radius:var(--border-radius-small);overflow-x:auto}.hour-bar{display:flex;flex-direction:column;align-items:center;min-width:20px;position:relative}.hour-bar-fill{background:linear-gradient(180deg,var(--card-hover-bg),var(--card-bg));width:16px;border-radius:2px 2px 0 0;min-height:2px;transition:var(--transition)}.hour-label{font-size:10px;color:var(--text-secondary);margin-top:4px;transform:rotate(-45deg);white-space:nowrap}.hour-bar:hover .hour-bar-fill{background:linear-gradient(180deg,#667eea,#764ba2)}.unused-link{background:hsla(0,100%,70%,.1);border-left:3px solid hsla(0,100%,70%,.5)}.trend-item,.unused-link{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-bottom:4px;border-radius:6px;font-size:13px}.trend-up{background:rgba(76,175,80,.1);border-left:3px solid rgba(76,175,80,.7)}.trend-down{background:rgba(244,67,54,.1);border-left:3px solid rgba(244,67,54,.7)}.trend-change{display:flex;align-items:center;gap:4px;font-weight:600}.trend-arrow{font-size:16px}.show-more{cursor:pointer;transition:var(--transition);padding:8px;border-radius:4px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);margin:4px 0}.show-more:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.link-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-bottom:4px;background:hsla(0,0%,100%,.05);border-radius:6px;font-size:13px}.link-stat:hover{background:hsla(0,0%,100%,.1)}.link-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:12px}.link-count{color:var(--text-secondary);font-weight:500;min-width:30px;text-align:right}.editor-actions,.settings-actions,.stats-actions{gap:8px;padding-top:var(--padding-sm);border-top:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.settings-actions,.stats-actions{display:flex;justify-content:flex-end;margin-top:var(--padding-sm)}.settings-section{background:hsla(0,0%,100%,.05);padding:16px;border-radius:var(--border-radius-small);border:1px solid hsla(0,0%,100%,.1)}.settings-section h4{margin:0 0 16px;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.faq-container{padding:var(--padding-sm) 0;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) transparent}.faq-container::-webkit-scrollbar{width:6px}.faq-container::-webkit-scrollbar-track{background:transparent}.faq-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.faq-toc{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-small);padding:20px;margin-bottom:30px;backdrop-filter:blur(20px)}.faq-toc h3{margin:0 0 16px;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.faq-toc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.faq-toc-item{background:hsla(0,0%,100%,.05);border-radius:6px;padding:12px;transition:var(--transition-fast)}.faq-toc-item:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.faq-toc-link{text-decoration:none;color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:6px;font-size:.9rem}.faq-toc-desc{font-size:.8rem;color:var(--text-muted);margin-top:6px}.faq-section{margin-bottom:40px}.faq-section h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:20px;color:var(--text-primary);display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid rgba(59,130,246,.3)}.faq-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-small);margin-bottom:16px;overflow:hidden;backdrop-filter:blur(20px);transition:var(--transition-fast)}.faq-item:hover{border-color:rgba(59,130,246,.3)}.faq-question{background:none;border:none;color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;padding:18px;width:100%;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast)}.faq-question:hover{background:hsla(0,0%,100%,.05)}.faq-icon{transition:var(--transition-fast);font-size:1rem}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:2000px}.faq-answer-content{padding:0 18px 18px;color:var(--text-secondary);line-height:1.6}.faq-answer-content p{margin-bottom:12px}.faq-answer-content h4{color:var(--text-primary);margin:16px 0 8px;font-size:var(--font-size-sm);font-weight:600}.faq-answer-content ol,.faq-answer-content ul{margin:12px 0;padding-left:20px}.faq-answer-content li{margin-bottom:6px}.faq-answer-content code{background:rgba(59,130,246,.1);color:var(--accent-blue);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.faq-code-block{background:rgba(0,0,0,.3);padding:16px;border-radius:8px;color:var(--text-secondary);line-height:1.4;overflow-x:auto;margin:16px 0;border:1px solid hsla(0,0%,100%,.1)}.faq-code-block code{background:none;color:inherit;padding:0}.faq-highlight{background:rgba(59,130,246,.1);color:var(--accent-blue);padding:2px 6px;border-radius:4px;font-weight:600}.faq-step-list{counter-reset:a;list-style:none;padding-left:0}.faq-step-list li{counter-increment:a;position:relative;padding-left:32px;margin-bottom:12px}.faq-step-list li:before{content:counter(a);position:absolute;left:0;top:0;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.faq-platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.faq-platform-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:12px;text-align:center}.faq-platform-icon{font-size:1.5rem;margin-bottom:6px}.faq-platform-name{font-weight:600;color:var(--text-primary);margin-bottom:4px;font-size:.85rem}.faq-alert{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:6px;padding:12px;margin:16px 0;display:flex;align-items:flex-start;gap:10px}.faq-alert-success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3)}.faq-alert-warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3)}.faq-alert-icon{font-size:1rem;margin-top:1px;flex-shrink:0}.setting-item{margin-bottom:12px}.setting-label{display:block;margin-bottom:6px;font-weight:500}.setting-label,.setting-select{font-size:var(--font-size-sm);color:var(--text-primary)}.setting-select{width:100%;padding:8px 12px;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--border-radius-small);font-family:inherit;cursor:pointer;transition:var(--transition)}.setting-select:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.setting-select option{background:#1e1e1e;color:var(--text-primary)}.setting-description{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-top:8px;padding:8px;background:hsla(0,0%,100%,.03);border-radius:6px;border-left:3px solid hsla(0,0%,100%,.1)}.sort-options{display:flex;flex-direction:column;gap:12px}.installation-guide{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:var(--border-radius);padding:20px}.installation-info{display:flex;gap:16px}.installation-icon{font-size:2rem;flex-shrink:0}.installation-content{flex:1}.installation-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.installation-desc{color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.installation-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.step-item{padding:12px;background:hsla(0,0%,100%,.05);border-radius:var(--border-radius-small);color:var(--text-secondary);line-height:1.4;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-copy{background:linear-gradient(135deg,var(--accent-color-1),var(--accent-color-2));color:#fff;border:none;padding:4px 12px;border-radius:var(--border-radius-small);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-copy:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn-link{background:hsla(0,0%,100%,.1);color:var(--accent-color-1);border:1px solid rgba(59,130,246,.3);padding:4px 10px;border-radius:var(--border-radius-small);font-size:.85rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.btn-link:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5);transform:translateY(-1px)}.installation-tip{background:hsla(0,0%,100%,.05);border-left:3px solid var(--accent-color-1);padding:12px;border-radius:var(--border-radius-small);color:var(--text-secondary);line-height:1.4}.sort-option{position:relative}.sort-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.sort-option-label{display:flex;align-items:center;gap:12px;padding:16px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-small);cursor:pointer;transition:var(--transition);position:relative}.sort-option-label:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.sort-option input[type=radio]:checked+.sort-option-label{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.6);box-shadow:0 4px 12px rgba(102,126,234,.3)}.sort-option input[type=radio]:checked+.sort-option-label:after{content:"✓";position:absolute;top:8px;right:12px;color:#667eea;font-weight:700;font-size:16px}.sort-option-icon{font-size:24px;flex-shrink:0}.sort-option-content{flex:1}.sort-option-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:4px}.sort-option-desc{font-size:12px;color:var(--text-secondary);line-height:1.3}.sort-option input[type=radio]:checked+.sort-option-label .sort-option-title{color:#fff}.sort-option input[type=radio]:checked+.sort-option-label .sort-option-desc{color:hsla(0,0%,100%,.8)}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.theme-option{position:relative}.theme-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.theme-option-label{display:flex;align-items:center;gap:12px;padding:12px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-small);cursor:pointer;transition:var(--transition);position:relative}.theme-option-label:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.theme-option input[type=radio]:checked+.theme-option-label{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.6);box-shadow:0 4px 12px rgba(102,126,234,.3)}.theme-option input[type=radio]:checked+.theme-option-label:after{content:"✓";position:absolute;top:6px;right:8px;color:#667eea;font-weight:700;font-size:14px}.theme-preview{width:40px;height:40px;border-radius:8px;flex-shrink:0;border:2px solid hsla(0,0%,100%,.1);position:relative;overflow:hidden}.default-theme{background:linear-gradient(135deg,#667eea,#764ba2)}.ocean-theme{background:linear-gradient(135deg,#00c6ff,#0072ff)}.sunset-theme{background:linear-gradient(135deg,#ff9a56,#ff6b9d)}.forest-theme{background:linear-gradient(135deg,#56ab2f,#a8e6cf)}.dark-theme{background:linear-gradient(135deg,#2c2c2c,#1a1a1a)}.space-theme{background:linear-gradient(45deg,transparent 25%,hsla(0,0%,100%,.02) 35%,rgba(190,180,255,.04) 45%,hsla(0,0%,100%,.03) 55%,transparent 65%),linear-gradient(135deg,#050515,#0b1426 15%,#1b2951 40%,#1f2b69 60%,#1a2440 80%,#0f1a35),radial-gradient(1px 1px at 15% 20%,#fff,transparent),radial-gradient(.8px .8px at 45% 15%,hsla(0,0%,100%,.9),transparent),radial-gradient(1px 1px at 75% 25%,#fff,transparent),radial-gradient(.5px .5px at 25% 45%,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 65% 60%,#fff,transparent),radial-gradient(.8px .8px at 35% 70%,rgba(173,216,230,.9),transparent),radial-gradient(.5px .5px at 85% 80%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 55% 35%,rgba(255,182,193,.8),transparent),radial-gradient(ellipse 25px 15px at 20% 30%,rgba(147,99,255,.12),transparent),radial-gradient(ellipse 20px 18px at 80% 70%,rgba(99,130,246,.15),transparent);background-size:100% 100%,100% 100%,50px 50px,50px 50px,50px 50px,50px 50px,50px 50px,60px 60px,60px 60px,60px 60px,100% 100%,100% 100%;position:relative;overflow:hidden}.custom-theme{background:linear-gradient(135deg,var(--custom-color-1,#667eea),var(--custom-color-2,#764ba2))}.theme-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3))}.theme-option-content{flex:1}.theme-option-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.theme-option-desc{font-size:11px;color:var(--text-secondary);line-height:1.3}.theme-option input[type=radio]:checked+.theme-option-label .theme-option-title{color:#fff}.theme-option input[type=radio]:checked+.theme-option-label .theme-option-desc{color:hsla(0,0%,100%,.8)}.custom-colors-section{margin-top:16px;padding:16px;background:hsla(0,0%,100%,.03);border-radius:var(--border-radius-small);border:1px solid hsla(0,0%,100%,.1);transition:var(--transition)}.custom-colors-section h5{margin:0 0 16px;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.color-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.color-input-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.color-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;min-width:140px}.color-picker{width:50px;height:40px;border:2px solid hsla(0,0%,100%,.2);border-radius:8px;background:none;cursor:pointer;transition:var(--transition)}.color-picker:hover{border-color:hsla(0,0%,100%,.4);transform:scale(1.05)}.color-hex{padding:8px 12px;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;width:100px;text-transform:uppercase;transition:var(--transition)}.color-hex:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.custom-actions{display:flex;gap:8px;justify-content:flex-end}.custom-actions .btn{padding:8px 16px;font-size:12px}@media (max-width:600px){.color-input-group{flex-direction:column;align-items:flex-start;gap:8px}.color-label{min-width:auto}.custom-actions{justify-content:center}}.editor-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:var(--padding-sm)}.btn{padding:12px 24px;font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--border-radius-small);cursor:pointer;transition:var(--transition);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.btn-primary{background:linear-gradient(135deg,var(--accent-color-1),var(--accent-color-2));color:#fff;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 8px rgba(102,126,234,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4),0 4px 12px rgba(0,0,0,.3);filter:brightness(1.1)}.btn-secondary{background:hsla(0,0%,100%,.08);color:var(--text-primary);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 2px 8px rgba(0,0,0,.2)}.btn-secondary:hover{background:hsla(0,0%,100%,.12);transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.25)}@media (max-width:768px){#editor{padding:16px}.editor-container{padding:16px;max-width:100%;height:95vh;max-height:none}.editor-main{flex-direction:column;gap:12px}.examples-panel{width:100%;max-height:200px;order:-1}.examples-panel.collapsed{width:100%;max-height:48px}#urlInput{font-size:13px}}@media (max-width:480px){#editor{padding:12px}.editor-container{padding:12px;max-width:100%;height:98vh;max-height:none;border-radius:8px}.tab-btn{padding:6px 12px;font-size:12px}}