.workspace-container{max-width: 1400px;margin: 0 auto;padding: 1.5rem 1rem 3.5rem}.workspace-header{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 1rem;margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 1px solid var(--border-color)}.workspace-title-wrap{display: flex;align-items: flex-start;gap: 1.15rem}.workspace-icon-box{width: 56px;height: 56px;border-radius: 16px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;margin-top: 3px;transition: transform 0.2s ease,box-shadow 0.2s ease}.workspace-icon-box:hover{transform: translateY(-2px)}.workspace-title{font-size: 1.75rem;font-weight: 800;margin: 0 0 0.25rem 0;color: var(--text-primary);letter-spacing: -0.02em}.workspace-desc{font-size: 0.92rem;color: var(--text-secondary);margin: 0}.workspace-toolbar-top{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap}.workspace-grid{display: grid;grid-template-columns: 1.35fr 1fr;gap: 1.5rem;align-items: start}.workspace-preview-panel{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);display: flex;flex-direction: column;min-height: 520px;position: sticky;top: 1.25rem;align-self: start;max-height: calc(100vh - 2.5rem);overflow-y: auto;overflow-x: hidden;z-index: 20;scrollbar-width: thin}.workspace-preview-panel::-webkit-scrollbar,.legal-preview-column::-webkit-scrollbar{width: 6px}.workspace-preview-panel::-webkit-scrollbar-thumb,.legal-preview-column::-webkit-scrollbar-thumb{background: rgba(148,163,184,0.4);border-radius: 999px}.preview-panel-header{display: flex;justify-content: space-between;align-items: center;padding: 0.85rem 1.25rem;background: var(--bg-surface-raised);border-bottom: 1px solid var(--border-color);font-size: 0.88rem;font-weight: 600;color: var(--text-primary)}.preview-tools-bar{display: flex;align-items: center;gap: 0.4rem}.preview-tool-btn{background: var(--bg-surface);border: 1px solid var(--border-color);color: var(--text-secondary);padding: 0.35rem 0.65rem;border-radius: var(--radius-sm);font-size: 0.8rem;font-weight: 600;cursor: pointer;display: inline-flex;align-items: center;gap: 0.3rem;transition: all var(--transition-fast)}.preview-tool-btn:hover{background: var(--brand-primary-light);color: var(--brand-primary);border-color: var(--brand-primary)}.preview-canvas-viewport{flex: 1;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,#f8fafc 0%,#f1f5f9 45%,#e2e8f0 100%);background-image: radial-gradient(circle at 50% 10%,rgba(99,102,241,0.05) 0%,transparent 60%),linear-gradient(135deg,#f8fafc 0%,#f1f5f9 45%,#e2e8f0 100%);border: 1px solid rgba(226,232,240,0.85);box-shadow: inset 0 2px 8px rgba(0,0,0,0.025);border-radius: 16px;overflow: auto;position: relative;min-height: 420px;padding: 1.5rem;transition: all 0.3s ease}[data-theme="dark"] .preview-canvas-viewport{background: linear-gradient(135deg,#0b1120 0%,#111c35 45%,#0f172a 100%);background-image: radial-gradient(circle at 50% 10%,rgba(99,102,241,0.12) 0%,transparent 65%),linear-gradient(135deg,#0b1120 0%,#111c35 45%,#0f172a 100%);border: 1px solid rgba(51,65,85,0.55);box-shadow: inset 0 2px 10px rgba(0,0,0,0.35)}.preview-main-canvas,.preview-main-image{max-width: 100%;max-height: 480px;object-fit: contain;box-shadow: 0 12px 30px rgba(0,0,0,0.45);border-radius: 4px;background: #ffffff;transition: transform 0.15s ease-out}.workspace-dropzone{border: 2px dashed var(--brand-primary);background: rgba(79,70,229,0.04);border-radius: var(--radius-lg);padding: 3.5rem 1.5rem;text-align: center;cursor: pointer;transition: all var(--transition-fast);width: 100%;max-width: 480px;margin: auto}.workspace-dropzone:hover,.workspace-dropzone.dragover{background: rgba(79,70,229,0.1);border-color: var(--brand-primary-hover);transform: scale(1.01)}.thumbnails-tray{display: flex;gap: 0.75rem;overflow-x: auto;padding: 0.85rem 1.25rem;background: var(--bg-surface-raised);border-top: 1px solid var(--border-color);align-items: center}.thumbnail-card{width: 76px;height: 96px;border-radius: var(--radius-sm);background: var(--bg-surface);border: 2px solid var(--border-color);padding: 4px;cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: space-between;flex-shrink: 0;position: relative;transition: all var(--transition-fast)}.thumbnail-card.active{border-color: var(--brand-primary);box-shadow: 0 0 0 2px var(--brand-primary-light)}.thumbnail-card img{width: 100%;height: 64px;object-fit: cover;border-radius: 2px}.thumbnail-card .thumb-badge{font-size: 0.65rem;font-weight: 700;color: var(--text-muted)}.workspace-controls-panel{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);padding: 1.5rem;display: flex;flex-direction: column;gap: 1.25rem}.control-tabs{display: flex;gap: 0.5rem;border-bottom: 1px solid var(--border-color);padding-bottom: 0.75rem;overflow-x: auto}.control-tab-btn{background: none;border: none;padding: 0.45rem 0.85rem;font-size: 0.88rem;font-weight: 700;color: var(--text-muted);cursor: pointer;border-radius: var(--radius-md);transition: all var(--transition-fast);white-space: nowrap}.control-tab-btn.active{background: var(--brand-primary);color: #ffffff}.control-section{display: flex;flex-direction: column;gap: 0.85rem}.control-label{font-size: 0.88rem;font-weight: 700;color: var(--text-primary);display: flex;justify-content: space-between;align-items: center}.control-input,.control-select,.control-textarea{width: 100%;padding: 0.75rem 1rem;background: var(--bg-surface-raised);border: 1px solid var(--border-color);border-radius: var(--radius-md);color: var(--text-primary);font-size: 0.95rem;font-family: inherit;outline: none;transition: border-color var(--transition-fast);box-sizing: border-box}.control-input:focus,.control-select:focus,.control-textarea:focus{border-color: var(--brand-primary);box-shadow: 0 0 0 3px rgba(79,70,229,0.15)}.control-slider-wrap{display: flex;align-items: center;gap: 1rem}.control-slider{flex: 1;accent-color: var(--brand-primary);cursor: pointer}.slider-val{min-width: 44px;font-weight: 700;font-size: 0.88rem;color: var(--brand-primary);text-align: right}.btn-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(80px,1fr));gap: 0.5rem}.btn-option{padding: 0.55rem 0.5rem;font-size: 0.8rem;font-weight: 600;background: var(--bg-surface-raised);border: 1px solid var(--border-color);border-radius: var(--radius-sm);color: var(--text-secondary);cursor: pointer;text-align: center;transition: all var(--transition-fast)}.btn-option:hover{background: var(--brand-primary-light);border-color: var(--brand-primary);color: var(--brand-primary)}.btn-option.active{background: var(--brand-primary) !important;border-color: var(--brand-primary) !important;color: #ffffff !important;box-shadow: 0 4px 12px rgba(79,70,229,0.35)}.btn-option.active small,.btn-option.active span,.btn-option.active strong{color: #ffffff !important}.scale-preset.active,.dim-preset.active,.studio-tool-btn.active,.btn-outline.active,.btn-secondary.active{background: var(--brand-primary) !important;border-color: var(--brand-primary) !important;color: #ffffff !important;box-shadow: 0 3px 10px rgba(79,70,229,0.35);font-weight: 700}.scale-preset.active *,.dim-preset.active *,.studio-tool-btn.active *,.btn-outline.active *,.btn-secondary.active *{color: #ffffff !important}.comparison-slider-container{position: relative;width: 100%;max-width: 500px;height: 340px;overflow: hidden;border-radius: var(--radius-md);box-shadow: var(--shadow-md)}.comparison-image-before,.comparison-image-after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain}.comparison-image-before{z-index: 1}.comparison-image-after{z-index: 2;clip-path: inset(0 50% 0 0)}.comparison-divider{position: absolute;top: 0;bottom: 0;left: 50%;width: 3px;background: #ffffff;z-index: 3;box-shadow: 0 0 10px rgba(0,0,0,0.5);cursor: ew-resize}.comparison-handle{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 36px;height: 36px;border-radius: 50%;background: var(--brand-primary);color: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 0.85rem;box-shadow: 0 2px 8px rgba(0,0,0,0.3);pointer-events: none}.metrics-stat-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.75rem}.stat-chip{background: var(--bg-surface-raised);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 0.85rem 0.6rem;text-align: center}.stat-chip-number{font-size: 1.4rem;font-weight: 800;color: var(--brand-primary);line-height: 1.2}.stat-chip-label{font-size: 0.75rem;font-weight: 600;color: var(--text-muted);text-transform: uppercase;margin-top: 0.25rem}.workspace-export-box{background: var(--bg-surface-raised);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 1.25rem;margin-top: 0.5rem}.export-primary-btn{width: 100%;padding: 0.9rem 1.25rem;background: linear-gradient(135deg,var(--brand-primary) 0%,#4338ca 100%);color: #ffffff;border: none;border-radius: var(--radius-md);font-size: 1rem;font-weight: 800;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 0.6rem;box-shadow: 0 4px 14px rgba(79,70,229,0.35);transition: all var(--transition-fast)}.export-primary-btn:hover{background: linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform: translateY(-1.5px);box-shadow: 0 6px 20px rgba(79,70,229,0.45)}.cross-tool-ribbon{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 1.25rem 1.5rem;margin-top: 2rem;box-shadow: var(--shadow-sm)}.cross-tool-title{font-size: 0.95rem;font-weight: 700;color: var(--text-primary);margin-bottom: 0.85rem;display: flex;align-items: center;gap: 0.5rem}.cross-tool-links{display: flex;gap: 0.75rem;flex-wrap: wrap}.cross-tool-chip{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.55rem 1rem;background: var(--bg-surface-raised);border: 1px solid var(--border-color);border-radius: var(--radius-full);font-size: 0.85rem;font-weight: 600;color: var(--text-primary);text-decoration: none;transition: all var(--transition-fast)}.cross-tool-chip:hover{background: var(--brand-primary-light);border-color: var(--brand-primary);color: var(--brand-primary);transform: translateY(-1px)}.tool-suggestion-studio{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 1.25rem 1.5rem;margin-top: 1.25rem;margin-bottom: 2rem;box-shadow: var(--shadow-sm);position: relative;overflow: hidden}.sugg-callout-bar{display: flex;align-items: center;justify-content: space-between;gap: 1.25rem;cursor: pointer;user-select: none}.sugg-callout-left{display: flex;align-items: center;gap: 1rem}.sugg-callout-icon{width: 44px;height: 44px;border-radius: 12px;background: linear-gradient(135deg,rgba(79,70,229,0.12),rgba(234,179,8,0.18));color: #4f46e5;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;flex-shrink: 0}.sugg-callout-title{font-size: 1.05rem;font-weight: 800;color: var(--text-primary);display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap}.sugg-callout-badge{font-size: 0.72rem;font-weight: 700;padding: 0.2rem 0.55rem;background: linear-gradient(135deg,#f59e0b,#d97706);color: #ffffff;border-radius: 999px;text-transform: uppercase;letter-spacing: 0.5px}.sugg-callout-sub{font-size: 0.85rem;color: var(--text-secondary);margin-top: 0.2rem}.sugg-form-body{display: none;margin-top: 1.25rem;padding-top: 1.25rem;border-top: 1px dashed var(--border-color)}.sugg-form-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 1rem;margin-bottom: 1rem}.sugg-form-group{display: flex;flex-direction: column;gap: 0.35rem}.sugg-form-group label{font-size: 0.82rem;font-weight: 700;color: var(--text-primary)}.sugg-input,.sugg-select,.sugg-textarea{width: 100%;padding: 0.6rem 0.85rem;font-size: 0.88rem;border-radius: var(--radius-md);border: 1px solid var(--border-color);background: var(--bg-surface-raised);color: var(--text-primary);outline: none;transition: border-color var(--transition-fast);box-sizing: border-box}.sugg-input:focus,.sugg-select:focus,.sugg-textarea:focus{border-color: var(--brand-primary);box-shadow: 0 0 0 3px rgba(79,70,229,0.12)}.sugg-tool-selector-box{background: var(--bg-surface-raised);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 0.85rem 1rem;margin-bottom: 1rem}.sugg-checkbox-label{display: flex;align-items: center;gap: 0.5rem;font-size: 0.88rem;font-weight: 600;color: var(--text-primary);cursor: pointer}.sugg-other-tools-container{margin-top: 0.75rem;padding-top: 0.75rem;border-top: 1px solid var(--border-color);display: none}.sugg-reviews-section{margin-top: 1.5rem;padding-top: 1.25rem;border-top: 1px solid var(--border-color)}.sugg-reviews-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem}.sugg-reviews-title{font-size: 0.95rem;font-weight: 800;color: var(--text-primary);display: flex;align-items: center;gap: 0.45rem}.sugg-review-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 0.85rem}.sugg-review-card{background: var(--bg-surface-raised);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 0.9rem 1rem;display: flex;flex-direction: column;gap: 0.5rem;transition: transform var(--transition-fast)}.sugg-review-card:hover{transform: translateY(-2px);border-color: var(--brand-primary)}.sugg-review-top{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}.sugg-review-user{display: flex;align-items: center;gap: 0.5rem}.sugg-avatar{width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(135deg,#4f46e5,#06b6d4);color: #fff;font-size: 0.75rem;font-weight: 800;display: flex;align-items: center;justify-content: center}.sugg-winner-badge{display: inline-flex;align-items: center;gap: 0.25rem;padding: 0.2rem 0.5rem;background: linear-gradient(135deg,rgba(234,179,8,0.15),rgba(245,158,11,0.25));border: 1px solid rgba(234,179,8,0.4);border-radius: 999px;color: #b45309;font-size: 0.7rem;font-weight: 800}.sugg-review-text{font-size: 0.85rem;color: var(--text-primary);line-height: 1.45;margin: 0}.sugg-privacy-note{font-size: 0.75rem;color: var(--text-muted);display: flex;align-items: center;gap: 0.35rem;margin-top: 0.75rem}@media (max-width: 1024px){.workspace-grid{grid-template-columns: 1fr}.workspace-preview-panel{min-height: 400px}.metrics-stat-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 768px){.workspace-container{padding: 0.85rem 0.65rem 2.5rem}.workspace-header{flex-direction: column;align-items: flex-start;gap: 0.85rem;margin-bottom: 1rem;padding-bottom: 0.75rem}.workspace-title-wrap{gap: 0.75rem}.workspace-icon-box{width: 44px;height: 44px;font-size: 1.4rem;border-radius: 12px}.workspace-title{font-size: clamp(1.25rem,4vw,1.55rem)}.workspace-desc{font-size: 0.84rem;line-height: 1.4}.workspace-toolbar-top{width: 100%;display: grid;grid-template-columns: repeat(4,1fr);gap: 0.35rem}.preview-tool-btn{padding: 0.4rem 0.3rem;font-size: 0.72rem;justify-content: center;border-radius: 8px}.preview-canvas-viewport{min-height: 240px;max-height: 340px;padding: 0.75rem}.workspace-dropzone{padding: 1.85rem 1rem;border-radius: 14px}.workspace-controls-panel{padding: 1.15rem 0.95rem;border-radius: 14px;gap: 1rem}.metrics-stat-grid{grid-template-columns: 1fr 1fr;gap: 0.5rem}#ws-execute-btn,.run-tool-btn{min-height: 46px;font-size: 1rem;font-weight: 800}}@media (max-width: 480px){.workspace-toolbar-top{grid-template-columns: repeat(2,1fr)}.thumbnails-tray{padding: 0.5rem 0.75rem;gap: 0.5rem}.thumbnail-card{width: 64px;height: 82px}.thumbnail-card img{height: 52px}}.popular-tools-grid{display: grid;grid-template-columns: repeat(5,1fr);gap: 1.25rem;margin: 1.5rem 0}@media (max-width: 1200px){.popular-tools-grid{grid-template-columns: repeat(3,1fr);gap: 1.15rem}}@media (max-width: 900px){.popular-tools-grid{grid-template-columns: repeat(3,1fr);gap: 1rem}}@media (max-width: 768px){.popular-tools-grid{grid-template-columns: repeat(2,1fr);gap: 0.85rem}}@media (max-width: 520px){.popular-tools-grid{grid-template-columns: repeat(2,1fr);gap: 0.6rem}.popular-tool-card{padding: 0.95rem 0.75rem;border-radius: 12px}.popular-tool-icon{width: 38px;height: 38px;border-radius: 10px}.popular-tool-icon svg{width: 22px;height: 22px}.popular-tool-title{font-size: 0.9rem;margin-bottom: 0.25rem}.popular-tool-desc{font-size: 0.74rem;line-height: 1.35;margin-bottom: 0.5rem}.popular-tool-footer{padding-top: 0.5rem;font-size: 0.72rem}}@media (max-width: 340px){.popular-tools-grid{grid-template-columns: 1fr}}.popular-tool-card{background: #ffffff;border: 1px solid #e2e8f0;border-radius: 16px;padding: 1.35rem 1.25rem 1.15rem;display: flex;flex-direction: column;text-decoration: none;transition: transform 0.25s cubic-bezier(0.16,1,0.3,1),box-shadow 0.25s ease,border-color 0.25s ease;position: relative;box-shadow: 0 4px 18px rgba(15,23,42,0.05),0 1px 3px rgba(0,0,0,0.03)}.popular-tool-card:hover{transform: translateY(-5px);border-color: rgba(99,102,241,0.45);box-shadow: 0 16px 36px -6px rgba(99,102,241,0.18),0 4px 12px rgba(0,0,0,0.04)}.popular-tool-card-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.85rem}.popular-tool-icon{width: 48px;height: 48px;border-radius: 13px;display: flex;align-items: center;justify-content: center;border: none;font-size: 1.45rem;transition: transform 0.22s cubic-bezier(0.16,1,0.3,1),box-shadow 0.22s ease;flex-shrink: 0;color: #ffffff}.popular-tool-card:hover .popular-tool-icon{transform: scale(1.08) rotate(-2deg)}.popular-tool-body{flex: 1;margin-bottom: 0.95rem}.popular-tool-title{font-size: 1.05rem;font-weight: 700;color: #0f172a;margin: 0 0 0.35rem 0;line-height: 1.35;transition: color 0.15s ease}.popular-tool-card:hover .popular-tool-title{color: #4f46e5}.popular-tool-desc{font-size: 0.83rem;line-height: 1.48;color: #64748b;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.5em}.popular-tool-footer{display: block;padding-top: 0.75rem;border-top: 1px solid #f1f5f9;margin-top: auto}.popular-tool-category{display: none}.popular-tool-cta{display: flex;align-items: center;justify-content: center;gap: 0.45rem;width: 100%;padding: 0.62rem 1rem;background: linear-gradient(135deg,#6366f1 0%,#7c3aed 100%);color: #ffffff !important;font-weight: 600;font-size: 0.88rem;border-radius: 10px;box-shadow: 0 4px 12px rgba(99,102,241,0.25);transition: all 0.2s ease;text-decoration: none}.popular-tool-card:hover .popular-tool-cta{background: linear-gradient(135deg,#4f46e5 0%,#6d28d9 100%);box-shadow: 0 6px 18px rgba(99,102,241,0.4);transform: translateY(-1px)}.compress-optimize-section{padding: 4.5rem 0;background: var(--bg-surface-raised);border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);position: relative}.opt-featured-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 1.5rem;margin: 2.25rem 0}@media (max-width: 1100px){.opt-featured-grid{grid-template-columns: repeat(2,1fr);gap: 1.25rem}}@media (max-width: 600px){.opt-featured-grid{grid-template-columns: 1fr;gap: 1rem}}.opt-card{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 16px;padding: 1.75rem 1.4rem;display: flex;flex-direction: column;text-decoration: none;transition: transform 0.25s cubic-bezier(0.16,1,0.3,1),box-shadow 0.25s ease,border-color 0.25s ease;position: relative;box-shadow: 0 4px 12px rgba(0,0,0,0.03)}.opt-card:hover{transform: translateY(-5px);border-color: rgba(79,70,229,0.5);box-shadow: 0 16px 32px -8px rgba(79,70,229,0.16),0 4px 12px -2px rgba(0,0,0,0.04)}.opt-card-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.1rem}.opt-card-icon{width: 52px;height: 52px;border-radius: 14px;display: flex;align-items: center;justify-content: center;font-size: 1.75rem;background: rgba(79,70,229,0.1);border: 1px solid rgba(79,70,229,0.2);transition: transform 0.2s ease;flex-shrink: 0}.opt-card:hover .opt-card-icon{transform: scale(1.1)}.opt-card-title{font-size: 1.2rem;font-weight: 800;color: var(--text-primary);margin: 0 0 0.45rem 0;line-height: 1.3}.opt-card-desc{font-size: 0.88rem;line-height: 1.5;color: var(--text-secondary);margin: 0 0 1.25rem 0;flex: 1}.opt-card-formats{display: flex;align-items: center;gap: 0.4rem;flex-wrap: wrap;margin-bottom: 1.25rem}.opt-format-chip{font-size: 0.72rem;font-weight: 700;padding: 0.2rem 0.55rem;border-radius: 6px;background: var(--bg-surface-raised);color: var(--text-muted);border: 1px solid var(--border-color);letter-spacing: 0.02em}.opt-card-btn{display: flex;align-items: center;justify-content: center;gap: 0.5rem;width: 100%;padding: 0.75rem 1rem;background: var(--brand-primary);color: #ffffff;border-radius: 10px;font-weight: 700;font-size: 0.9rem;text-decoration: none;transition: background 0.2s ease,transform 0.15s ease;border: none;cursor: pointer}.opt-card:hover .opt-card-btn{background: var(--brand-primary-hover,#4338ca)}.opt-all-modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.65);backdrop-filter: blur(6px);z-index: 99999;display: none;align-items: center;justify-content: center;padding: 1rem;opacity: 0;transition: opacity 0.25s ease}.opt-all-modal.active{display: flex;opacity: 1}.opt-all-modal-content{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 20px;width: 100%;max-width: 1080px;max-height: 85vh;display: flex;flex-direction: column;box-shadow: 0 25px 60px rgba(0,0,0,0.35);animation: modalSlideUp 0.3s cubic-bezier(0.16,1,0.3,1);overflow: hidden}@keyframes modalSlideUp{from{transform: translateY(20px) scale(0.97);opacity: 0}to{transform: translateY(0) scale(1);opacity: 1}}.opt-modal-header{padding: 1.5rem 2rem;border-bottom: 1px solid var(--border-color);display: flex;align-items: center;justify-content: space-between}.opt-modal-body{padding: 1.5rem 2rem;overflow-y: auto}.opt-modal-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 1.15rem}.side-by-side-wrap{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;width: 100%;margin-top: 1rem}@media (max-width: 768px){.side-by-side-wrap{grid-template-columns: 1fr}}.comparison-box{background: var(--bg-surface-raised);border: 1px solid var(--border-color);border-radius: 12px;padding: 0.75rem;text-align: center}.comparison-box-title{font-size: 0.8rem;font-weight: 700;text-transform: uppercase;color: var(--text-muted);margin-bottom: 0.5rem}.comparison-box img{max-width: 100%;max-height: 280px;object-fit: contain;border-radius: 8px}.batch-table th,.batch-table td{padding: 0.65rem 0.75rem;border-bottom: 1px solid var(--border-color)}.batch-table tbody tr:hover{background: var(--bg-surface-raised)}.status-pill{font-size: 0.72rem;font-weight: 700;padding: 0.2rem 0.5rem;border-radius: 999px;text-transform: uppercase}.status-pill.ready{background: rgba(59,130,246,0.15);color: #3b82f6}.status-pill.processing{background: rgba(245,158,11,0.15);color: #f59e0b}.status-pill.done{background: rgba(16,185,129,0.15);color: #10b981}.calc-stage-wrap{width: 100%;display: flex;flex-direction: column;gap: 1.25rem}.calc-hero-card{background: linear-gradient(135deg,var(--bg-surface-raised),var(--bg-surface));border: 1px solid var(--border-color);border-radius: 16px;padding: 1.75rem 1.5rem;text-align: center;box-shadow: 0 8px 24px rgba(0,0,0,0.04)}.calc-hero-val{font-size: 2.5rem;font-weight: 800;color: var(--brand-accent);letter-spacing: -0.02em;line-height: 1.15;margin: 0.5rem 0;word-break: break-word}.calc-stat-pills{display: grid;grid-template-columns: repeat(auto-fit,minmax(130px,1fr));gap: 0.75rem;margin-top: 1rem}.calc-pill{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 10px;padding: 0.65rem 0.5rem;text-align: center}.code-stage-wrap{width: 100%;display: flex;flex-direction: column;height: 100%}.code-stage-header{display: flex;justify-content: space-between;align-items: center;padding: 0.5rem 0.75rem;background: var(--bg-surface-raised);border: 1px solid var(--border-color);border-bottom: none;border-radius: 12px 12px 0 0;font-size: 0.8rem;font-weight: 700}.code-editor-box{width: 100%;height: 380px;font-family: var(--font-mono,monospace);font-size: 0.92rem;line-height: 1.6;padding: 1rem;background: var(--bg-surface);color: var(--text-primary);border: 1px solid var(--border-color);border-radius: 0 0 12px 12px;resize: vertical;white-space: pre;tab-size: 2}.serp-stage-wrap{width: 100%;max-width: 600px;margin: 0 auto}.serp-card{background: #ffffff;border: 1px solid #dadce0;border-radius: 14px;padding: 1.5rem 1.75rem;box-shadow: 0 4px 16px rgba(0,0,0,0.05);font-family: Arial,sans-serif;text-align: left}.serp-breadcrumb{font-size: 0.82rem;color: #202124;display: flex;align-items: center;gap: 0.4rem;margin-bottom: 0.35rem}.serp-title-link{font-size: 1.25rem;color: #1a0dab;font-weight: 400;line-height: 1.3;margin-bottom: 0.45rem;word-break: break-word;cursor: pointer}.serp-title-link:hover{text-decoration: underline}.serp-snippet{font-size: 0.88rem;color: #4d5156;line-height: 1.55;word-break: break-word}.serp-meters{display: flex;flex-direction: column;gap: 0.65rem;margin-top: 1.25rem}.serp-meter-bar{height: 6px;background: var(--border-color);border-radius: 999px;overflow: hidden}.invoice-stage-wrap{width: 100%;max-width: 650px;margin: 0 auto}.invoice-a4-sheet{background: #ffffff;color: #1f2937;border: 1px solid #e5e7eb;border-radius: 12px;padding: 2rem 2.25rem;box-shadow: 0 10px 30px rgba(0,0,0,0.08);font-size: 0.88rem;line-height: 1.5;text-align: left}.invoice-sheet-header{display: flex;justify-content: space-between;border-bottom: 2px solid #3b82f6;padding-bottom: 1.25rem;margin-bottom: 1.5rem}.invoice-sheet-table{width: 100%;border-collapse: collapse;margin: 1.25rem 0;font-size: 0.85rem}.invoice-sheet-table th,.invoice-sheet-table td{padding: 0.6rem 0.75rem;border-bottom: 1px solid #f3f4f6}.invoice-sheet-table th{background: #f9fafb;font-weight: 700;text-align: left}.sheet-stage-wrap{width: 100%;display: flex;flex-direction: column}.sheet-table-scroll{max-height: 380px;overflow: auto;border: 1px solid var(--border-color);border-radius: 12px;background: var(--bg-surface)}.sheet-data-table{width: 100%;border-collapse: collapse;font-size: 0.85rem}.sheet-data-table th,.sheet-data-table td{padding: 0.55rem 0.85rem;border: 1px solid var(--border-color);white-space: nowrap}.sheet-data-table th{background: var(--bg-surface-raised);position: sticky;top: 0;font-weight: 700;z-index: 2}.ecom-upload-box{transition: all 0.25s ease}.ecom-upload-box:hover{border-color: #d97706;background: rgba(245,158,11,0.08)}.ecom-thumbnails-scroll::-webkit-scrollbar{height: 6px}.ecom-thumbnails-scroll::-webkit-scrollbar-thumb{background: var(--border-color);border-radius: 999px}.ecom-page-card{flex-shrink: 0;width: 90px;background: var(--bg-surface-raised);border: 2px solid var(--border-color);border-radius: 8px;padding: 0.35rem;cursor: pointer;text-align: center;transition: all 0.2s ease}.ecom-page-card:hover{border-color: #d97706}.ecom-page-card.active{border-color: #d97706;box-shadow: 0 0 0 3px rgba(217,119,6,0.25);background: rgba(217,119,6,0.05)}.ecom-page-card canvas{width: 100%;height: 95px;object-fit: contain;background: #ffffff;border-radius: 4px;display: block}.ecom-page-card-meta{display: flex;justify-content: space-between;align-items: center;font-size: 0.72rem;font-weight: 700;margin-top: 0.25rem;color: var(--text-secondary)}.ecom-crop-viewport{position: relative;width: 100%;min-height: 520px;max-height: 780px;overflow: auto;background: #0f172a;display: flex !important;align-items: flex-start !important;justify-content: center !important;padding: 1.5rem 1rem !important;user-select: none;scroll-behavior: smooth}#ecom-canvas-wrapper{position: relative;display: inline-block;margin: 0 auto !important;box-shadow: 0 10px 30px rgba(0,0,0,0.5);transform-origin: top center;transition: width 0.15s ease,height 0.15s ease}#ecom-source-canvas{display: block;background: #ffffff}.ecom-crop-box{box-sizing: border-box;position: absolute;border: 2px solid #f59e0b;box-shadow: 0 0 0 9999px rgba(0,0,0,0.58);cursor: move;z-index: 20}.ecom-handle{position: absolute;width: 12px;height: 12px;background: #ffffff;border: 2px solid #d97706;border-radius: 3px;box-shadow: 0 2px 4px rgba(0,0,0,0.3);z-index: 10}.handle-nw{top: -6px;left: -6px;cursor: nwse-resize}.handle-n{top: -6px;left: calc(50% - 6px);cursor: ns-resize}.handle-ne{top: -6px;right: -6px;cursor: nesw-resize}.handle-e{top: calc(50% - 6px);right: -6px;cursor: ew-resize}.handle-se{bottom: -6px;right: -6px;cursor: nwse-resize}.handle-s{bottom: -6px;left: calc(50% - 6px);cursor: ns-resize}.handle-sw{bottom: -6px;left: -6px;cursor: nesw-resize}.handle-w{top: calc(50% - 6px);left: -6px;cursor: ew-resize}.ecom-crop-info-pill{position: absolute;bottom: -28px;left: 50%;transform: translateX(-50%);background: rgba(15,23,42,0.9);color: #ffffff;font-size: 0.72rem;font-weight: 700;padding: 0.2rem 0.6rem;border-radius: 999px;white-space: nowrap;pointer-events: none;box-shadow: 0 2px 8px rgba(0,0,0,0.3)}.ecom-crop-item-card{background: var(--bg-surface-raised);border: 1.5px solid var(--border-color);border-radius: 12px;overflow: hidden;display: flex;flex-direction: column;transition: all 0.2s ease}.ecom-crop-item-card:hover{border-color: #d97706;box-shadow: 0 4px 12px rgba(0,0,0,0.06)}.ecom-crop-thumb-wrap{background: #ffffff;padding: 0.5rem;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid var(--border-color);min-height: 120px}.ecom-crop-thumb-wrap img{max-width: 100%;max-height: 110px;object-fit: contain;box-shadow: 0 2px 6px rgba(0,0,0,0.08)}.ecom-crop-card-body{padding: 0.65rem 0.75rem;display: flex;flex-direction: column;gap: 0.35rem}.ecom-crop-card-header{display: flex;justify-content: space-between;align-items: center}.ecom-serial-badge{font-family: var(--font-mono,monospace);font-weight: 800;font-size: 0.78rem;color: #d97706;background: rgba(217,119,6,0.12);padding: 0.15rem 0.5rem;border-radius: 6px}.ecom-crop-card-actions{display: flex;gap: 0.3rem;margin-top: 0.4rem;border-top: 1px solid var(--border-color);padding-top: 0.4rem}.ecom-crop-card-actions button{flex: 1;padding: 0.3rem;font-size: 0.72rem;border-radius: 6px}@media print{body *{visibility: hidden !important}#a4-print-container,#a4-print-container *{visibility: visible !important}#a4-print-container{display: block !important;position: absolute !important;left: 0 !important;top: 0 !important;width: 100% !important;margin: 0 !important;padding: 0 !important;background: transparent !important}.a4-print-sheet{page-break-after: always !important;break-after: page !important;width: 100vw !important;height: 100vh !important;display: flex !important;align-items: center !important;justify-content: center !important;margin: 0 !important;padding: 0 !important}.a4-print-sheet img{max-width: 100% !important;max-height: 100% !important;width: auto !important;height: auto !important;display: block !important}@page{size: A4 portrait;margin: 0}}.legal-workspace-container{max-width: 1480px;margin: 0 auto;padding: 1.5rem 1.5rem 4rem}.legal-header-card{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 18px;padding: 1.5rem 2rem;margin-bottom: 1.75rem;box-shadow: 0 4px 20px rgba(0,0,0,0.03);display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 1.5rem}.legal-builder-workbench{display: grid;grid-template-columns: minmax(360px,460px) minmax(0,1fr);gap: 2rem;align-items: start;margin-bottom: 3.5rem;width: 100%;box-sizing: border-box}@media (max-width: 1120px){.legal-builder-workbench{grid-template-columns: 1fr}}.legal-wizard-column{display: flex;flex-direction: column;gap: 1.25rem;min-width: 0}.legal-preview-column{display: flex;flex-direction: column;gap: 1.25rem;background: #f1f5f9;border: 1px solid #cbd5e1;border-radius: 20px;padding: 1.5rem;box-shadow: 0 4px 20px rgba(0,0,0,0.04);position: sticky;top: 1.25rem;align-self: start;max-height: calc(100vh - 2.5rem);overflow-y: auto;overflow-x: hidden;min-width: 0;z-index: 20;scrollbar-width: thin}@media (max-width: 1120px){.legal-preview-column{position: relative;top: 0;max-height: none;overflow: visible}}[data-theme="dark"] .legal-preview-column{background: #0b1120;border-color: #1e293b}.legal-outline-item{display: inline-block;padding: 0.35rem 0.75rem;border-radius: 999px;color: var(--text-secondary);text-decoration: none;font-size: 0.78rem;font-weight: 600;background: var(--bg-surface-raised);border: 1px solid var(--border-color);transition: all 0.15s ease;white-space: nowrap}.legal-outline-item:hover{background: rgba(79,70,229,0.1);color: var(--brand-primary);border-color: var(--brand-primary)}.legal-outline-item.active{background: var(--brand-primary);color: #ffffff;border-color: var(--brand-primary)}.legal-sheet-viewport{width: 100%;display: flex;flex-direction: column;align-items: center;padding: 0.5rem 0 2rem;box-sizing: border-box}.legal-paper-sheet{background: #ffffff !important;border: 1px solid rgba(203,213,225,0.9);border-radius: 6px;width: 100%;max-width: 794px;min-height: 1050px;padding: 3.5rem 4rem;box-shadow: 0 14px 40px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);font-family: Georgia,Cambria,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,serif;color: #1e293b;line-height: 1.85;box-sizing: border-box;word-break: break-word;overflow-wrap: break-word;position: relative;transition: box-shadow 0.2s ease}@media (max-width: 900px){.legal-paper-sheet{padding: 2rem 1.5rem}}[data-theme="dark"] .legal-paper-sheet{background: #1e293b !important;color: #f1f5f9;border-color: #334155;box-shadow: 0 14px 40px rgba(0,0,0,0.45)}.legal-paper-sheet:focus-within{box-shadow: 0 16px 48px rgba(79,70,229,0.16) !important}.legal-sheet-header-badge{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 0.35rem;padding: 0.45rem 0.85rem;margin-bottom: 1rem;background: rgba(255,255,255,0.7);border: 1px solid #cbd5e1;border-radius: 8px;font-size: 0.75rem;font-family: var(--font-sans,system-ui,sans-serif);color: #64748b;width: 100%;max-width: 794px;box-sizing: border-box}.legal-sheet-footer-page{display: flex;justify-content: space-between;align-items: center;margin-top: 3.5rem;padding-top: 1.25rem;border-top: 1px dashed #cbd5e1;font-size: 0.78rem;color: #64748b;font-family: var(--font-sans,system-ui,sans-serif)}.legal-doc-body h2{font-size: 1.35rem;font-weight: 800;color: #0f172a;margin: 2.25rem 0 0.85rem 0;padding-bottom: 0.5rem;border-bottom: 1px solid #e2e8f0;font-family: var(--font-sans,system-ui,sans-serif);letter-spacing: -0.01em}[data-theme="dark"] .legal-doc-body h2{color: #f8fafc;border-color: #334155}.legal-doc-body h3{font-size: 1.1rem;font-weight: 700;color: #1e293b;margin: 1.5rem 0 0.6rem 0;font-family: var(--font-sans,system-ui,sans-serif)}[data-theme="dark"] .legal-doc-body h3{color: #e2e8f0}.legal-doc-body p{margin: 0.85rem 0;line-height: 1.8;color: #334155}[data-theme="dark"] .legal-doc-body p{color: #cbd5e1}.legal-doc-body ul,.legal-doc-body ol{margin: 0.85rem 0 0.85rem 1.75rem;padding: 0;color: #334155}[data-theme="dark"] .legal-doc-body ul,[data-theme="dark"] .legal-doc-body ol{color: #cbd5e1}.legal-doc-body li{margin-bottom: 0.45rem;line-height: 1.75}.legal-doc-body strong{color: #0f172a}[data-theme="dark"] .legal-doc-body strong{color: #f8fafc}.legal-doc-body .legal-contact-box{background: #f8fafc;border: 1px solid #e2e8f0;border-left: 4px solid #4f46e5;border-radius: 10px;padding: 1.15rem 1.5rem;margin: 1.5rem 0;font-family: var(--font-sans,system-ui,sans-serif)}[data-theme="dark"] .legal-doc-body .legal-contact-box{background: #0f172a;border-color: #334155;border-left-color: #6366f1}.legal-doc-body.editing-active{background: #fafafa;outline: 2px dashed #4f46e5 !important;outline-offset: 10px;border-radius: 8px;cursor: text}[data-theme="dark"] .legal-doc-body.editing-active{background: #111827;outline-color: #818cf8 !important}.legal-modal-overlay{animation: legalFadeIn 0.2s ease-out}@keyframes legalFadeIn{from{opacity: 0;transform: scale(0.98)}to{opacity: 1;transform: scale(1)}}@media print{body *{visibility: hidden}#legal-paper-sheet,#legal-paper-sheet *{visibility: visible}#legal-paper-sheet{position: absolute;left: 0;top: 0;width: 100% !important;max-width: 100% !important;padding: 0 !important;box-shadow: none !important;border: none !important;background: transparent !important}.legal-doc-disclaimer{border-top: 1px solid #cbd5e1 !important;page-break-inside: avoid}}@media print{body.ats-printing *{visibility: hidden !important}body.ats-printing #ats-resume-sheet,body.ats-printing #ats-resume-sheet *{visibility: visible !important}body.ats-printing #ats-resume-sheet{position: absolute !important;left: 0 !important;top: 0 !important;width: 100% !important;max-width: 100% !important;padding: 0.5in !important;margin: 0 !important;box-shadow: none !important;border: none !important;background: #ffffff !important;color: #0f172a !important}}@media (max-width: 768px){.legal-workspace-container{padding: 0.85rem 0.65rem 2.5rem}.legal-header-card{flex-direction: column;align-items: stretch;gap: 1rem;padding: 1.25rem 1rem;border-radius: 14px}.legal-header-actions{display: grid !important;grid-template-columns: repeat(3,1fr) !important;gap: 0.45rem !important;width: 100% !important}.legal-header-actions .btn{width: 100%;justify-content: center;padding: 0.45rem 0.4rem !important;font-size: 0.76rem !important}#legal-publish-modal-btn{grid-column: 1 / -1 !important;min-height: 44px;font-size: 0.92rem !important}.legal-builder-workbench{grid-template-columns: 1fr;gap: 1.25rem;margin-bottom: 2rem}.legal-preview-column{padding: 0.85rem;border-radius: 14px}.legal-paper-sheet{padding: 1.5rem 1rem;border-radius: 12px;min-height: 400px}}@media (max-width: 640px){.lp-step-card div[style*="grid-template-columns:1fr 1fr"],.lp-step-card div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns: 1fr !important;gap: 0.85rem !important}.legal-sheet-header-badge{flex-direction: column;align-items: flex-start;gap: 0.25rem;font-size: 0.7rem;padding: 0.4rem 0.65rem}}@media (max-width: 480px){.legal-builder-workbench{grid-template-columns: 1fr !important;gap: 1rem;margin-bottom: 1.5rem;width: 100%;max-width: 100%}.legal-wizard-column,.legal-preview-column{width: 100%;max-width: 100%;box-sizing: border-box;overflow-x: hidden}.legal-header-actions{grid-template-columns: repeat(2,1fr) !important}.legal-doc-header h1{font-size: 1.25rem !important}.legal-doc-header > div{flex-direction: column !important;gap: 0.35rem !important;align-items: center !important;font-size: 0.8rem !important}.legal-paper-sheet{padding: 1.1rem 0.75rem !important;font-size: 0.86rem;line-height: 1.6;width: 100%;max-width: 100%;box-sizing: border-box}#publish-policy-modal>div,#unlock-policy-modal .modal-card{padding: 1.25rem !important;border-radius: 14px !important}}.companion-tools-suite{display: flex;flex-direction: column;gap: 0.85rem;margin-top: 1.5rem;padding-top: 1.25rem;border-top: 1px solid var(--border-color);width: 100%}.companion-suite-header{display: flex;justify-content: space-between;align-items: center;font-size: 0.82rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-muted);margin-bottom: 0.25rem}.companion-card{background: var(--bg-surface-raised);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 0.85rem;transition: all var(--transition-fast)}.companion-card:hover{border-color: rgba(79,70,229,0.25);box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.companion-label{display: block;font-size: 0.8rem;font-weight: 700;color: var(--text-secondary);margin-bottom: 0.45rem}.companion-card .btn-option,.companion-card .studio-tool-btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.35rem;padding: 0.45rem 0.65rem;font-size: 0.8rem;font-weight: 700;border-radius: var(--radius-sm);border: 1px solid var(--border-color);background: var(--bg-surface);color: var(--text-primary);cursor: pointer;white-space: nowrap;transition: all 0.2s cubic-bezier(0.16,1,0.3,1);min-height: 36px;width: 100%}.companion-card .btn-option:hover,.companion-card .studio-tool-btn:hover{background: var(--brand-primary-light);color: var(--brand-primary);border-color: rgba(79,70,229,0.35);transform: translateY(-1px)}.companion-card .btn-option.active,.companion-card .studio-tool-btn.active{background: var(--brand-primary);color: #ffffff;border-color: var(--brand-primary);box-shadow: 0 2px 8px rgba(79,70,229,0.3)}.studio-tool-btn:hover{background: var(--brand-primary-light);color: var(--brand-primary);border-color: rgba(79,70,229,0.3);transform: translateY(-1px)}.studio-tool-btn:active,.studio-tool-btn.active{background: var(--brand-primary);color: #ffffff;border-color: var(--brand-primary);box-shadow: 0 2px 8px rgba(79,70,229,0.3)}.studio-tool-btn span.icon{font-size: 0.95rem;display: inline-block;line-height: 1}.studio-telemetry-chip{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.25rem 0.6rem;font-size: 0.75rem;font-weight: 700;border-radius: 999px;background: rgba(16,185,129,0.1);color: #059669;border: 1px solid rgba(16,185,129,0.25);white-space: nowrap;flex-shrink: 0}.studio-telemetry-chip.idle{background: var(--bg-surface);color: var(--text-muted);border-color: var(--border-color)}.studio-telemetry-chip.accent{background: var(--brand-primary-light);color: var(--brand-primary);border-color: rgba(79,70,229,0.25)}.studio-pulse-dot{width: 7px;height: 7px;border-radius: 50%;background: #10b981;display: inline-block;box-shadow: 0 0 0 0 rgba(16,185,129,0.7);animation: studioPulse 2s infinite}@keyframes studioPulse{0%{transform: scale(0.95);box-shadow: 0 0 0 0 rgba(16,185,129,0.7)}70%{transform: scale(1);box-shadow: 0 0 0 6px rgba(16,185,129,0)}100%{transform: scale(0.95);box-shadow: 0 0 0 0 rgba(16,185,129,0)}}.studio-find-replace-bar{display: flex;align-items: center;gap: 0.5rem;padding: 0.65rem 1rem;background: var(--bg-surface-raised);border-bottom: 1px solid var(--border-color);flex-wrap: wrap}.studio-find-input{padding: 0.35rem 0.65rem;font-size: 0.82rem;border-radius: 8px;border: 1px solid var(--border-color);background: var(--bg-surface);color: var(--text-primary);min-width: 150px;flex: 1}.studio-find-input:focus{outline: none;border-color: var(--brand-primary);box-shadow: 0 0 0 2px var(--brand-primary-light)}.studio-watermark-drawer{background: var(--bg-surface-raised);border-bottom: 1px solid var(--border-color);padding: 0.75rem 1rem;display: none;flex-wrap: wrap;gap: 0.75rem;align-items: center}.studio-watermark-drawer.open{display: flex}@media (max-width: 768px){.companion-tools-suite{margin-top: 1rem;padding-top: 1rem;gap: 0.75rem}.companion-card .btn-option,.companion-card .studio-tool-btn{padding: 0.5rem 0.5rem;font-size: 0.78rem;min-height: 40px}.studio-find-input{min-width: 100%}}.brush-cursor-ring{pointer-events: none;border-radius: 50%;position: fixed;transform: translate(-50%,-50%);z-index: 99999;border: 2px solid #ffffff;box-shadow: 0 0 0 1px rgba(0,0,0,0.85),inset 0 0 0 1px rgba(0,0,0,0.35);transition: width 0.05s ease,height 0.05s ease,border-color 0.15s ease}[data-tool-slug="remove-background"] #workspace-canvas{cursor: crosshair;background-image: linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size: 16px 16px;background-position: 0 0,0 8px,8px -8px,-8px 0px}[data-bg-engine].active,[data-bg-color].active,#brush-mode-erase.active,#brush-mode-restore.active{background: var(--brand-primary) !important;color: #ffffff !important;border-color: var(--brand-primary) !important;font-weight: 700;box-shadow: 0 2px 8px rgba(79,70,229,0.25)}#brush-mode-erase.active{background: #ef4444 !important;border-color: #ef4444 !important;box-shadow: 0 2px 8px rgba(239,68,68,0.3)}#brush-mode-restore.active{background: #10b981 !important;border-color: #10b981 !important;box-shadow: 0 2px 8px rgba(16,185,129,0.3)}@media (max-width: 480px){.workspace-container{padding: 0.6rem 0.45rem 2.5rem !important}.workspace-header{gap: 0.65rem;margin-bottom: 0.85rem}.workspace-title{font-size: 1.35rem !important}.workspace-controls-panel{padding: 0.95rem 0.75rem !important;border-radius: 12px !important}.control-tabs-bar{gap: 0.25rem !important;overflow-x: auto !important;-webkit-overflow-scrolling: touch}.control-tab-btn{padding: 0.45rem 0.65rem !important;font-size: 0.76rem !important;white-space: nowrap !important}.companion-card{padding: 0.75rem 0.65rem !important}.companion-card .btn-option,.companion-card .studio-tool-btn{font-size: 0.74rem !important;padding: 0.4rem 0.35rem !important;min-height: 38px !important}.preview-panel-header{padding: 0.6rem 0.75rem !important;font-size: 0.8rem !important}.preview-tools-bar{overflow-x: auto !important;flex-wrap: nowrap !important;-webkit-overflow-scrolling: touch;padding-bottom: 3px !important}.preview-canvas-viewport{min-height: 280px !important;max-height: 480px !important;padding: 0.75rem !important}#qr-preview-view{width: 100% !important;padding: 0.5rem 0 !important}#qr-code-display-box{padding: 1.25rem 1rem !important;max-width: 270px !important}#qr-canvas{max-width: 220px !important;height: auto !important}#qr-caption-display{max-width: 220px !important;font-size: 0.88rem !important}.opt-card{padding: 1.25rem 1rem !important;border-radius: 14px !important}.opt-card-title{font-size: 1.15rem !important}.opt-card-btn{min-height: 44px !important;font-size: 0.92rem !important}}.video-player-wrap{width: 100%;max-width: 640px;display: flex;align-items: center;justify-content: center;background: #090d16;border-radius: 16px;overflow: hidden;box-shadow: 0 12px 32px rgba(0,0,0,0.45);border: 1px solid rgba(255,255,255,0.1);transition: all 0.3s cubic-bezier(0.4,0,0.2,1);margin: 0 auto}.video-player-wrap video{width: 100%;height: 100%;max-height: 440px;object-fit: contain;display: block}.video-player-wrap.aspect-16-9{aspect-ratio: 16 / 9;max-width: 640px}.video-player-wrap.aspect-9-16{aspect-ratio: 9 / 16;max-width: 270px;max-height: 480px;border: 2px solid var(--brand-primary);box-shadow: 0 12px 36px rgba(79,70,229,0.3)}.video-player-wrap.aspect-1-1{aspect-ratio: 1 / 1;max-width: 380px;max-height: 380px;border: 2px solid var(--brand-primary);box-shadow: 0 12px 36px rgba(79,70,229,0.3)}.video-player-wrap.aspect-auto{max-width: 640px}@media (max-width: 1024px){.workspace-preview-panel{position: relative !important;top: 0 !important;max-height: none !important;overflow: visible !important}}body.ws-fullscreen-active{overflow: hidden !important}#tool-workspace:fullscreen,#tool-workspace:-webkit-full-screen{background: var(--bg-body,#f8fafc) !important;padding: 1.5rem !important;overflow-y: auto !important;width: 100vw !important;height: 100vh !important;box-sizing: border-box !important}[data-theme="dark"] #tool-workspace:fullscreen,[data-theme="dark"] #tool-workspace:-webkit-full-screen{background: #090d16 !important}.ws-fullscreen-target{position: fixed !important;inset: 0 !important;z-index: 99999 !important;background: var(--bg-body,#f8fafc) !important;padding: 1.5rem !important;overflow-y: auto !important;width: 100vw !important;height: 100vh !important;box-sizing: border-box !important}[data-theme="dark"] .ws-fullscreen-target{background: #090d16 !important}@media (max-width: 768px){.legal-stage-grid{grid-template-columns: 1fr !important;gap: 1rem !important}.legal-outline-card{position: static !important;max-height: 220px !important;margin-bottom: 1rem !important}.legal-stage-toolbar{flex-direction: column !important;align-items: stretch !important;gap: 0.5rem !important}.legal-stage-toolbar > div{display: flex !important;flex-wrap: wrap !important;gap: 0.4rem !important;width: 100% !important}.legal-stage-toolbar .btn{flex: 1 1 auto !important;text-align: center !important;justify-content: center !important}}@media (max-width: 1024px){.ats-builder-grid{grid-template-columns: 1fr !important;gap: 1.25rem !important}}@media (max-width: 640px){.ats-builder-grid .ats-editor-panel{padding: 1rem !important}.ats-tabs-nav{gap: 0.25rem !important;padding-bottom: 0.5rem !important}.ats-tab-btn{font-size: 0.74rem !important;padding: 0.35rem 0.55rem !important;white-space: nowrap !important}.ats-tab-content div[style*="grid-template-columns:1fr 1fr"],.ats-tab-content div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns: 1fr !important}.ats-resume-paper{padding: 1.25rem 0.85rem !important;font-size: 8.5pt !important;min-height: auto !important}}@media (max-width: 768px){.withdrawal-page-container{padding: 1.25rem 0.75rem 3rem !important}.withdrawal-grid{grid-template-columns: 1fr !important;gap: 1.25rem !important}}@media (max-width: 480px){.withdrawal-bank-cols{grid-template-columns: 1fr !important;gap: 0.5rem !important}}@media (max-width: 640px){.referral-page-container{padding: 1rem 0.75rem 3.5rem !important}.referral-page-container div[style*="padding: 3rem 2.5rem"],.referral-page-container div[style*="padding: 2.25rem"]{padding: 1.35rem 1rem !important;border-radius: 16px !important}.referral-page-container h1{font-size: 1.65rem !important}}.redirect-flow-card{background:var(--bg-surface-raised);border:1px solid var(--border-color);border-radius:14px;padding:1.25rem;margin-bottom:1.25rem}.redirect-flow-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:0.85rem;align-items:center}.redir-server-tab{padding:0.45rem 0.75rem;font-size:0.8rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.redir-server-tab.active{background:var(--brand-primary) !important;color:#fff !important;border-color:var(--brand-primary) !important;box-shadow:0 2px 8px rgba(79,70,229,0.35)}@media (max-width: 640px){.redirect-flow-grid{grid-template-columns:1fr;gap:0.65rem}.redirect-flow-grid span[style*="font-size:1.4rem"]{transform:rotate(90deg);margin:0.25rem auto}}.redir-terminal-copy-btn{background:#1e293b !important;color:#f8fafc !important;border:1px solid #334155 !important;padding:0.38rem 0.85rem !important;border-radius:8px !important;font-size:0.8rem !important;font-weight:700 !important;display:inline-flex !important;align-items:center !important;gap:0.4rem !important;cursor:pointer !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;line-height:1.2 !important;user-select:none !important;box-shadow:0 2px 6px rgba(0,0,0,0.25) !important}.redir-terminal-copy-btn:hover{background:#334155 !important;color:#ffffff !important;border-color:#64748b !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,0,0,0.4) !important}.redir-terminal-copy-btn:active{transform:translateY(0) !important}.redir-terminal-copy-btn.copied{background:#059669 !important;color:#ffffff !important;border-color:#10b981 !important;box-shadow:0 0 16px rgba(16,185,129,0.45) !important}.redir-top-copy-btn{transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important}.redir-top-copy-btn.copied{background:#059669 !important;color:#ffffff !important;border-color:#10b981 !important;box-shadow:0 0 16px rgba(16,185,129,0.35) !important}.preview-canvas-viewport.workbench-mode{display:block !important;align-items:flex-start !important;justify-content:flex-start !important;padding:1.25rem !important;min-height:auto !important;max-height:none !important;overflow-y:visible !important}#redirect-stage-view{margin-top:0 !important;width:100% !important}