:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#e0e7ff;--primary-dark:#3730a3;--secondary:#ec4899;--secondary-hover:#db2777;--secondary-light:#fce7f3;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warm:linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-cool:linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-glass:linear-gradient(
        135deg,
        rgb(255 255 255 / 10%) 0%,
        rgb(255 255 255 / 5%) 100%
    );--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--font-primary:'Inter',-apple-system,blinkmacsystemfont,'Segoe UI',roboto,sans-serif;--font-display:'Inter',system-ui,sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 5%);--shadow:0 1px 3px 0 rgb(0 0 0 / 10%),0 1px 2px -1px rgb(0 0 0 / 10%);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 10%),0 2px 4px -2px rgb(0 0 0 / 10%);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 10%),0 4px 6px -4px rgb(0 0 0 / 10%);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 10%),0 8px 10px -6px rgb(0 0 0 / 10%);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / 25%);--shadow-glow:0 0 0 1px rgb(99 102 241 / 10%),0 4px 12px rgb(99 102 241 / 15%);--radius-sm:0.375rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:200ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce:400ms cubic-bezier(0.68, -0.55, 0.265, 1.55)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);line-height:1.6;color:var(--gray-800);background:var(--gradient-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1400px;margin:0 auto;padding:var(--space-6)}.header{background:rgb(255 255 255 / 95%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid rgb(255 255 255 / 20%)}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.logo-section{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:all var(--transition-fast);border-radius:var(--radius-lg);padding:var(--space-2);margin:calc(-1 * var(--space-2))}.logo-section:hover{transform:scale(1.02);background:rgb(255 255 255 / 10%)}.logo{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;box-shadow:var(--shadow-md)}.brand-text{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.help-button{background:var(--gradient-cool);color:var(--gray-700);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-2)}.help-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.language-selector select{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.language-selector select:focus{outline:0;border-color:var(--primary);box-shadow:var(--shadow-glow)}.main-content{display:grid;grid-template-columns:1fr 400px;gap:var(--space-8);align-items:start}.canvas-section{background:rgb(255 255 255 / 95%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-xl);border:1px solid rgb(255 255 255 / 20%)}.controls-section{background:rgb(255 255 255 / 95%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-xl);border:1px solid rgb(255 255 255 / 20%);position:sticky;top:var(--space-6);max-height:calc(100vh - var(--space-12));overflow-y:auto}.upload-zone{border:3px dashed var(--gray-300);border-radius:var(--radius-2xl);padding:var(--space-16);text-align:center;background:var(--gradient-cool);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.upload-zone::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7,10 12,15 17,10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>') center/60px no-repeat;opacity:.1;pointer-events:none}.upload-zone:hover{border-color:var(--primary);background:var(--gradient-warm);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.upload-zone.dragover{border-color:var(--primary);background:var(--gradient-success);transform:scale(1.02)}.upload-content{position:relative;z-index:1}.upload-title{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin-bottom:var(--space-4)}.upload-subtitle{font-size:1.1rem;color:var(--gray-600);margin-bottom:var(--space-3)}.upload-hint{font-size:.9rem;color:var(--gray-500);font-style:italic}.canvas-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6)}.image-management{display:flex;gap:var(--space-3);flex-wrap:wrap}.management-btn{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-2)}.management-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.image-selector{display:flex;align-items:center;gap:var(--space-3);justify-self:center}.image-dropdown{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.image-dropdown:focus{outline:0;border-color:var(--primary);box-shadow:var(--shadow-glow)}.canvas-area{position:relative;background:var(--white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-6)}.canvas-navigation{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.nav-btn{background:var(--gradient-primary);color:#fff;border:none;width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-bounce);box-shadow:var(--shadow-md);font-size:1.2rem}.nav-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-xl)}.nav-btn:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.canvas-container{background:var(--gray-50);border-radius:var(--radius-lg);min-height:400px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px rgb(0 0 0 / 10%)}.canvas{max-width:100%;max-height:100%;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.preview-controls{display:flex;align-items:center;gap:var(--space-4);background:var(--white);padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.play-btn{background:var(--gradient-success);color:#fff;border:none;width:45px;height:45px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.play-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.preview-slider{flex:1;height:6px;background:var(--gray-200);border-radius:var(--radius-full);outline:0;appearance:none;cursor:pointer}.preview-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--gradient-primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.preview-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg)}.frame-info{background:var(--gray-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;color:var(--gray-700)}.control-group{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.control-group:last-child{margin-bottom:0}.control-title{font-size:1.2rem;font-weight:700;color:var(--gray-800);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.control-title::before{content:'';width:4px;height:20px;background:var(--gradient-primary);border-radius:var(--radius-full)}.control-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.control-row:last-child{margin-bottom:0}.control-label{font-weight:600;color:var(--gray-700);min-width:80px}.control-slider{flex:1;height:6px;background:var(--gray-200);border-radius:var(--radius-full);outline:0;appearance:none;cursor:pointer}.control-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--gradient-primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg)}.control-value{background:var(--gray-100);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);width:80px;text-align:center;font-weight:600;transition:all var(--transition-base)}.control-value:focus{outline:0;border-color:var(--primary);box-shadow:var(--shadow-glow)}.control-select{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.control-select:focus{outline:0;border-color:var(--primary);box-shadow:var(--shadow-glow)}.btn{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.btn-secondary{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-large{padding:var(--space-4) var(--space-8);font-size:1.1rem;border-radius:var(--radius-xl)}.btn-full{width:100%;justify-content:center}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.9rem}.status{background:var(--gradient-cool);color:var(--gray-700);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);text-align:center;font-weight:600;margin-bottom:var(--space-5);border:1px solid rgb(255 255 255 / 20%)}.status.success{background:var(--gradient-success);color:#fff}.status.warning{background:var(--gradient-warm);color:#fff}.status.error{background:var(--gradient-secondary);color:#fff}.progress-container{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-4);margin-top:var(--space-5);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.progress-bar{height:12px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative}.progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 40%),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.page-content{background:rgb(255 255 255 / 95%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl);border:1px solid rgb(255 255 255 / 20%);max-width:1200px;margin:0 auto;line-height:1.7}.section-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.section-card:last-child{margin-bottom:0}.feature-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-icon{font-size:2rem;margin-bottom:var(--space-4);color:var(--primary)}.feature-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-3)}.feature-description{color:var(--gray-600);line-height:1.6}.main-footer{background:rgb(255 255 255 / 95%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);margin-top:var(--space-16);box-shadow:var(--shadow-xl);border:1px solid rgb(255 255 255 / 20%)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);padding:var(--space-12) var(--space-8)}.footer-section h4{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-4)}.footer-section p{font-size:.9rem;color:var(--gray-600);line-height:1.6}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{font-size:.9rem;color:var(--gray-600);text-decoration:none;transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding:var(--space-6) var(--space-8);border-top:1px solid var(--gray-200);font-size:.9rem;color:var(--gray-500)}@media (width <= 1024px){.main-content{grid-template-columns:1fr;gap:var(--space-6)}.controls-section{position:static;max-height:none}}@media (width <= 768px){.container{padding:var(--space-4)}.header-content{flex-direction:column;text-align:center}.canvas-controls{grid-template-columns:1fr;gap:var(--space-4)}.image-management{justify-content:center}.image-selector{justify-self:center}.canvas-navigation{flex-direction:column;gap:var(--space-3)}.nav-btn{width:60px;height:60px}.control-row{flex-direction:column;align-items:stretch;gap:var(--space-2)}.control-label{min-width:auto}.page-content{padding:var(--space-6)}.section-card{padding:var(--space-6)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeInUp .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.hover-lift{transition:all var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-glow{transition:all var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.focus-ring:focus{outline:0;box-shadow:var(--shadow-glow)}.loading{position:relative;overflow:hidden}.loading::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 40%),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}100%{left:100%}}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.color-primary{color:var(--primary)}.color-gray-900{color:var(--gray-900)}.color-gray-800{color:var(--gray-800)}.color-gray-700{color:var(--gray-700)}.color-gray-600{color:var(--gray-600)}.color-gray-500{color:var(--gray-500)}.color-white{color:var(--white)}.bg-primary{background-color:var(--primary)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-white{background-color:var(--white)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-16{margin-bottom:var(--space-16)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.icon{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:var(--font-primary)}.icon-home::before{content:'🏠'}.icon-info::before{content:'ℹ️'}.icon-help::before{content:'❓'}.icon-contact::before{content:'📧'}.icon-search::before{content:'🔍'}.icon-privacy::before{content:'🔒'}.icon-terms::before{content:'📄'}.icon-support::before{content:'🛠️'}.icon-shield::before{content:'🛡️'}.icon-team::before{content:'👥'}.icon-rocket::before{content:'🚀'}.icon-target::before{content:'🎯'}.icon-lightbulb::before{content:'💡'}.icon-experiment::before{content:'🔬'}.icon-lightning::before{content:'⚡'}.icon-palette::before{content:'🎨'}.icon-video::before{content:'📹'}.icon-angle::before{content:'📐'}.icon-clock::before{content:'⏰'}.icon-email::before{content:'📧'}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-toggle{position:fixed;top:var(--space-4);left:var(--space-4);z-index:1001;background:rgb(255 255 255 / 95%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:var(--radius-lg);width:48px;height:48px;display:none;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-lg);color:var(--gray-700);font-family:system-ui,sans-serif;line-height:1;text-align:center;overflow:hidden;user-select:none;-webkit-user-select:none}.header-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.header-toggle.visible{display:flex}.help-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 80%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-base)}.help-modal.active{opacity:1;visibility:visible}.help-modal-content{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:90%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:all var(--transition-bounce)}.help-modal.active .help-modal-content{transform:scale(1) translateY(0)}.help-modal-header{background:var(--gradient-primary);color:var(--white);padding:var(--space-6);display:flex;align-items:center;justify-content:space-between}.help-modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.help-close{background:0 0;border:none;color:var(--white);font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.help-close:hover{background:rgb(255 255 255 / 20%);transform:scale(1.1)}.help-tabs{display:flex;background:var(--gray-100);border-bottom:1px solid var(--gray-200)}.help-tab{flex:1;background:0 0;border:none;padding:var(--space-4);cursor:pointer;transition:all var(--transition-base);color:var(--gray-600);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--space-2);border-bottom:3px solid transparent}.help-tab:hover{background:var(--gray-50);color:var(--primary)}.help-tab.active{background:var(--white);color:var(--primary);border-bottom-color:var(--primary)}.help-content{flex:1;overflow-y:auto;padding:var(--space-6)}.help-tab-content{display:none}.help-tab-content.active{display:block}.help-tab-content h3{color:var(--primary);margin-bottom:var(--space-4);font-size:1.25rem}.help-tab-content p{margin-bottom:var(--space-4);line-height:1.6;color:var(--gray-700)}.help-tab-content ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.help-tab-content li{margin-bottom:var(--space-2);color:var(--gray-700)}.help-tab-content strong{color:var(--primary)}.help-tab-content code{background:var(--gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:Monaco,Consolas,monospace;font-size:.875rem}@media (width <= 768px){.help-modal-content{width:95%;max-height:90vh;margin:var(--space-4)}.help-modal-header{padding:var(--space-4)}.help-tabs{flex-direction:column}.help-tab{border-bottom:1px solid var(--gray-200);border-right:none}.help-tab.active{border-bottom-color:var(--gray-200);border-left:3px solid var(--primary)}.help-content{padding:var(--space-4)}}.log-toggle{position:fixed;top:var(--space-4);right:var(--space-4);z-index:9999;background:var(--primary);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.25rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg)}.log-toggle:hover{background:var(--primary-hover);transform:scale(1.05)}.log-panel{position:fixed;top:80px;right:var(--space-4);width:400px;max-height:500px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:9998;overflow:hidden;display:none}.log-panel.active{display:block}.log-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.log-header h3{margin:0;font-size:1rem;color:var(--gray-900)}.log-clear{background:var(--secondary);color:#fff;border:none;border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:.75rem;cursor:pointer;transition:background .2s ease}.log-clear:hover{background:var(--secondary-hover)}.log-content{max-height:400px;overflow-y:auto;padding:var(--space-2);font-family:'Courier New',monospace;font-size:.75rem;line-height:1.4}.log-entry{margin-bottom:var(--space-1);padding:var(--space-1);border-radius:var(--radius)}.log-entry.log-error{background:var(--red-50);color:var(--red-900);border-left:3px solid var(--red-500)}.log-entry.log-warn{background:var(--yellow-50);color:var(--yellow-900);border-left:3px solid var(--yellow-500)}.log-entry.log-info{background:var(--blue-50);color:var(--blue-900);border-left:3px solid var(--blue-500)}.log-entry.log-debug{background:var(--gray-50);color:var(--gray-700);border-left:3px solid var(--gray-400)}@media print{.footer,.header,.help-button,.language-selector,.log-panel,.log-toggle{display:none!important}*{background:0 0!important;color:#000!important;box-shadow:none!important}}