:root{--frost-preview-steel-blue: #4A6B7C;--frost-preview-steel-blue-light: #6B8CAE;--frost-preview-steel-blue-dark: #2C3E50;--frost-preview-ice-white: #E8ECED;--frost-preview-muted-blue: #5A6C7D;--frost-preview-cold-green: #5C8A94;--frost-preview-warm-bronze: #C89657;--frost-preview-dark-red: #B85450;--frost-preview-accent-blue: #4A9EFF;--frost-preview-bg: rgba(255, 255, 255, .98);--frost-preview-bg-secondary: rgba(245, 247, 248, .95);--frost-preview-border: rgba(74, 107, 124, .25);--frost-preview-border-light: rgba(74, 107, 124, .15);--frost-preview-gradient-steel: linear-gradient(135deg, #4A6B7C 0%, #6B8CAE 100%);--frost-preview-gradient-ice: linear-gradient(180deg, #E8ECED 0%, #D1D8DD 100%);--frost-preview-gradient-glow: radial-gradient(circle at center, rgba(74, 107, 124, .2) 0%, transparent 70%);--frost-preview-shadow-sm: 0 2px 8px rgba(44, 62, 80, .12);--frost-preview-shadow-md: 0 4px 16px rgba(44, 62, 80, .18);--frost-preview-shadow-lg: 0 8px 32px rgba(44, 62, 80, .24);--frost-preview-shadow-glow: 0 4px 24px rgba(74, 107, 124, .3);--frost-preview-shadow-glow-blue: 0 0 20px rgba(74, 158, 255, .5);--frost-preview-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--frost-preview-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--frost-preview-transition-slow: .4s cubic-bezier(.33, 1, .68, 1)}@keyframes frost-explode{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes frost-steamPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes frost-progressGlow{0%,to{opacity:.6;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}@keyframes frost-dotPulse{0%,to{opacity:1;box-shadow:0 0 #4a9effb3}50%{opacity:.6;box-shadow:0 0 0 6px #4a9eff00}}@keyframes frost-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(180deg)}}.frost-animate-fadeInUp{animation:frost-fadeInUp .6s var(--frost-preview-transition-base) forwards}.frost-animate-explode{animation:frost-explode .5s var(--frost-preview-transition-base) forwards}.frost-preview-container{position:relative;display:flex;flex-direction:column;width:100%;max-width:100%;background:transparent;border:none;border-radius:0;overflow:hidden;box-shadow:none;transition:all var(--frost-preview-transition-base)}.frost-preview-decorative-border,.frost-preview-decorative-border span,.frost-preview-container:hover .frost-preview-decorative-border span,.frost-preview-corner-tl,.frost-preview-corner-tr,.frost-preview-corner-bl,.frost-preview-corner-br{display:none}.frost-preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#4a6b7c0d,#6b8cae14);border-bottom:2px solid var(--frost-preview-border);position:relative;z-index:1}.frost-preview-header:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--frost-preview-steel-blue) 50%,transparent 100%);opacity:.4}.frost-preview-title-group{display:flex;align-items:center;gap:.625rem}.frost-preview-title-icon{width:1.5rem;height:1.5rem;color:var(--frost-preview-steel-blue);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(74,107,124,.2))}.frost-preview-title{font-size:1.125rem;font-weight:700;color:var(--frost-preview-steel-blue-dark);letter-spacing:.02em;text-transform:uppercase;margin:0;line-height:1.2}.frost-preview-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:#fffffff2;backdrop-filter:blur(8px);border:1px solid var(--frost-preview-border);border-radius:1rem;font-size:.75rem;font-weight:700;color:var(--frost-preview-steel-blue);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--frost-preview-shadow-sm);transition:all var(--frost-preview-transition-base)}.frost-preview-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--frost-preview-steel-blue)}.frost-preview-badge-active{background:#4a9eff1a;border-color:var(--frost-preview-accent-blue);color:var(--frost-preview-accent-blue);box-shadow:0 0 12px #4a9eff4d}.frost-preview-badge-active .frost-preview-badge-dot{background:var(--frost-preview-accent-blue)}.frost-preview-badge-error{background:#b854501a;border-color:var(--frost-preview-dark-red);color:var(--frost-preview-dark-red)}.frost-preview-badge-error .frost-preview-badge-dot{background:var(--frost-preview-dark-red)}.frost-preview-pulse{animation:frost-dotPulse 2s ease-in-out infinite}.frost-preview-content{padding:1rem;flex:1;min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative;background-image:repeating-linear-gradient(90deg,rgba(74,107,124,.02) 0px,transparent 1px,transparent 20px),repeating-linear-gradient(0deg,rgba(74,107,124,.02) 0px,transparent 1px,transparent 20px)}.frost-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;max-width:480px}.frost-preview-placeholder-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,#4a6b7c14,#6b8cae1f);border-radius:50%;border:2px dashed var(--frost-preview-border);box-shadow:inset 0 2px 8px #2c3e5014}.frost-preview-placeholder-icon{width:64px;height:64px;color:var(--frost-preview-steel-blue);opacity:.4;transition:all var(--frost-preview-transition-base)}.frost-preview-placeholder:hover .frost-preview-placeholder-icon{opacity:.6;transform:scale(1.05)}.frost-preview-gear-decoration{position:absolute;top:-8px;right:-8px;font-size:2rem;filter:drop-shadow(0 2px 4px rgba(74,107,124,.3));animation:frost-float 4s ease-in-out infinite}.frost-preview-placeholder-text{font-size:1.125rem;font-weight:600;color:var(--frost-preview-steel-blue-dark);margin:0;line-height:1.4}.frost-preview-placeholder-hint{font-size:.9375rem;color:var(--frost-preview-muted-blue);margin:0;line-height:1.6}.frost-preview-generating{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:500px}.frost-preview-spinner-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.frost-preview-spinner-outer{position:absolute;inset:0;border:3px solid rgba(74,107,124,.15);border-top-color:var(--frost-preview-steel-blue);border-radius:50%;animation:frost-gearRotate 2s linear infinite;box-shadow:0 0 0 2px #fffc,inset 0 0 0 2px #fffc}.frost-preview-spinner-inner{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--frost-preview-gradient-steel);border-radius:50%;box-shadow:var(--frost-preview-shadow-glow),inset 0 2px 8px #fff3}.frost-preview-spinner-gear{width:48px;height:48px;color:#fff;animation:frost-gearRotate 3s linear infinite reverse;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.frost-preview-spin{animation:frost-gearRotate 2s linear infinite}.frost-preview-progress-info{width:100%;display:flex;flex-direction:column;gap:1rem}.frost-preview-status-text{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;margin:0;padding:.5rem .75rem;background:#f5f7f899;border-radius:6px;border:1px solid var(--frost-preview-border-light)}.frost-preview-status-label{font-weight:600;color:var(--frost-preview-muted-blue);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.frost-preview-status-value{font-weight:700;color:var(--frost-preview-steel-blue);font-family:Courier New,monospace;font-size:.8125rem}.frost-preview-progress-bar-container{display:flex;align-items:center;gap:1rem;width:100%}.frost-preview-progress-bar{position:relative;flex:1;height:24px;display:flex;flex-direction:column;justify-content:center}.frost-preview-progress-bar-bg{position:relative;height:12px;background:linear-gradient(135deg,#4a6b7c1a,#6b8cae26);border:2px solid var(--frost-preview-border);border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 6px #2c3e501a}.frost-preview-progress-bar-fill{position:relative;height:100%;background:var(--frost-preview-gradient-steel);transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #4a6b7c80,inset 0 1px #ffffff4d;overflow:hidden}.frost-preview-progress-bar-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:frost-progressGlow 2s ease-in-out infinite}.frost-preview-progress-bar-marks{position:absolute;inset:0;pointer-events:none}.frost-preview-progress-mark{position:absolute;top:-2px;width:2px;height:16px;background:var(--frost-preview-border);transform:translate(-50%)}.frost-preview-progress-percentage{font-size:.875rem;font-weight:700;color:var(--frost-preview-steel-blue);font-family:Courier New,monospace;min-width:3rem;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.1)}.frost-preview-tip{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--frost-preview-muted-blue);margin:0;padding:.75rem 1rem;background:#f5f7f899;border-radius:8px;border:1px dashed var(--frost-preview-border)}.frost-preview-tip-icon{width:1.125rem;height:1.125rem;color:var(--frost-preview-steel-blue);flex-shrink:0}.frost-preview-error{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;max-width:480px}.frost-preview-error-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,#b8545014,#b854501f);border-radius:50%;border:2px solid rgba(184,84,80,.25);box-shadow:inset 0 2px 8px #b8545014}.frost-preview-error-icon-large{width:64px;height:64px;color:var(--frost-preview-dark-red);opacity:.8}.frost-preview-error-icon{color:var(--frost-preview-dark-red)}.frost-preview-error-decoration{position:absolute;top:-8px;right:-8px;font-size:2rem;filter:drop-shadow(0 2px 4px rgba(184,84,80,.3));animation:frost-steamPulse 2s ease-in-out infinite}.frost-preview-error-message{font-size:.9375rem;color:var(--frost-preview-steel-blue-dark);line-height:1.6;margin:0;padding:1rem 1.25rem;background:#f5f7f899;border-radius:8px;border:1px solid var(--frost-preview-border-light);width:100%;word-break:break-word}.frost-preview-retry-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--frost-preview-gradient-steel);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--frost-preview-transition-base);box-shadow:var(--frost-preview-shadow-md)}.frost-preview-retry-btn:hover{transform:translateY(-2px);box-shadow:var(--frost-preview-shadow-glow)}.frost-preview-retry-btn:active{transform:translateY(0)}.frost-preview-gallery{display:flex;flex-direction:column;gap:1rem;width:100%}.frost-preview-gallery-main{position:relative;width:100%;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#4a6b7c0d,#6b8cae14);border:1px solid var(--frost-preview-border);box-shadow:var(--frost-preview-shadow-sm);transition:all var(--frost-preview-transition-base)}.frost-preview-gallery-main:hover{border-color:var(--frost-preview-steel-blue);box-shadow:var(--frost-preview-shadow-md)}.frost-preview-gallery-decorative-border{position:absolute;inset:0;pointer-events:none;z-index:5}.frost-preview-gallery-decorative-border span{position:absolute;width:20px;height:20px;border:2px solid var(--frost-preview-steel-blue);opacity:.4;transition:opacity var(--frost-preview-transition-base)}.frost-preview-gallery-main:hover .frost-preview-gallery-decorative-border span{opacity:.7}.frost-preview-gallery-img-wrapper{position:relative;width:100%;cursor:pointer;overflow:hidden}.frost-preview-gallery-img{width:100%;height:auto;display:block;object-fit:contain;max-height:60vh;opacity:1;transition:opacity .15s ease-in-out,transform var(--frost-preview-transition-base)}.frost-preview-gallery-img-wrapper:hover .frost-preview-gallery-img{transform:scale(1.01)}.frost-preview-img-transitioning{opacity:.3}.frost-preview-zoom-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;background:#000000bf;backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;opacity:0;transition:all var(--frost-preview-transition-base);pointer-events:none;box-shadow:0 8px 24px #0000004d}.frost-preview-gallery-img-wrapper:hover .frost-preview-zoom-hint{opacity:1}.frost-preview-zoom-icon{width:2.5rem;height:2.5rem}.frost-preview-zoom-text{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.frost-preview-play-btn{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#0009;backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:all var(--frost-preview-transition-fast);z-index:10;opacity:0;box-shadow:0 4px 12px #0003}.frost-preview-gallery-main:hover .frost-preview-play-btn{opacity:1}.frost-preview-play-btn:hover{background:#4a6b7ce6;border-color:#fff6;transform:scale(1.1);box-shadow:0 4px 16px #4a6b7c66}.frost-preview-play-btn:active{transform:scale(.95)}.frost-preview-download-btn{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#4a6b7ce6;backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--frost-preview-transition-fast);z-index:10;box-shadow:0 4px 12px #4a6b7c4d}.frost-preview-download-btn:hover{background:#5c8a94f2;border-color:#fff6;transform:translateY(-2px);box-shadow:0 6px 16px #5c8a9466}.frost-preview-download-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--frost-preview-gradient-steel);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--frost-preview-transition-base);box-shadow:var(--frost-preview-shadow-sm)}.frost-preview-download-all-btn:hover{transform:translateY(-2px);box-shadow:var(--frost-preview-shadow-glow)}.frost-preview-gallery-thumbnails{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem;scrollbar-width:thin;scrollbar-color:var(--frost-preview-steel-blue) rgba(245,247,248,.5)}.frost-preview-gallery-thumbnails::-webkit-scrollbar{height:6px}.frost-preview-gallery-thumbnails::-webkit-scrollbar-track{background:#f5f7f880;border-radius:3px}.frost-preview-gallery-thumbnails::-webkit-scrollbar-thumb{background:var(--frost-preview-steel-blue);border-radius:3px}.frost-preview-gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:var(--frost-preview-cold-green)}.frost-preview-thumbnail{position:relative;flex-shrink:0;width:80px;height:80px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--frost-preview-transition-fast);background:#f5f7f880}.frost-preview-thumbnail:before{content:"";position:absolute;inset:0;background:#0000;transition:background var(--frost-preview-transition-fast);z-index:1;pointer-events:none}.frost-preview-thumbnail:hover{transform:translateY(-2px);box-shadow:var(--frost-preview-shadow-sm)}.frost-preview-thumbnail:hover:before{background:#0000001a}.frost-preview-thumbnail-active{border-color:var(--frost-preview-accent-blue);box-shadow:0 0 0 2px #4a9eff33,var(--frost-preview-shadow-sm);transform:translateY(-2px)}.frost-preview-thumbnail-active:before{background:#4a9eff1a}.frost-preview-thumbnail-img{width:100%;height:100%;object-fit:cover;display:block}.frost-preview-thumbnail-indicator{position:absolute;top:0;right:0;background:var(--frost-preview-gradient-steel);padding:.25rem .5rem;border-bottom-left-radius:6px;z-index:2;box-shadow:0 2px 6px #0003}.frost-preview-thumbnail-number{font-size:.75rem;font-weight:700;color:#fff;line-height:1}@media(max-width:768px){.frost-preview-content{min-height:320px}.frost-preview-header{padding:.875rem 1rem}.frost-preview-title{font-size:1rem}.frost-preview-title-icon{width:1.25rem;height:1.25rem}.frost-preview-badge{padding:.25rem .625rem;font-size:.6875rem}.frost-preview-placeholder-icon-wrapper,.frost-preview-error-icon-wrapper{width:100px;height:100px}.frost-preview-placeholder-icon,.frost-preview-error-icon-large{width:56px;height:56px}.frost-preview-spinner-wrapper{width:120px;height:120px}.frost-preview-spinner-inner{width:70px;height:70px}.frost-preview-spinner-gear{width:42px;height:42px}.frost-preview-gallery-img{max-height:40vh}.frost-preview-thumbnail{width:64px;height:64px}.frost-preview-download-btn{padding:.5rem .75rem;font-size:.8125rem;bottom:.75rem;right:.75rem}.frost-preview-play-btn{width:36px;height:36px;top:.75rem;left:.75rem}.frost-preview-play-btn svg{width:1rem;height:1rem}.frost-preview-decorative-border span,.frost-preview-gallery-decorative-border span{width:18px;height:18px}}@media(max-width:480px){.frost-preview-content{min-height:280px}.frost-preview-header{padding:.75rem .875rem}.frost-preview-title{font-size:.9375rem}.frost-preview-placeholder-icon-wrapper,.frost-preview-error-icon-wrapper{width:90px;height:90px}.frost-preview-placeholder-icon,.frost-preview-error-icon-large{width:48px;height:48px}.frost-preview-thumbnail{width:56px;height:56px}.frost-preview-gallery-img{max-height:35vh}}.frost-render-container{position:relative;width:100%;margin:0 auto;background:repeating-linear-gradient(90deg,rgba(74,107,124,.03) 0px,transparent 1px,transparent 20px),repeating-linear-gradient(0deg,rgba(74,107,124,.03) 0px,transparent 1px,transparent 20px),var(--background)}.frost-render-content-split{display:grid;grid-template-columns:minmax(400px,480px) 1fr;gap:1rem;align-items:start;position:relative}.frost-render-content-split:before{content:"";position:absolute;left:calc(480px + 1rem);top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,var(--frost-steel-blue) 10%,var(--frost-steel-blue) 90%,transparent 100%);opacity:.3;box-shadow:0 0 12px #4a6b7c66}.frost-render-left{position:relative;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#fffffffa,#f5f7f8f2);border:2px solid rgba(74,107,124,.25);border-radius:var(--radius-lg);box-shadow:var(--frost-shadow-lg),inset 0 1px #ffffff80}.frost-render-left:before,.frost-render-left:after{content:"";position:absolute;width:48px;height:48px;border:3px solid var(--frost-warm-bronze);opacity:.5;z-index:1}.frost-render-left:before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:var(--radius-lg)}.frost-render-left:after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:var(--radius-lg)}.frost-render-section-config-panel{max-height:58vh;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:var(--frost-steel-blue) rgba(74,107,124,.1)}.frost-render-section-config-panel::-webkit-scrollbar{width:6px}.frost-render-section-config-panel::-webkit-scrollbar-track{background:#4a6b7c0d;border-radius:3px}.frost-render-section-config-panel::-webkit-scrollbar-thumb{background:var(--frost-steel-blue);border-radius:3px;transition:background var(--frost-transition-fast)}.frost-render-section-config-panel::-webkit-scrollbar-thumb:hover{background:var(--frost-cold-green)}.frost-render-section{position:relative;background:transparent;border:none;padding:0;transition:all var(--frost-transition-base)}.frost-render-section-title{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.125rem;background:linear-gradient(135deg,#4a6b7c14,#6b8cae1f);border:1px solid rgba(74,107,124,.25);border-radius:var(--radius-md);font-size:.9375rem;font-weight:700;color:var(--frost-deep-gray);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;box-shadow:inset 0 1px #ffffff4d}.frost-render-section-icon{font-size:1.125rem;filter:drop-shadow(0 1px 2px rgba(74,107,124,.3))}.frost-render-action-row{display:flex;align-items:stretch;gap:1rem;padding:1rem;background:linear-gradient(135deg,#4a6b7c0d,#6b8cae14);border:2px solid rgba(74,107,124,.2);border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #2c3e500d}.frost-render-button-generate{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:var(--frost-gradient-steel);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all var(--frost-transition-base);box-shadow:var(--frost-shadow-md),inset 0 1px #fff3,inset 0 -1px #0000001a;text-transform:uppercase;letter-spacing:.08em;position:relative;overflow:hidden}.frost-render-button-generate:hover:not(:disabled):before{opacity:1;animation:frost-steamPulse 2s ease-in-out infinite}.frost-render-button-generate:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 32px #4a6b7c73,inset 0 1px #ffffff4d,0 0 20px #4a6b7c4d}.frost-render-button-generate:active:not(:disabled){transform:translateY(-1px)}.frost-render-button-generate:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#7a8a95,#8a9aa8)}.frost-render-button-loading{pointer-events:none}.frost-render-button-loading:after{content:"⚙️";display:inline-block;margin-left:.625rem;animation:frost-gearRotate 1.2s linear infinite;font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.frost-render-credits-info{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.125rem;background:linear-gradient(135deg,#c896571f,#c896572e);border:2px solid rgba(200,150,87,.35);border-radius:var(--radius-md);color:var(--frost-warm-bronze);font-weight:700;white-space:nowrap;flex-shrink:0;min-width:auto;box-shadow:inset 0 1px #fff3,0 2px 8px #c8965726;position:relative}.frost-render-credits-info svg{width:1.125rem;height:1.125rem;filter:drop-shadow(0 1px 2px rgba(200,150,87,.4))}.frost-render-credits-info span{font-size:1.125rem;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.frost-render-credits-info:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(200,150,87,.8) 50%,transparent 100%);opacity:.6}.frost-render-preview-wrapper{position:relative;display:flex;flex-direction:column;min-height:600px;height:100%;background:linear-gradient(135deg,#fffffffa,#f5f7f8f2);border:2px solid rgba(74,107,124,.25);border-radius:var(--radius-lg);box-shadow:var(--frost-shadow-lg),inset 0 1px #ffffff80;overflow:hidden;transition:all var(--frost-transition-base)}.frost-render-preview-wrapper:before,.frost-render-preview-wrapper:after{content:"";position:absolute;width:56px;height:56px;border:3px solid var(--frost-steel-blue);opacity:.4;z-index:1;pointer-events:none;transition:opacity var(--frost-transition-base)}.frost-render-preview-wrapper:hover:before,.frost-render-preview-wrapper:hover:after{opacity:1}.frost-render-preview-wrapper:before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:var(--radius-lg)}.frost-render-preview-wrapper:after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:var(--radius-lg)}.frost-render-preview-wrapper>*:first-child:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--frost-warm-bronze) 20%,var(--frost-steel-blue) 50%,var(--frost-warm-bronze) 80%,transparent 100%);opacity:.5;z-index:2}@keyframes frost-fadeInUp{0%{opacity:0;transform:translateY(32px)}60%{transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes frost-explodeIn{0%{opacity:0;transform:scale(.85)}50%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes frost-steamPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.frost-animate-fadeInUp{animation:frost-fadeInUp .65s cubic-bezier(.33,1,.68,1) forwards}.frost-animate-explode{animation:frost-explodeIn .6s cubic-bezier(.33,1,.68,1) forwards}@media(min-width:1400px){.frost-render-content-split{grid-template-columns:minmax(440px,520px) 1fr}}@media(max-width:1200px){.frost-render-content-split{grid-template-columns:minmax(380px,440px) 1fr}.frost-render-left,.frost-render-preview-wrapper{padding:1.5rem}}@media(max-width:900px){.frost-render-content-split{grid-template-columns:1fr}.frost-render-content-split:before{display:none}.frost-render-left{max-width:100%}.frost-render-preview-wrapper{min-height:500px}.frost-render-section-config-panel{max-height:none}}@media(max-width:768px){.frost-render-left,.frost-render-preview-wrapper{padding:1.25rem}.frost-render-action-row{flex-direction:column}.frost-render-credits-info{flex-direction:row;min-width:auto;width:100%;justify-content:center}.frost-render-left:before,.frost-render-left:after,.frost-render-preview-wrapper:before,.frost-render-preview-wrapper:after{width:40px;height:40px;border-width:2px}}@media(max-width:640px){.frost-render-left,.frost-render-preview-wrapper{padding:1rem;border-radius:var(--radius-md)}.frost-render-section-title{padding:.75rem 1rem;font-size:.875rem}.frost-render-preview-wrapper{min-height:400px}.frost-render-left:before,.frost-render-left:after,.frost-render-preview-wrapper:before,.frost-render-preview-wrapper:after{width:32px;height:32px;border-width:2px}}@media(max-width:480px){.frost-render-section-title{gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;letter-spacing:.05em}.frost-render-section-icon{font-size:1rem}.frost-render-left:before,.frost-render-left:after,.frost-render-preview-wrapper:before,.frost-render-preview-wrapper:after{display:none}}:root{--frost-steel-blue: #4A6B7C;--frost-ice-white: #E8ECED;--frost-deep-gray: #2C3E50;--frost-muted-blue: #5A6C7D;--frost-cold-green: #5C8A94;--frost-warm-bronze: #C89657;--frost-dark-red: #B85450;--frost-accent-blue: #4A9EFF;--frost-accent-blue-rgb: 74, 158, 255;--frost-dark-red-rgb: 184, 84, 80;--frost-muted-bg: rgba(90, 108, 125, .15);--frost-border: rgba(74, 107, 124, .3);--frost-gradient-steel: linear-gradient(135deg, #4A6B7C 0%, #6B8CAE 100%);--frost-gradient-ice: linear-gradient(180deg, #E8ECED 0%, #D1D8DD 100%);--frost-gradient-cold: linear-gradient(135deg, rgba(74, 107, 124, .1) 0%, rgba(107, 140, 174, .15) 100%);--frost-shadow-sm: 0 2px 8px rgba(44, 62, 80, .12);--frost-shadow-md: 0 4px 16px rgba(44, 62, 80, .18);--frost-shadow-lg: 0 8px 32px rgba(44, 62, 80, .24);--frost-shadow-glow: 0 4px 24px rgba(74, 107, 124, .25);--frost-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--frost-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--frost-transition-slow: .4s cubic-bezier(.33, 1, .68, 1)}.frost-border{position:relative;border:2px solid var(--border-color);border-radius:var(--radius-lg)}.frost-border:before,.frost-border:after{content:"";position:absolute;width:40px;height:40px;border:2px solid var(--frost-steel-blue);opacity:.4}.frost-border:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.frost-border:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.frost-texture{position:relative;background-image:repeating-linear-gradient(90deg,rgba(74,107,124,.03) 0px,transparent 1px,transparent 20px),repeating-linear-gradient(0deg,rgba(74,107,124,.03) 0px,transparent 1px,transparent 20px)}.frost-glow{transition:box-shadow var(--frost-transition-base)}.frost-glow:hover{box-shadow:var(--frost-shadow-glow)}.frost-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#ffffffe6;backdrop-filter:blur(8px);border:1px solid rgba(74,107,124,.3);border-radius:1rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.frost-divider{height:2px;background:linear-gradient(90deg,transparent 0%,var(--frost-steel-blue) 50%,transparent 100%);position:relative;margin:2rem 0}.frost-divider:before{content:"⚙️";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--background);padding:0 1rem;font-size:1.25rem}@keyframes frost-fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes frost-explode{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes frost-steamPulse{0%,to{box-shadow:0 4px 16px #4a6b7c33}50%{box-shadow:0 6px 24px #4a6b7c66}}@keyframes frost-gearRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.frost-animate-fadeInUp{animation:frost-fadeInUp .6s var(--frost-transition-base) forwards}.frost-animate-explode{animation:frost-explode .5s var(--frost-transition-base) forwards}.frost-animate-pulse{animation:frost-steamPulse 2s ease-in-out infinite}.frost-delay-1{opacity:0;animation-delay:.15s}.frost-delay-2{opacity:0;animation-delay:.3s}.frost-delay-3{opacity:0;animation-delay:.45s}.frost-delay-4{opacity:0;animation-delay:.6s}.frost-card-wrapper{position:relative;display:block;background:#fffffff2;border-radius:var(--radius-lg);overflow:hidden;transition:all var(--frost-transition-base);box-shadow:var(--frost-shadow-sm)}.frost-card-wrapper:hover{transform:translateY(-4px);box-shadow:var(--frost-shadow-glow)}.frost-card-decorative-border{position:absolute;inset:0;pointer-events:none;z-index:1}.frost-card-decorative-border:before,.frost-card-decorative-border:after{content:"";position:absolute;width:32px;height:32px;border:2px solid var(--frost-steel-blue);opacity:.5;transition:opacity var(--frost-transition-base)}.frost-card-wrapper:hover .frost-card-decorative-border:before,.frost-card-wrapper:hover .frost-card-decorative-border:after{opacity:1}.frost-card-decorative-border:before{top:8px;left:8px;border-right:none;border-bottom:none}.frost-card-decorative-border:after{bottom:8px;right:8px;border-left:none;border-top:none}.frost-card-preview{position:relative;background:var(--frost-gradient-ice);overflow:hidden;height:350px}.frost-card-preview-image{position:relative;width:100%;height:100%;display:block;object-fit:cover;transition:transform var(--frost-transition-base);z-index:0}.frost-card-wrapper:hover .frost-card-preview-image{transform:scale(1.05)}.frost-card-preview:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(74,107,124,.05) 0px,transparent 1px,transparent 16px),repeating-linear-gradient(0deg,rgba(74,107,124,.05) 0px,transparent 1px,transparent 16px);pointer-events:none;z-index:1}.frost-card-preview-icon{display:block;margin:80px auto;width:80px;height:80px;color:var(--frost-steel-blue);opacity:.3;transition:all var(--frost-transition-base);z-index:0}.frost-card-wrapper:hover .frost-card-preview-icon{transform:scale(1.1);opacity:.5}.frost-card-category{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:#fffffff2;backdrop-filter:blur(8px);border:1px solid rgba(74,107,124,.25);border-radius:1rem;font-size:.75rem;font-weight:600;color:var(--frost-steel-blue);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--frost-shadow-sm);z-index:2}.frost-card-category-icon{width:12px;height:12px}.frost-card-status{position:absolute;top:12px;right:12px;padding:.25rem .625rem;background:var(--frost-cold-green);color:#fff;border-radius:.75rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 2px 8px #5c8a9466;z-index:2}.frost-card-content{padding:1.25rem;background:#fffffffa}.frost-card-title{font-size:1.125rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:.5rem;transition:color var(--frost-transition-fast);line-height:1.3}.frost-card-wrapper:hover .frost-card-title{color:var(--frost-steel-blue)}.frost-card-description{font-size:.875rem;color:var(--frost-muted-blue);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.frost-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(74,107,124,.15)}.frost-card-info-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--frost-muted-blue)}.frost-card-info-icon{width:16px;height:16px}.frost-card-credits{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;background:var(--frost-gradient-steel);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.frost-card-credits-icon{width:16px;height:16px;color:var(--frost-steel-blue)}.frost-tab-container{max-width:1200px;margin:0 auto;width:100%;overflow:hidden}.frost-tab-title{font-size:1.125rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.frost-tab-buttons{display:inline-flex;flex-wrap:nowrap;gap:0;border-bottom:2px solid rgba(74,107,124,.15);overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;box-sizing:border-box}.frost-tab-button{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;font-size:.9375rem;font-weight:600;color:var(--frost-muted-blue);cursor:pointer;transition:all var(--frost-transition-base);white-space:nowrap;margin-bottom:-2px}.frost-tab-button:hover{color:var(--frost-steel-blue);background:#4a6b7c0d;border-bottom-color:#4a6b7c4d}.frost-tab-button-active{position:relative;color:var(--frost-steel-blue);background:linear-gradient(180deg,#c8965714,#4a6b7c1f);border-bottom-color:transparent;border-image:linear-gradient(90deg,var(--frost-warm-bronze) 0%,var(--frost-steel-blue) 50%,var(--frost-warm-bronze) 100%) 1;box-shadow:0 -2px 12px #c8965726,inset 0 1px #ffffff4d}.frost-tab-button-active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--frost-warm-bronze) 50%,transparent 100%);opacity:.6}.frost-tab-icon{width:1.25rem;height:1.25rem;object-fit:contain;transition:opacity var(--frost-transition-base);flex-shrink:0}.frost-tab-button-active .frost-tab-icon{opacity:1}.frost-tab-button:not(.frost-tab-button-active) .frost-tab-icon{opacity:.7}.frost-tab-name{transition:color var(--frost-transition-base)}.frost-tab-tag{padding:.25rem .625rem;background:#4a6b7c26;border:1px solid rgba(74,107,124,.25);border-radius:.625rem;font-size:.6875rem;font-weight:700;color:var(--frost-steel-blue);text-transform:uppercase;letter-spacing:.05em;transition:all var(--frost-transition-base)}.frost-tab-button-active .frost-tab-tag{background:var(--frost-gradient-steel);border-color:var(--frost-steel-blue);color:#fff;box-shadow:0 2px 6px #4a6b7c4d}.frost-tab-details{position:relative;padding:1rem 1.5rem;background:linear-gradient(135deg,#fffffffa,#f5f7f8f2);border:2px solid rgba(74,107,124,.25);border-radius:var(--radius-lg);box-shadow:var(--frost-shadow-md),inset 0 1px #ffffff80;overflow:hidden}.frost-tab-details:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(74,107,124,.025) 0px,transparent 1px,transparent 20px),repeating-linear-gradient(0deg,rgba(74,107,124,.025) 0px,transparent 1px,transparent 20px);pointer-events:none;border-radius:var(--radius-lg)}.frost-tab-details:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--frost-gradient-steel);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.frost-tab-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;position:relative;z-index:1}.frost-tab-details-name{font-size:1.25rem;font-weight:700;color:var(--frost-deep-gray);letter-spacing:-.01em}.frost-tab-details-credits{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--frost-gradient-steel);color:#fff;border-radius:1.25rem;font-size:.9375rem;font-weight:700;box-shadow:0 2px 10px #4a6b7c59,inset 0 1px #fff3}.frost-tab-details-description{font-size:.9375rem;color:var(--frost-muted-blue);line-height:1.75;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frost-form-container{max-width:1200px;margin:0 auto}.frost-form-group{margin-bottom:1rem;padding:1rem 1.25rem;background:#f5f7f899;border:1px solid rgba(74,107,124,.15);border-radius:var(--radius-lg);transition:all var(--frost-transition-base);width:100%;max-width:100%;box-sizing:border-box}.frost-form-group:hover{background:#f5f7f8e6;border-color:#4a6b7c40}.frost-form-label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:.875rem;text-transform:uppercase;letter-spacing:.05em}.frost-form-label-icon{font-size:1.125rem}.frost-form-textarea{width:100%;max-width:100%;padding:.875rem 1.125rem;background:#fffffff2;border:2px solid rgba(74,107,124,.2);border-radius:var(--radius-md);font-size:.9375rem;color:var(--frost-deep-gray);resize:vertical;min-height:120px;transition:all var(--frost-transition-base);box-shadow:inset 0 1px 3px #2c3e5014;box-sizing:border-box}.frost-form-textarea:focus{outline:none;border-color:var(--frost-steel-blue);box-shadow:inset 0 1px 3px #2c3e5014,0 0 0 3px #4a6b7c26;background:#fff}.frost-form-textarea::placeholder{color:var(--frost-muted-blue);opacity:.6}.frost-form-grid{display:grid;gap:.5rem;width:100%;max-width:100%}.frost-form-grid-2{grid-template-columns:repeat(2,1fr)}.frost-form-grid-3{grid-template-columns:repeat(3,1fr)}.frost-form-grid-4{grid-template-columns:repeat(4,1fr)}.frost-form-grid-5{grid-template-columns:repeat(auto-fit,minmax(min(80px,100%),1fr))}@media(max-width:1023px){.frost-form-grid-5{grid-template-columns:repeat(auto-fit,minmax(min(70px,100%),1fr))}}@media(max-width:767px){.frost-form-grid-5{grid-template-columns:repeat(auto-fit,minmax(min(70px,100%),1fr))}.frost-form-grid-4{grid-template-columns:repeat(2,1fr)}.frost-form-grid-3{grid-template-columns:repeat(3,1fr)}.frost-form-option{padding:.75rem}.frost-form-option-text{font-size:.8125rem}}@media(max-width:480px){.frost-form-grid-2,.frost-form-grid-4{grid-template-columns:repeat(2,1fr)}.frost-form-grid-3{grid-template-columns:repeat(3,1fr)}.frost-form-grid-5{grid-template-columns:repeat(auto-fit,minmax(min(70px,100%),1fr));gap:.5rem}.frost-form-option{padding:.625rem;gap:.25rem}.frost-form-option-icon{font-size:1.5rem}.frost-form-option-text{font-size:.75rem;line-height:1.2;word-break:keep-all}}.frost-form-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#fffffff2;border:2px solid rgba(74,107,124,.2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--frost-transition-base);box-shadow:var(--frost-shadow-sm);width:100%;max-width:100%;box-sizing:border-box}.frost-form-option:hover{border-color:var(--frost-steel-blue);transform:translateY(-2px);box-shadow:var(--frost-shadow-md)}.frost-form-option-active{border-color:var(--frost-steel-blue);background:linear-gradient(135deg,#4a6b7c1f,#6b8cae2e);box-shadow:var(--frost-shadow-glow);overflow:hidden}.frost-form-option-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--frost-gradient-steel);border-radius:2px 0 0 2px}.frost-form-option-icon{font-size:1.75rem;line-height:1}.frost-form-option-text{font-size:.875rem;font-weight:600;color:var(--frost-deep-gray);text-align:center}.frost-form-option-active .frost-form-option-text{color:var(--frost-steel-blue);font-weight:700}.frost-render-header{position:relative;padding:3rem 2rem;text-align:center}.frost-render-header h1{font-size:2.5rem;font-weight:700;letter-spacing:.05em;line-height:1.2;margin:0;background:linear-gradient(135deg,#2c5364,#203a43,#0f2027);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.frost-render-header .frost-title-icon{font-size:3rem;margin-bottom:.5rem;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@media(max-width:768px){.frost-render-header{padding:2rem 1.5rem}.frost-render-header h1{font-size:1.75rem}.frost-render-header .frost-title-icon{font-size:2rem}}.frost-render-content-split{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;align-items:stretch}.frost-render-left{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0;padding:1.5rem;background:linear-gradient(135deg,#fffffffa,#f5f7f8f2);border:1px solid rgba(74,107,124,.15);border-radius:var(--radius-md)}.frost-render-section-config-panel{max-height:60vh;overflow-y:auto}.frost-render-right{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#fffffffa,#f5f7f8f2);border:1px solid rgba(74,107,124,.15);border-radius:var(--radius-md)}.frost-render-right>div:last-child{flex:1;display:flex;flex-direction:column;min-height:0}.frost-render-preview-wrapper{display:flex;flex-direction:column;min-height:0;height:100%}.frost-render-section{background:transparent;border:none;border-radius:0;width:100%;max-width:100%;box-sizing:border-box}.frost-render-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.frost-render-section-icon{font-size:1.25rem}.frost-render-buttons{display:grid;gap:.875rem}.frost-render-buttons-primary{grid-template-columns:repeat(2,1fr)}.frost-render-buttons-secondary{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.frost-render-buttons-secondary{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.frost-render-buttons-primary{grid-template-columns:1fr}}.frost-render-button-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:var(--frost-gradient-steel);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--frost-transition-base);box-shadow:var(--frost-shadow-md);text-transform:uppercase;letter-spacing:.05em}.frost-render-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--frost-shadow-glow);animation:frost-steamPulse 2s ease-in-out infinite}.frost-render-button-primary:active:not(:disabled){transform:translateY(0)}.frost-render-button-primary:disabled{opacity:.5;cursor:not-allowed}.frost-render-button-primary-loading:after{content:"⚙️";display:inline-block;animation:frost-gearRotate 1s linear infinite;margin-left:.5rem}.frost-render-button-secondary{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.75rem 1rem;background:#fffffff2;color:var(--frost-steel-blue);border:2px solid rgba(74,107,124,.3);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--frost-transition-base)}.frost-render-button-secondary:hover{border-color:var(--frost-steel-blue);background:#4a6b7c14;transform:translateY(-2px)}.frost-render-action-row{display:flex;align-items:center}.frost-render-button-generate{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.5rem .75rem;background:var(--frost-gradient-steel);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all var(--frost-transition-base);box-shadow:var(--frost-shadow-md);text-transform:uppercase;letter-spacing:.05em}.frost-render-button-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #4a6b7c59,inset 0 1px #fff3}.frost-render-button-generate:active:not(:disabled){transform:translateY(0)}.frost-render-button-generate:disabled{opacity:.6;cursor:not-allowed}.frost-render-button-loading:after{content:"⚙️";display:inline-block;animation:frost-gearRotate 1s linear infinite;margin-left:.5rem}.frost-render-credits-info{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.725rem .875rem;background:#c896571a;border:1px solid rgba(200,150,87,.25);border-radius:var(--radius-md);color:var(--frost-warm-bronze);font-size:.9375rem;font-weight:700;white-space:nowrap;flex-shrink:0}.frost-quick-list-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.frost-quick-list-icon{font-size:1.25rem}.frost-quick-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:max-content;gap:.75rem;overflow:hidden}.frost-quick-list-item{position:relative;display:block;border-radius:var(--radius-md);overflow:hidden;transition:all var(--frost-transition-base);box-shadow:0 2px 8px #4a6b7c26;border:2px solid transparent;cursor:pointer}.frost-quick-list-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #4a6b7c40}.frost-quick-list-image{position:relative;width:100%;padding-bottom:75%;overflow:hidden;background:#f5f7f880}.frost-quick-list-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.frost-quick-list-name{position:absolute;bottom:0;left:0;right:0;padding:.5rem .75rem;background:linear-gradient(to top,#000c,#0000);color:#fff;font-size:.75rem;font-weight:600;text-align:center;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frost-quick-list-more{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-bottom:75%;border:2px dashed rgba(74,107,124,.3);border-radius:var(--radius-md);background:#f5f7f880;cursor:pointer;transition:all var(--frost-transition-base);overflow:hidden}.frost-quick-list-more:hover{border-color:var(--color-primary);border-style:solid;background:#4a6b7c14;box-shadow:0 4px 12px #4a6b7c40}.frost-quick-list-more-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);color:var(--frost-steel-blue);opacity:.6}.frost-quick-list-more-text{position:absolute;bottom:.75rem;left:0;right:0;text-align:center;font-size:.8125rem;font-weight:600;color:var(--frost-steel-blue)}.frost-modal-backdrop{position:fixed;inset:0;background:#2c3e50bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:frost-fadeIn .3s ease-out}.frost-modal-container{position:relative;width:100%;max-width:1200px;max-height:90vh;background:linear-gradient(135deg,#fffffffa,#f5f7f8f2);border:2px solid rgba(74,107,124,.3);border-radius:var(--radius-lg);box-shadow:0 20px 60px #2c3e5066;display:flex;flex-direction:column;animation:frost-slideUp .4s cubic-bezier(.16,1,.3,1)}.frost-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid rgba(74,107,124,.15);background:linear-gradient(135deg,#4a6b7c0d,#6b8cae14)}.frost-modal-title{display:flex;align-items:center;gap:.625rem;font-size:1.5rem;font-weight:700;color:var(--frost-deep-gray);text-transform:uppercase;letter-spacing:.05em}.frost-modal-icon{font-size:1.75rem}.frost-modal-close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:#4a6b7c1a;border-radius:var(--radius-md);color:var(--frost-steel-blue);cursor:pointer;transition:all var(--frost-transition-base)}.frost-modal-close:hover{background:var(--frost-steel-blue);color:#fff;transform:rotate(90deg)}.frost-modal-categories{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:2px solid rgba(74,107,124,.15);overflow-x:auto;flex-wrap:wrap}.frost-modal-category{padding:.5rem 1rem;background:#f5f7f899;border:2px solid rgba(74,107,124,.2);border-radius:1.5rem;font-size:.875rem;font-weight:600;color:var(--frost-muted-blue);cursor:pointer;transition:all var(--frost-transition-base);white-space:nowrap}.frost-modal-category:hover{border-color:var(--frost-steel-blue);background:#4a6b7c14;color:var(--frost-steel-blue)}.frost-modal-category-active{background:var(--frost-gradient-steel);border-color:var(--frost-steel-blue);color:#fff;box-shadow:0 2px 8px #4a6b7c4d}.frost-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.frost-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.frost-modal-item{display:block;border-radius:var(--radius-md);overflow:hidden;transition:all var(--frost-transition-base);box-shadow:0 2px 8px #4a6b7c26;cursor:pointer}.frost-modal-item:hover{transform:translateY(-6px);box-shadow:0 12px 32px #4a6b7c40}.frost-modal-item-image{position:relative;width:100%;padding-bottom:75%;overflow:hidden;background:#f5f7f880;height:350px}.frost-modal-item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--frost-transition-base)}.frost-modal-item:hover img{transform:scale(1.1)}.frost-modal-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1rem;background:linear-gradient(to top,#000000d9,#00000080)}.frost-modal-item-name{display:block;color:#fff;font-size:.9375rem;font-weight:600;text-align:center;line-height:1.4}.frost-modal-empty{text-align:center;padding:4rem 2rem;color:var(--frost-muted-blue);font-size:1rem}@media(max-width:768px){.frost-quick-list-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.frost-modal-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.frost-modal-header{padding:1rem}.frost-modal-title{font-size:1.25rem}.frost-modal-categories{padding:.75rem 1rem}.frost-modal-content{padding:1rem}}@media(max-width:480px){.frost-quick-list-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.frost-modal-backdrop{padding:0}.frost-modal-container{max-height:100vh;border-radius:0}.frost-modal-grid{grid-template-columns:1fr}}.frost-render-preview{display:flex;flex-direction:column;flex:1;min-height:0}.frost-render-preview-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#4a6b7c0d,#6b8cae14);border-bottom:2px solid rgba(74,107,124,.15)}.frost-render-preview-title{font-size:1.125rem;font-weight:700;color:var(--frost-deep-gray);letter-spacing:-.01em}.frost-render-preview-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:var(--frost-gradient-steel);color:#fff;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #4a6b7c4d}.frost-render-preview-badge:before{content:"●";color:#ffffffe6;animation:frost-steamPulse 2s ease-in-out infinite}.frost-render-preview-content{padding:2rem;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(90deg,rgba(74,107,124,.02) 0px,transparent 1px,transparent 20px),repeating-linear-gradient(0deg,rgba(74,107,124,.02) 0px,transparent 1px,transparent 20px)}.frost-render-preview-placeholder{text-align:center;color:var(--frost-muted-blue)}.frost-render-preview-icon{width:80px;height:80px;margin:0 auto 1rem;color:var(--frost-steel-blue);opacity:.3}.frost-render-preview-text{font-size:1rem;font-weight:600;color:var(--frost-deep-gray);margin-bottom:.5rem}.frost-render-preview-hint{font-size:.875rem;color:var(--frost-muted-blue)}.frost-render-preview-generating{text-align:center;color:var(--frost-steel-blue)}.frost-render-preview-spinner{margin:0 auto 1.5rem;color:var(--frost-steel-blue)}.frost-render-preview-status{font-size:1.125rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:.5rem}.frost-render-preview-tip{font-size:.875rem;color:var(--frost-muted-blue)}.frost-render-footer{position:relative;padding:.75rem 1.5rem;background:var(--frost-gradient-ice);border-top:2px solid rgba(74,107,124,.2);text-align:center;font-size:.8125rem;color:var(--frost-muted-blue)}.frost-render-footer:before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:var(--frost-gradient-steel)}.frost-content-container{max-width:1200px;margin:0 auto}.frost-content-section{margin-bottom:3rem;opacity:0}.frost-content-section-visible{animation:frost-fadeInUp .6s var(--frost-transition-base) forwards}@media(max-width:900px){.frost-render-content-split{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem;overflow-x:hidden}.frost-render-left{width:100%;max-width:100%;overflow-x:hidden}.frost-render-right{position:static}}@media(max-width:768px){.frost-render-content-split{padding:1rem;gap:.875rem;overflow-x:hidden}.frost-render-left{gap:.875rem;width:100%;max-width:100%;overflow-x:hidden}.frost-render-section{padding:.875rem 1rem;width:100%;max-width:100%;box-sizing:border-box}.frost-tab-button{padding:.875rem 1.25rem;font-size:.9375rem}.frost-tab-icon{width:1.375rem;height:1.375rem}.frost-tab-details{padding:1.5rem}.frost-tab-details-name{font-size:1.125rem}.frost-render-button-generate{width:100%;max-width:100%;box-sizing:border-box;padding:.75rem 1rem;font-size:1rem}.frost-render-preview-content{padding:1.5rem;min-height:250px}}@media(max-width:640px){.frost-card-preview{aspect-ratio:1 / 1}.frost-tab-button{flex:0 0 auto;min-width:calc(50% - .25rem);padding:.625rem .875rem;font-size:.8125rem}.frost-tab-icon{width:1.125rem;height:1.125rem}.frost-tab-tag{font-size:.625rem;padding:.1875rem .5rem}.frost-tab-details{padding:1rem}.frost-tab-details-name{font-size:.9375rem}.frost-tab-details-credits{font-size:.75rem;padding:.375rem .75rem}.frost-tab-details-description{font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frost-form-group{padding:.875rem;margin-bottom:.875rem;width:100%;max-width:100%;box-sizing:border-box}.frost-render-content-split{padding:.75rem;gap:.75rem;overflow-x:hidden}.frost-render-left{width:100%;max-width:100%;overflow-x:hidden}.frost-render-section{padding:.75rem .875rem;width:100%;max-width:100%;box-sizing:border-box}.frost-render-action-row{flex-direction:column}.frost-render-credits-info{width:100%;justify-content:center;padding:.625rem .75rem}.frost-render-preview-content{padding:1.25rem;min-height:200px}}.frost-image-upload-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:.5rem}.frost-image-upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:160px;padding:1.5rem;background:var(--frost-gradient-cold);border:2px dashed var(--frost-steel-blue);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--frost-transition-base);position:relative;overflow:hidden}.frost-image-upload-button:before{content:"";position:absolute;inset:0;background:var(--frost-gradient-steel);opacity:0;transition:opacity var(--frost-transition-base);z-index:0}.frost-image-upload-button:hover:before{opacity:.05}.frost-image-upload-button:hover{border-color:var(--frost-cold-green);box-shadow:var(--frost-shadow-glow);transform:translateY(-2px)}.frost-image-upload-icon{width:3rem;height:3rem;color:var(--frost-steel-blue);margin-bottom:.75rem;z-index:1;transition:all var(--frost-transition-base)}.frost-image-upload-button:hover .frost-image-upload-icon{color:var(--frost-cold-green);transform:scale(1.1)}.frost-image-upload-button>span{position:relative;z-index:1;color:var(--frost-deep-gray);font-weight:600;font-size:.9375rem;margin-bottom:.25rem}.frost-image-upload-hint{font-size:.8125rem;color:var(--frost-muted-blue);font-weight:400;margin-top:.25rem}.frost-image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;width:100%;margin-top:1rem}.frost-image-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--frost-gradient-ice);border:2px solid var(--border-color);transition:all var(--frost-transition-base)}.frost-image-preview-item:hover{border-color:var(--frost-steel-blue);box-shadow:var(--frost-shadow-md);transform:translateY(-2px)}.frost-image-preview-img{width:100%;height:100%;object-fit:cover;display:block}.frost-image-preview-remove{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#b85450f2;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:all var(--frost-transition-base);z-index:2}.frost-image-preview-item:hover .frost-image-preview-remove{opacity:1}.frost-image-preview-remove:hover{background:#b85450;transform:scale(1.1)}.frost-image-preview-name{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(to top,rgba(44,62,80,.95),transparent);color:#fff;font-size:.75rem;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity var(--frost-transition-base)}.frost-image-preview-item:hover .frost-image-preview-name{opacity:1}.frost-image-uploading-overlay{position:absolute;inset:0;background:#2c3e50d9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3}.frost-image-uploading-spinner{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--frost-ice-white)}.frost-image-uploading-text{font-size:.875rem;font-weight:500;color:var(--frost-ice-white)}.frost-image-preview-remove:disabled{opacity:.5;cursor:not-allowed;background:#64646480}.frost-image-preview-remove:disabled:hover{transform:none;background:#64646480}@media(max-width:640px){.frost-image-preview-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.frost-image-upload-button{min-height:120px;padding:1rem}.frost-image-upload-icon{width:2.5rem;height:2.5rem}}.frost-visibility-toggle-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.frost-visibility-toggle-label{display:flex;align-items:center;gap:.5rem;color:var(--frost-deep-gray);font-weight:600;font-size:.9375rem}.frost-visibility-toggle{position:relative;width:4.75rem;height:2rem;border-radius:.5rem;cursor:pointer;transition:all var(--frost-transition-base);flex-shrink:0;border:1px solid rgba(186,206,211,.8)}.frost-visibility-toggle:hover{border-color:var(--frost-cold-green)}.frost-visibility-toggle-slider{position:absolute;top:.05rem;left:.1rem;width:2.25rem;height:1.75rem;background:#5c8a9433;border-radius:.5rem;transition:all var(--frost-transition-base)}.frost-visibility-toggle-on .frost-visibility-toggle-slider{transform:translate(2.25rem);background:#4a6b7c}@media(max-width:640px){.frost-visibility-toggle-label{font-size:.875rem}.frost-visibility-toggle{width:4rem;height:1.75rem}.frost-visibility-toggle-slider{width:1.75rem;height:1.25rem;border-radius:.3rem}.frost-visibility-toggle-on .frost-visibility-toggle-slider{transform:translate(2rem)}}.frost-render-preview{transition:all var(--frost-transition-base);display:flex;flex-direction:column;flex:1;min-height:0}.frost-render-preview:hover{border-color:var(--frost-accent-blue);box-shadow:var(--frost-shadow-lg)}.frost-render-preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,rgba(var(--frost-gradient-start-rgb),.05),rgba(var(--frost-gradient-end-rgb),.05));border-bottom:2px solid var(--frost-border)}.frost-render-preview-title{font-size:1.125rem;font-weight:700;color:var(--frost-deep-gray);text-transform:uppercase;letter-spacing:.05em}.frost-render-preview-badge{padding:.375rem .75rem;background:var(--frost-muted-bg);color:var(--frost-steel-blue);border:1px solid var(--frost-border);border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.frost-render-preview-badge-active{background:rgba(var(--frost-accent-blue-rgb),.1);color:var(--frost-accent-blue);border-color:var(--frost-accent-blue);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.frost-render-preview-badge-error{background:rgba(var(--frost-dark-red-rgb),.1);color:var(--frost-dark-red);border-color:var(--frost-dark-red)}.frost-render-preview-content{padding:2rem;min-height:400px;display:flex;align-items:center;justify-content:center}.frost-render-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;color:var(--frost-muted-text)}.frost-render-preview-icon{width:4rem;height:4rem;color:var(--frost-steel-blue);opacity:.5}.frost-render-preview-text{font-size:1rem;font-weight:600;color:var(--frost-deep-gray)}.frost-render-preview-hint{font-size:.875rem;color:var(--frost-muted-text)}.frost-render-preview-generating{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.frost-render-preview-spinner{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background:rgba(var(--frost-accent-blue-rgb),.1);color:var(--frost-accent-blue)}.frost-render-preview-progress{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.75rem;text-align:center}.frost-render-preview-status{font-size:.875rem;color:var(--frost-muted-text);margin:0}.frost-render-preview-tip{font-size:.875rem;color:var(--frost-muted-text);font-style:italic}.frost-render-progress-bar-container{display:flex;align-items:center;gap:1rem;width:100%}.frost-render-progress-bar{flex:1;height:.5rem;background:var(--frost-muted-bg);border-radius:9999px;overflow:hidden;border:1px solid var(--frost-border)}.frost-render-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--frost-accent-blue),var(--frost-cold-green));transition:width .3s ease;box-shadow:0 0 8px rgba(var(--frost-accent-blue-rgb),.5)}.frost-render-progress-percentage{font-size:.875rem;font-weight:700;color:var(--frost-accent-blue);min-width:3rem;text-align:right}.frost-render-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;width:100%}.frost-render-result-item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:var(--frost-muted-bg);border:2px solid var(--frost-border);transition:all var(--frost-transition-base)}.frost-render-result-item:hover{border-color:var(--frost-accent-blue);box-shadow:0 0 12px rgba(var(--frost-accent-blue-rgb),.3);transform:translateY(-4px)}.frost-render-result-img-wrapper{position:relative;width:100%;height:100%;cursor:pointer;overflow:hidden}.frost-render-result-img-wrapper:focus{outline:2px solid var(--frost-accent-blue);outline-offset:2px}.frost-render-result-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--frost-transition-base)}.frost-render-result-img-wrapper:hover .frost-render-result-img{transform:scale(1.05)}.frost-render-result-zoom-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:#000000b3;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;opacity:0;transition:all var(--frost-transition-base);pointer-events:none;backdrop-filter:blur(4px)}.frost-render-result-img-wrapper:hover .frost-render-result-zoom-hint{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.frost-render-result-download{position:absolute;top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;color:#fff;cursor:pointer;opacity:0;transition:all var(--frost-transition-base);z-index:1}.frost-render-result-item:hover .frost-render-result-download{opacity:1}.frost-render-result-download:hover{background:var(--frost-accent-blue);border-color:var(--frost-accent-blue);transform:scale(1.1)}.frost-render-preview-error{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.frost-render-error-icon{width:4rem;height:4rem;color:var(--frost-dark-red)}.frost-render-error-message{font-size:.875rem;color:var(--frost-muted-text);max-width:400px}.frost-render-download-btn,.frost-render-retry-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--frost-accent-blue);color:#fff;border:2px solid var(--frost-accent-blue);border-radius:.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all var(--frost-transition-base)}.frost-render-download-btn:hover,.frost-render-retry-btn:hover{background:var(--frost-cold-green);border-color:var(--frost-cold-green);box-shadow:0 0 12px rgba(var(--frost-cold-green-rgb),.4);transform:translateY(-2px)}.frost-render-download-btn:active,.frost-render-retry-btn:active{transform:translateY(0)}.frost-form-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:rgba(var(--frost-ice-blue-rgb),.05);border:1px solid rgba(var(--frost-ice-blue-rgb),.2);border-radius:.5rem;cursor:pointer;transition:all var(--frost-transition-base)}.frost-form-section-header:hover{background:rgba(var(--frost-ice-blue-rgb),.1);border-color:rgba(var(--frost-ice-blue-rgb),.3);box-shadow:0 0 8px rgba(var(--frost-ice-blue-rgb),.2)}.frost-form-section-header:active{transform:scale(.99)}.frost-form-section-header-left{display:flex;align-items:center;gap:.5rem}.frost-form-section-title{font-size:.875rem;font-weight:600;color:var(--frost-text-primary);text-transform:uppercase;letter-spacing:.05em}.frost-form-section-header-right{display:flex;align-items:center;gap:.75rem}.frost-form-section-current-value{font-size:.8125rem;color:var(--frost-accent-blue);font-weight:500;padding:.25rem .625rem;background:rgba(var(--frost-accent-blue-rgb),.1);border-radius:.375rem;border:1px solid rgba(var(--frost-accent-blue-rgb),.2)}.frost-form-section-toggle-icon{width:1.25rem;height:1.25rem;color:var(--frost-muted-text);transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.frost-form-section-toggle-icon-expanded{transform:rotate(180deg)}.frost-form-section-content{max-height:0;padding-top:0;overflow:hidden;transition:max-height .25s cubic-bezier(.4,0,.2,1),padding-top .25s cubic-bezier(.4,0,.2,1)}.frost-form-section-content-expanded{max-height:500px;padding-top:.5rem}.frost-form-section-content>*{margin-bottom:0}.frost-form-section-content>*:not(:last-child){margin-bottom:.75rem}@media(max-width:768px){.frost-render-result-grid{grid-template-columns:1fr}.frost-render-preview-content{padding:1.5rem;min-height:300px}.frost-form-section-header{padding:.75rem .875rem}.frost-form-section-title{font-size:.8125rem}.frost-form-section-current-value{font-size:.75rem;padding:.1875rem .5rem}.frost-form-section-toggle-icon{width:1.125rem;height:1.125rem}}.frost-image-gallery{display:flex;flex-direction:column;gap:1rem;width:100%}.frost-gallery-main{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--frost-muted-bg);border:1px solid var(--frost-border)}.frost-gallery-main-img-wrapper{position:relative;width:100%;cursor:pointer;transition:transform var(--frost-transition-base);overflow:hidden}.frost-gallery-main-img-wrapper:hover{transform:scale(1.01)}.frost-gallery-main-img{width:100%;height:auto;display:block;object-fit:contain;max-height:20vh;opacity:1;transition:opacity .15s ease-in-out}.frost-gallery-img-transitioning{opacity:.3}.frost-gallery-play-pause-btn{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0009;backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:all var(--frost-transition-fast);z-index:10;opacity:0}.frost-gallery-main:hover .frost-gallery-play-pause-btn{opacity:1}.frost-gallery-play-pause-btn:hover{background:#000c;border-color:#fff6;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.frost-gallery-play-pause-btn:active{transform:scale(.95)}.frost-gallery-download-btn{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#000000b3;backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--frost-transition-fast);z-index:10}.frost-gallery-download-btn:hover{background:#000000d9;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.frost-gallery-thumbnails{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem;scrollbar-width:thin;scrollbar-color:var(--frost-steel-blue) var(--frost-muted-bg)}.frost-gallery-thumbnails::-webkit-scrollbar{height:6px}.frost-gallery-thumbnails::-webkit-scrollbar-track{background:var(--frost-muted-bg);border-radius:3px}.frost-gallery-thumbnails::-webkit-scrollbar-thumb{background:var(--frost-steel-blue);border-radius:3px}.frost-gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:var(--frost-cold-green)}.frost-gallery-thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--frost-transition-fast);position:relative}.frost-gallery-thumbnail:before{content:"";position:absolute;inset:0;background:#0000;transition:background var(--frost-transition-fast);z-index:1;pointer-events:none}.frost-gallery-thumbnail:hover:before{background:#0003}.frost-gallery-thumbnail:hover{transform:translateY(-2px);box-shadow:var(--frost-shadow-sm)}.frost-gallery-thumbnail-active{border-color:var(--frost-accent-blue);box-shadow:0 0 0 2px rgba(var(--frost-accent-blue-rgb),.2)}.frost-gallery-thumbnail-active:before{background:#4a9eff1a}.frost-gallery-thumbnail-img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:768px){.frost-gallery-main-img{max-height:400px}.frost-gallery-thumbnail{width:60px;height:60px}.frost-gallery-download-btn{padding:.375rem .75rem;font-size:.8125rem;bottom:.75rem;right:.75rem}.frost-gallery-play-pause-btn{width:36px;height:36px;top:.75rem;left:.75rem}.frost-gallery-play-pause-btn svg{width:1rem;height:1rem}}.frost-what-is-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.frost-what-is-card{position:relative;padding:2.5rem;background:linear-gradient(135deg,#fffffffa,#f5f7f8f2);border:2px solid rgba(74,107,124,.25);border-radius:var(--radius-lg);box-shadow:var(--frost-shadow-md);overflow:hidden}.frost-what-is-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--frost-gradient-steel)}.frost-what-is-card:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(74,107,124,.02) 0px,transparent 1px,transparent 24px),repeating-linear-gradient(0deg,rgba(74,107,124,.02) 0px,transparent 1px,transparent 24px);pointer-events:none;border-radius:var(--radius-lg)}.frost-what-is-decorator{position:absolute;width:48px;height:48px;border:3px solid var(--frost-steel-blue);opacity:.4;pointer-events:none;z-index:1}.frost-what-is-decorator.top-left{top:16px;left:16px;border-right:none;border-bottom:none;border-radius:4px 0 0}.frost-what-is-decorator.bottom-right{bottom:16px;right:16px;border-left:none;border-top:none;border-radius:0 0 4px}.frost-what-is-content{position:relative;z-index:2}.frost-what-is-title{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:1.5rem;letter-spacing:-.02em}.frost-what-is-icon{font-size:2.25rem;line-height:1}.frost-what-is-text{font-size:1.0625rem;color:var(--frost-muted-blue);line-height:1.8;position:relative}.frost-features-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.frost-features-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:2.5rem;text-align:center}.frost-features-title-icon{font-size:2.25rem}.frost-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.frost-features-card{position:relative;padding:1.75rem;background:#fffffff2;border:2px solid rgba(74,107,124,.2);border-radius:var(--radius-md);transition:all var(--frost-transition-base);box-shadow:var(--frost-shadow-sm);overflow:hidden}.frost-features-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--frost-gradient-steel);opacity:.6;transition:all var(--frost-transition-base)}.frost-features-card:hover{transform:translateY(-4px);box-shadow:var(--frost-shadow-glow);border-color:var(--frost-steel-blue)}.frost-features-card:hover:before{width:6px;opacity:1}.frost-features-card-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--frost-gradient-ice);border-radius:50%;font-size:1.5rem;margin-bottom:1rem;border:2px solid rgba(74,107,124,.15)}.frost-features-card-title{font-size:1.25rem;font-weight:700;color:var(--frost-steel-blue);margin-bottom:.75rem}.frost-features-card-description{font-size:.9375rem;color:var(--frost-muted-blue);line-height:1.7}.frost-no-downloads-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.frost-no-downloads-card{position:relative;padding:2rem 2.5rem 2rem 3rem;background:#f5f7f880;border-left:3px solid var(--frost-steel-blue);border-radius:var(--radius-md)}.frost-no-downloads-title{display:flex;align-items:center;gap:.625rem;font-size:1.75rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:1.25rem}.frost-no-downloads-icon{font-size:2rem}.frost-no-downloads-text{font-size:1rem;color:var(--frost-muted-blue);line-height:1.75}.frost-showcase-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.frost-showcase-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:2.5rem;text-align:center}.frost-showcase-title-icon{font-size:2.25rem}.frost-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.frost-showcase-card{position:relative;background:#fffffff2;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--frost-shadow-sm);transition:all var(--frost-transition-base)}.frost-showcase-card:hover{transform:translateY(-6px);box-shadow:var(--frost-shadow-glow)}.frost-showcase-image-container{position:relative;background:var(--frost-gradient-ice);overflow:hidden}.frost-showcase-image-container:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(74,107,124,.04) 0px,transparent 1px,transparent 16px),repeating-linear-gradient(0deg,rgba(74,107,124,.04) 0px,transparent 1px,transparent 16px);z-index:0}.frost-showcase-image{position:relative;width:100%;height:auto;object-fit:contain;object-position:center;transition:transform var(--frost-transition-base);z-index:1}.frost-showcase-card:hover .frost-showcase-image{transform:scale(1.05)}.frost-showcase-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:96px;height:96px;color:var(--frost-steel-blue);opacity:.3;transition:all var(--frost-transition-base)}.frost-showcase-card:hover .frost-showcase-placeholder{transform:translate(-50%,-50%) scale(1.1);opacity:.5}.frost-showcase-content{padding:1.25rem;background:#fffffffa}.frost-showcase-card-title{font-size:1.125rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:.5rem}.frost-showcase-card-description{font-size:.875rem;color:var(--frost-muted-blue);line-height:1.6}.frost-innovations-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.frost-innovations-title{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:2.5rem}.frost-innovations-title-icon{font-size:2.25rem}.frost-innovations-timeline{position:relative;padding-left:2.5rem}.frost-innovations-timeline:before{content:"";position:absolute;left:.75rem;top:1rem;bottom:1rem;width:3px;background:linear-gradient(180deg,var(--frost-steel-blue) 0%,var(--frost-cold-green) 100%);border-radius:2px;opacity:.3}.frost-innovations-item{position:relative;margin-bottom:1.75rem;padding:1.5rem;background:#fffffff2;border:2px solid rgba(74,107,124,.2);border-left:5px solid var(--frost-steel-blue);border-radius:var(--radius-md);box-shadow:var(--frost-shadow-sm);transition:all var(--frost-transition-base)}.frost-innovations-item:hover{border-left-color:var(--frost-cold-green);transform:translate(8px);box-shadow:var(--frost-shadow-md)}.frost-innovations-item:before{content:"";position:absolute;left:-2.5rem;top:1.75rem;width:12px;height:12px;background:var(--frost-gradient-steel);border:3px solid var(--background);border-radius:50%;box-shadow:0 0 0 2px #4a6b7c33;z-index:1}.frost-innovations-item-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem}.frost-innovations-item-icon{font-size:1.5rem}.frost-innovations-item-title{font-size:1.25rem;font-weight:700;color:var(--frost-steel-blue)}.frost-innovations-item-description{font-size:.9375rem;color:var(--frost-muted-blue);line-height:1.7}.frost-techniques-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.frost-techniques-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:2.5rem;text-align:center}.frost-techniques-title-icon{font-size:2.25rem}.frost-techniques-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.frost-techniques-card{position:relative;padding:1.5rem;background:#fffffff2;border:2px solid rgba(74,107,124,.2);border-radius:var(--radius-md);box-shadow:var(--frost-shadow-sm);transition:all var(--frost-transition-base);overflow:hidden}.frost-techniques-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--frost-gradient-steel);opacity:.6;transition:opacity var(--frost-transition-base)}.frost-techniques-card:hover{transform:translateY(-4px);box-shadow:var(--frost-shadow-md);border-color:var(--frost-steel-blue)}.frost-techniques-card:hover:before{opacity:1}.frost-techniques-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.frost-techniques-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--frost-gradient-ice);border-radius:50%;font-size:1.25rem;border:2px solid rgba(74,107,124,.15)}.frost-techniques-card-title{font-size:1.125rem;font-weight:700;color:var(--frost-deep-gray)}.frost-techniques-card-description{font-size:.9375rem;color:var(--frost-muted-blue);line-height:1.7}.frost-applications-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.frost-applications-title{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:2.5rem}.frost-applications-title-icon{font-size:2.25rem}.frost-applications-list{display:flex;flex-direction:column;gap:1.25rem}.frost-applications-item{position:relative;padding:1.5rem 1.5rem 1.5rem 2rem;background:#fffffff2;border-left:4px solid rgba(74,107,124,.4);border-radius:var(--radius-md);box-shadow:var(--frost-shadow-sm);transition:all var(--frost-transition-base)}.frost-applications-item:hover{border-left-width:6px;border-left-color:var(--frost-steel-blue);transform:translate(4px);box-shadow:var(--frost-shadow-md)}.frost-applications-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.frost-applications-item-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--frost-gradient-ice);border-radius:50%;font-size:1.125rem;border:2px solid rgba(74,107,124,.15)}.frost-applications-item-title{font-size:1.125rem;font-weight:700;color:var(--frost-deep-gray)}.frost-applications-item-description{font-size:.9375rem;color:var(--frost-muted-blue);line-height:1.7}.frost-applications-item:not(:last-child):after{content:"";position:absolute;bottom:-.625rem;left:2rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(74,107,124,.15) 50%,transparent 100%)}.frost-faqs-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.frost-faqs-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--frost-deep-gray);margin-bottom:2.5rem;text-align:center}.frost-faqs-title-icon{font-size:2.25rem}.frost-faqs-list{display:flex;flex-direction:column;gap:1.5rem}.frost-faqs-item{position:relative;background:#fffffff2;border:2px solid rgba(74,107,124,.2);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--frost-shadow-sm)}.frost-faqs-question-container{position:relative;padding:1.25rem 1.5rem;background:var(--frost-gradient-ice);border-bottom:2px solid rgba(74,107,124,.15)}.frost-faqs-question-badge{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--frost-gradient-steel);color:#fff;border-radius:50%;font-size:.875rem;font-weight:700;margin-right:.75rem;flex-shrink:0}.frost-faqs-question{display:flex;align-items:flex-start;gap:.75rem;font-size:1.125rem;font-weight:700;color:var(--frost-deep-gray)}.frost-faqs-answer-container{padding:1.5rem;position:relative}.frost-faqs-answer-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--frost-gradient-steel);opacity:.4}.frost-faqs-answer-badge{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#5c8a9426;color:var(--frost-cold-green);border-radius:50%;font-size:.875rem;font-weight:700;margin-right:.75rem;flex-shrink:0;border:2px solid rgba(92,138,148,.25)}.frost-faqs-answer{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;color:var(--frost-muted-blue);line-height:1.75}@media(max-width:1024px){.frost-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.frost-features-grid,.frost-techniques-grid,.frost-showcase-grid{grid-template-columns:1fr}.frost-what-is-title,.frost-features-title,.frost-showcase-title,.frost-innovations-title,.frost-techniques-title,.frost-applications-title,.frost-faqs-title{font-size:1.75rem}.frost-what-is-card,.frost-no-downloads-card{padding:1.75rem}.frost-innovations-timeline{padding-left:2rem}}@media(max-width:640px){.frost-what-is-container,.frost-features-container,.frost-no-downloads-container,.frost-showcase-container,.frost-innovations-container,.frost-techniques-container,.frost-applications-container,.frost-faqs-container{padding:1.5rem 1rem}.frost-what-is-title,.frost-features-title,.frost-showcase-title,.frost-innovations-title,.frost-techniques-title,.frost-applications-title,.frost-faqs-title{font-size:1.5rem}.frost-what-is-card{padding:1.5rem}.frost-what-is-decorator{width:32px;height:32px}.frost-what-is-decorator.top-left{top:12px;left:12px}.frost-what-is-decorator.bottom-right{bottom:12px;right:12px}.frost-faqs-question,.frost-applications-item-title,.frost-techniques-card-title,.frost-innovations-item-title,.frost-showcase-card-title,.frost-features-card-title{font-size:1rem}.frost-faqs-answer,.frost-applications-item-description,.frost-techniques-card-description,.frost-innovations-item-description,.frost-showcase-card-description,.frost-features-card-description{font-size:.875rem}}.tdet-page-wrapper{min-height:100vh;background:linear-gradient(180deg,var(--color-secondary) 0%,var(--color-gray-light) 100%);position:relative;overflow:hidden}.tdet-page-wrapper:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(74,107,124,.03) 0px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(74,107,124,.03) 0px,transparent 1px,transparent 40px);pointer-events:none;z-index:0}.tdet-container{width:100%;padding:var(--spacing-xl) var(--spacing-xl)}.tdet-hero-section{margin-bottom:var(--spacing-2xl);position:relative}.tdet-back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);background:#ffffffe6;color:var(--color-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.tdet-back-button:hover{background:var(--color-primary);color:#fff;transform:translate(-4px);box-shadow:var(--shadow-glow);border-color:var(--color-primary);text-decoration:none}.tdet-back-icon{width:20px;height:20px;transition:transform var(--transition-fast)}.tdet-back-button:hover .tdet-back-icon{transform:translate(-2px)}.tdet-hero-content{position:relative;padding:var(--spacing-xl);background:linear-gradient(135deg,#f5f7f8e6,#e8ecedf2);border-radius:var(--radius-lg);border:2px solid var(--border-color);box-shadow:var(--shadow-md),inset 0 1px #fffc,inset 0 -1px #4a6b7c1a}.tdet-hero-content:before,.tdet-hero-content:after{content:"";position:absolute;width:60px;height:60px;border:2px solid var(--color-primary);opacity:.3}.tdet-hero-content:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.tdet-hero-content:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.tdet-hero-title{font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md);letter-spacing:-.02em;line-height:1.2}.tdet-hero-description{font-size:1.125rem;color:var(--color-gray);line-height:1.7;max-width:800px}.tdet-hero-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md)}.tdet-tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:#4a6b7c1a;border:1px solid rgba(74,107,124,.2);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--color-primary);transition:all var(--transition-fast)}.tdet-tag:hover{background:#4a6b7c33;border-color:var(--color-primary)}.tdet-generator-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:#fffffff2;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.tdet-section-header{margin-bottom:var(--spacing-lg);text-align:center}.tdet-section-title{font-size:2rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-sm);position:relative;display:inline-block}.tdet-section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:2px}.tdet-section-subtitle{font-size:1rem;color:var(--color-gray);margin-top:var(--spacing-md)}.tdet-features-section{margin-bottom:var(--spacing-2xl)}.tdet-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.tdet-feature-card{position:relative;padding:var(--spacing-lg);background:#ffffffe6;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.tdet-feature-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.tdet-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--color-primary)}.tdet-feature-card:hover:before{opacity:1}.tdet-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a6b7c26,#6b8cae33);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 8px #2c3e5026}.tdet-feature-icon svg{width:24px;height:24px;color:var(--color-primary)}.tdet-feature-title{font-size:1.125rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-sm)}.tdet-feature-description{font-size:.9375rem;color:var(--color-gray);line-height:1.7}.tdet-usecases-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#4a6b7c0d,#6b8cae14);border-radius:var(--radius-lg);border:1px solid rgba(74,107,124,.2)}.tdet-usecases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.tdet-usecase-item{display:flex;flex-direction:column;gap:var(--spacing-md)}.tdet-usecase-image{width:100%;height:200px;background:#ffffffe6;border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.tdet-usecase-image:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.tdet-usecase-image img{width:100%;height:100%;object-fit:cover}.tdet-usecase-placeholder{font-size:3rem;color:var(--color-primary);opacity:.3}.tdet-usecase-title{font-size:1.125rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-xs)}.tdet-usecase-description{font-size:.9375rem;color:var(--color-gray);line-height:1.6}.tdet-specs-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:#ffffffe6;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.tdet-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.tdet-spec-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#f5f7f899;border-radius:var(--radius-md);border:1px solid rgba(74,107,124,.15);transition:all var(--transition-base)}.tdet-spec-item:hover{background:#4a6b7c14;border-color:#4a6b7c4d}.tdet-spec-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a6b7c33,#6b8cae4d);border-radius:var(--radius-sm);box-shadow:0 2px 8px #2c3e5026}.tdet-spec-icon svg{width:18px;height:18px;color:var(--color-primary)}.tdet-spec-content{flex:1}.tdet-spec-label{font-size:.875rem;color:var(--color-gray);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.tdet-spec-value{font-size:1rem;font-weight:600;color:var(--color-dark)}.tdet-faq-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#f5f7f8e6,#e8ecedf2);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.tdet-faq-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.tdet-faq-item{padding:var(--spacing-lg);background:#ffffffe6;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.tdet-faq-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.tdet-faq-question{font-size:1.125rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-sm);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.tdet-faq-question:before{content:"Q";flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gradient-primary);color:#fff;border-radius:50%;font-size:.875rem;font-weight:700}.tdet-faq-answer{font-size:.9375rem;color:var(--color-gray);line-height:1.7;margin-left:32px}.tdet-footer-info{padding:var(--spacing-xl);background:linear-gradient(135deg,#4a6b7c14,#6b8cae1f);border-radius:var(--radius-lg);border:1px solid rgba(74,107,124,.2)}.tdet-footer-content{max-width:800px;margin:0 auto;text-align:center}.tdet-footer-title{font-size:1.5rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-md)}.tdet-footer-text{font-size:1rem;color:var(--color-gray);line-height:1.7;margin-bottom:var(--spacing-md)}.tdet-inline-link{color:var(--color-primary);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:all var(--transition-fast)}.tdet-inline-link:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);text-decoration:none}@keyframes tdet-fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes tdet-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tdet-animate-fadeInUp{animation:tdet-fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.tdet-animate-scaleIn{animation:tdet-scaleIn .5s cubic-bezier(.4,0,.2,1) forwards}.tdet-animate-delay-1{opacity:0;animation-delay:.15s}.tdet-animate-delay-2{opacity:0;animation-delay:.3s}.tdet-animate-delay-3{opacity:0;animation-delay:.45s}.tdet-animate-delay-4{opacity:0;animation-delay:.6s}.tdet-animate-delay-5{opacity:0;animation-delay:.75s}@media(max-width:768px){.tdet-container{padding:var(--spacing-lg) var(--spacing-sm)}.tdet-hero-title{font-size:2rem}.tdet-hero-description{font-size:1rem}.tdet-section-title{font-size:1.5rem}.tdet-features-grid,.tdet-usecases-grid,.tdet-specs-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.tdet-generator-section,.tdet-specs-section,.tdet-faq-section,.tdet-footer-info{padding:var(--spacing-lg)}}@media(max-width:480px){.tdet-hero-content:before,.tdet-hero-content:after{width:40px;height:40px}.tdet-hero-title{font-size:1.75rem}.tdet-section-title,.tdet-footer-title{font-size:1.25rem}}