@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&family=Dancing+Script:wght@400;500;600;700&family=Great+Vibes&family=Sacramento&display=swap";.dashboard{max-width:90rem;margin:0 auto}.dashboard-hero{text-align:center;padding-top:2rem;margin-bottom:3rem}@media(min-width:768px){.dashboard-hero{padding-top:3rem;margin-bottom:4rem}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--titan-50);border:1px solid var(--titan-200);border-radius:9999px;font-size:.875rem;font-weight:600;color:var(--titan-700);margin-bottom:1.5rem}.dark .hero-badge{background:#1a2b934d;border-color:var(--titan-800);color:var(--titan-300)}.hero-title{font-size:2.25rem;font-weight:900;letter-spacing:-.05em;line-height:1.1;margin-bottom:1.5rem}.hero-title>span:first-child{color:var(--text-primary)}@media(min-width:640px){.hero-title{font-size:3rem}}@media(min-width:768px){.hero-title{font-size:3.75rem}}@media(min-width:1024px){.hero-title{font-size:4.5rem}}.hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:42rem;margin:0 auto;line-height:1.75}@media(min-width:640px){.hero-description{font-size:1.25rem}}.tools-section{margin-bottom:3rem}.tools-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}@media(min-width:640px){.tools-title{font-size:1.875rem}}.tools-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:1.5rem;text-align:left;transition:var(--transition-base);box-shadow:var(--shadow-lg);overflow:hidden;cursor:pointer}@media(min-width:640px){.tool-card{padding:2rem}}.tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;transition:var(--transition-base)}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.tool-card:hover:before{opacity:.2}.tool-card:active{transform:translateY(-2px)}.tool-card-orange:before{background:linear-gradient(135deg,#f97316,#ea580c)}.tool-card-blue:before{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.tool-card-purple:before{background:linear-gradient(135deg,#6366f1,#a855f7)}.tool-card-green:before{background:linear-gradient(135deg,#10b981,#059669)}.tool-card-pink:before{background:linear-gradient(135deg,#ec4899,#f43f5e)}.tool-card-violet:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tool-card-cyan:before{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.tool-card-teal:before{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.tool-card-red:before{background:linear-gradient(135deg,#ef4444,#ec4899)}.tool-icon{position:relative;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-2xl);color:#fff;box-shadow:var(--shadow-lg);margin-bottom:1rem}@media(min-width:640px){.tool-icon{width:4rem;height:4rem}}.tool-icon-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.tool-icon-blue{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.tool-icon-purple{background:linear-gradient(135deg,#6366f1,#a855f7)}.tool-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.tool-icon-pink{background:linear-gradient(135deg,#ec4899,#f43f5e)}.tool-icon-violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tool-icon-cyan{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.tool-icon-teal{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.tool-icon-red{background:linear-gradient(135deg,#ef4444,#ec4899)}.tool-title{position:relative;z-index:10;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}@media(min-width:640px){.tool-title{font-size:1.5rem}}.tool-description{position:relative;z-index:10;font-size:.875rem;color:var(--text-secondary)}@media(min-width:640px){.tool-description{font-size:1rem}}.info-banner{background:var(--bg-primary);border:2px solid var(--titan-200);border-radius:var(--radius-2xl);padding:2rem;text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.info-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--titan-50) 0%,#f3e8ff 100%);opacity:.5;z-index:0}.dark .info-banner{border-color:var(--titan-800)}.dark .info-banner:before{background:linear-gradient(135deg,#1a2b9333,#9333ea33)}@media(min-width:640px){.info-banner{padding:2.5rem}}.banner-title{position:relative;z-index:10;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(min-width:640px){.banner-title{font-size:1.875rem}}.banner-description{position:relative;z-index:10;color:var(--text-secondary);margin-bottom:1.5rem;max-width:42rem;margin-left:auto;margin-right:auto;line-height:1.75}.feature-badges{position:relative;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;font-size:.875rem}.feature-badge{padding:.5rem 1rem;background:var(--bg-primary);border-radius:9999px;font-weight:600;color:var(--text-primary);box-shadow:var(--shadow-sm)}.drag-drop-zone{position:relative}.drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b5fff1a;border:4px dashed var(--titan-500);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dark .drag-overlay{background:#3b5fff33;border-color:var(--titan-400)}.drag-message{background:var(--bg-primary);padding:1.5rem 2rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:2px solid var(--titan-500)}.dark .drag-message{border-color:var(--titan-400)}.drag-message-text{color:var(--titan-900);font-weight:700;font-size:1.25rem}.dark .drag-message-text{color:var(--titan-100)}.merge-header{text-align:center;margin-bottom:1.5rem}.merge-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:linear-gradient(135deg,#3b5fff,#2545ff);border-radius:var(--radius-2xl);box-shadow:0 10px 40px -10px #3b5fff66;margin-bottom:.5rem;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b5fff66}50%{box-shadow:0 0 40px #3b5fff99}}.merge-title{font-size:1.875rem;font-weight:900;letter-spacing:-.05em;color:var(--text-primary);margin-bottom:.75rem}@media(min-width:640px){.merge-title{font-size:2.25rem}}@media(min-width:768px){.merge-title{font-size:3rem}}.merge-subtitle{font-size:.875rem;color:var(--text-secondary);max-width:32rem;margin:0 auto}@media(min-width:640px){.merge-subtitle{font-size:1rem}}.merge-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;border:2px dashed var(--gray-300);border-radius:var(--radius-xl);transition:var(--transition-base)}.dark .merge-empty-state{border-color:var(--gray-600)}.merge-empty-state:hover{border-color:var(--titan-400);background:#3b5fff0d}.dark .merge-empty-state:hover{border-color:var(--titan-500);background:#3b5fff1a}@media(min-width:640px){.merge-empty-state{padding:4rem 1rem}}.merge-upload-icon{display:flex;align-items:center;justify-content:center;padding:1.25rem;background:linear-gradient(135deg,#3b5fff,#2545ff);border-radius:var(--radius-2xl);color:#fff;box-shadow:0 10px 40px -10px #3b5fff66;margin-bottom:1.5rem}.files-header{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}@media(min-width:640px){.files-header{flex-direction:row;align-items:center;justify-content:space-between}}.files-count{display:flex;align-items:center;gap:.5rem}.files-count-number{font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,#3b5fff,#2545ff,#1d35e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.files-count-label{font-weight:600;color:var(--text-secondary)}.files-list{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto;padding-right:.25rem}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:var(--transition-base)}.file-item:hover{border-color:var(--titan-300);background:var(--bg-primary)}.dark .file-item:hover{border-color:var(--titan-600);background:var(--gray-700)}.file-drag-handle{display:flex;flex-direction:column;gap:.125rem;color:var(--gray-400);cursor:move}.file-drag-dot{height:.25rem;width:.25rem;background:currentColor;border-radius:50%}.file-item-icon{flex-shrink:0;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-md)}.file-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;color:var(--text-primary)}.file-item-actions{display:flex;align-items:center;gap:.25rem;opacity:0;transition:var(--transition-base)}.file-item:hover .file-item-actions{opacity:1}.file-action-btn{padding:.375rem;border-radius:var(--radius-md);transition:var(--transition-base);color:var(--text-secondary)}.file-action-btn:hover{background:var(--bg-secondary)}.dark .file-action-btn:hover{background:var(--gray-700)}.file-action-btn:disabled{opacity:.3;cursor:not-allowed}.file-action-divider{width:1px;height:1rem;background:var(--border-color);margin:0 .25rem}.file-action-btn.delete:hover{background:#ef44441a;color:#ef4444}.dark .file-action-btn.delete:hover{background:#ef444433;color:#f87171}.tool-container{max-width:75rem;margin:0 auto}.tool-header{text-align:center;margin-bottom:2.5rem}.tool-heading{font-size:2.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem}@media(min-width:768px){.tool-heading{font-size:3rem}}.tool-subheading{font-size:1.125rem;color:var(--text-secondary);font-weight:300}@media(min-width:768px){.tool-subheading{font-size:1.25rem}}.tool-card-main{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:1rem;min-height:450px;box-shadow:var(--shadow-lg)}@media(min-width:640px){.tool-card-main{padding:2rem}}.upload-zone{height:24rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--gray-300);border-radius:var(--radius-2xl);padding:1rem;background:linear-gradient(to bottom,var(--gray-50),var(--bg-primary));transition:var(--transition-base);position:relative;z-index:1}.dark .upload-zone{border-color:var(--gray-600);background:linear-gradient(to bottom,var(--gray-800),var(--gray-900))}.upload-zone:hover{border-color:var(--gray-400);background:linear-gradient(to bottom,var(--gray-100),var(--gray-50))}.dark .upload-zone:hover{border-color:var(--gray-500);background:linear-gradient(to bottom,var(--gray-700),var(--gray-800))}@media(min-width:640px){.upload-zone{padding:0}}.upload-icon-wrapper{padding:1rem;border-radius:var(--radius-2xl);color:#fff;box-shadow:var(--shadow-xl);margin-bottom:1.5rem}@media(min-width:640px){.upload-icon-wrapper{padding:1.25rem;margin-bottom:2rem}}.upload-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.upload-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.upload-title{color:var(--text-primary);font-weight:700;font-size:1.125rem;margin-bottom:.5rem;text-align:center}@media(min-width:640px){.upload-title{font-size:1.25rem;margin-bottom:.75rem}}.upload-subtitle{color:var(--text-secondary);font-size:.875rem;margin-bottom:2rem;text-align:center;padding:0 1rem}@media(min-width:640px){.upload-subtitle{font-size:1rem;margin-bottom:2.5rem}}.file-info-bar{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}@media(min-width:640px){.file-info-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:0}}.file-info{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}@media(min-width:640px){.file-info{gap:.75rem}}.file-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-sm);flex-shrink:0;background:linear-gradient(135deg,#ef4444,#dc2626)}@media(min-width:640px){.file-icon-wrapper{padding:.625rem}}.file-name{color:var(--text-primary);font-weight:600;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.file-name{font-size:1.125rem}}.remove-button{padding:.625rem;color:#ef4444;border-radius:var(--radius-xl);transition:var(--transition-base);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;align-self:flex-end}.remove-button:hover{background:#ef44441a}.dark .remove-button{color:#f87171}.dark .remove-button:hover{background:#ef444433}@media(min-width:640px){.remove-button{align-self:auto}}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-height:500px;overflow-y:auto;padding-right:.5rem}@media(max-width:479px){.image-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media(min-width:480px)and (max-width:639px){.image-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:640px){.image-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:768px){.image-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.image-grid{grid-template-columns:repeat(5,1fr)}}.image-card{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-2xl);overflow:hidden;border:2px solid var(--border-color);background:var(--bg-tertiary);box-shadow:var(--shadow-md);transition:var(--transition-base)}.image-card:hover{box-shadow:var(--shadow-lg);border-color:var(--gray-300);transform:scale(1.05)}.dark .image-card:hover{border-color:var(--gray-600)}.image-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-base)}.image-card:hover .image-overlay{opacity:1}@media(max-width:639px){.image-overlay{opacity:0}}.overlay-delete-btn{padding:.75rem;background:#fff;color:#ef4444;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:var(--transition-base);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.dark .overlay-delete-btn{background:var(--gray-800);color:#f87171}.overlay-delete-btn:hover{background:#fee2e2;transform:scale(1.1)}.dark .overlay-delete-btn:hover{background:#ef44444d}.mobile-delete-btn{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background:#fffffff2;color:#ef4444;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dark .mobile-delete-btn{background:#1f2937f2;color:#f87171}@media(min-width:640px){.mobile-delete-btn{display:none}}.image-label{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.5rem;border-top:1px solid var(--border-color)}.dark .image-label{background:#1f2937f2}@media(min-width:640px){.image-label{padding:.625rem}}.image-label-text{font-size:.75rem;font-weight:500;color:var(--text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .image-label-text{color:var(--text-secondary)}.add-more-card{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:3 / 4;border:2px dashed var(--gray-300);border-radius:var(--radius-2xl);cursor:pointer;transition:var(--transition-base);background:var(--bg-tertiary);min-height:120px}.dark .add-more-card{border-color:var(--gray-600)}.add-more-card:hover{background:var(--bg-secondary);border-color:var(--gray-400)}.dark .add-more-card:hover{background:var(--gray-700);border-color:var(--gray-500)}.add-more-icon-wrapper{background:var(--bg-tertiary);padding:.75rem;border-radius:var(--radius-2xl);margin-bottom:.75rem;transition:var(--transition-base)}.add-more-card:hover .add-more-icon-wrapper{background:var(--bg-primary);box-shadow:var(--shadow-md)}.dark .add-more-icon-wrapper{background:var(--gray-700)}.dark .add-more-card:hover .add-more-icon-wrapper{background:var(--gray-600)}@media(min-width:640px){.add-more-icon-wrapper{padding:1rem;margin-bottom:1rem}}.add-more-icon{width:1.75rem;height:1.75rem;color:var(--text-tertiary);transition:var(--transition-base)}.add-more-card:hover .add-more-icon{color:var(--text-primary)}@media(min-width:640px){.add-more-icon{width:2rem;height:2rem}}.add-more-text{font-size:.75rem;color:var(--text-secondary);font-weight:600;padding:0 .5rem;text-align:center;transition:var(--transition-base)}.add-more-card:hover .add-more-text{color:var(--text-primary)}@media(min-width:640px){.add-more-text{font-size:.875rem}}.processing-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.processing-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--titan-600);width:2.5rem;height:2.5rem;animation:spin 1s linear infinite;margin-bottom:.75rem}.dark .processing-spinner{border-color:#ffffff1a;border-top-color:var(--titan-400)}@media(min-width:640px){.processing-spinner{width:3rem;height:3rem;margin-bottom:1rem}}.processing-text{color:var(--text-secondary);font-weight:500;font-size:.875rem}@media(min-width:640px){.processing-text{font-size:1rem}}.action-bar{display:flex;justify-content:center;padding-top:1rem}:root{--titan-50: #f0f4ff;--titan-100: #dce4ff;--titan-200: #c1cfff;--titan-300: #96afff;--titan-400: #6485ff;--titan-500: #3b5fff;--titan-600: #2545ff;--titan-700: #1d35e8;--titan-800: #1a2fbb;--titan-900: #1a2b93;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #334155}:root:not(.dark){--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--border-color: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:radial-gradient(ellipse at top,#f0f4ff,#fff,#fafbfc);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden;min-height:100vh}.app,.main-content{overflow-x:hidden;max-width:100vw}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(pointer:coarse),(max-width:767px){button:not(.no-min-size),a:not(.no-min-size),[role=button]:not(.no-min-size){min-height:44px;min-width:44px}}button:focus-visible,a:focus-visible{outline:2px solid var(--titan-500);outline-offset:2px}.dark body{background:radial-gradient(ellipse at top,#1a2b93,#0f172a 40%,#020617)}h1,h2,h3,h4,h5,h6{font-family:Outfit,Inter,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem 1rem;max-width:1280px;margin:0 auto;width:100%}@media(min-width:768px){.main-content{padding:3rem 2rem}}.header{position:sticky;top:0;z-index:100;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffe6;border-bottom:1px solid var(--border-color)}.dark .header{background:#0f172ae6}.header-content{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1rem;max-width:1280px;margin:0 auto}@media(min-width:768px){.header-content{padding:0 2rem}}.logo-button{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:var(--radius-lg);transition:var(--transition-base)}.logo-button:hover{transform:scale(1.05)}.logo-button:focus-visible{outline:2px solid var(--titan-500);outline-offset:2px}.logo-image{height:2rem;width:auto}.logo-text{display:flex;flex-direction:column;gap:0}.logo-title{font-size:1.25rem;font-weight:900;letter-spacing:-.05em;background:linear-gradient(135deg,#3b5fff,#2545ff,#1d35e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.logo-subtitle{font-size:.625rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;line-height:1}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:.625rem;border-radius:var(--radius-lg);background:var(--bg-tertiary);transition:var(--transition-base)}.theme-toggle:hover{background:var(--gray-300);transform:scale(1.05)}.dark .theme-toggle:hover{background:var(--gray-700)}.theme-icon{width:1.25rem;height:1.25rem}.theme-icon.sun{color:#f59e0b}.theme-icon.moon{color:var(--gray-600)}.footer{border-top:1px solid var(--border-color);padding:1.5rem 1rem;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffe6}.dark .footer{background:#0f172ae6}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;max-width:1280px;margin:0 auto;font-size:.875rem}@media(min-width:768px){.footer-content{flex-direction:row}}.footer-content p{color:var(--text-secondary);font-weight:500}.privacy-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;font-weight:600;color:#059669;font-size:.875rem}.dark .privacy-badge{background:#10b9811a;border-color:#10b9814d;color:#34d399}.lock-icon{font-size:1.125rem;color:#10b981}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);transition:var(--transition-base);padding:2rem}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--radius-xl);font-weight:600;font-size:1rem;transition:var(--transition-base);cursor:pointer;border:none;outline:none;min-height:44px;width:100%;position:relative;overflow:hidden;z-index:10;pointer-events:auto}@media(min-width:640px){.btn{width:auto;min-width:180px}}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#3b5fff,#2545ff);color:#fff;box-shadow:0 4px 14px #3b5fff63}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3b5fff80;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px #3b5fff66}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--gray-400)}.dark .btn-secondary:hover:not(:disabled){background:var(--gray-700);border-color:var(--gray-600)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444463}.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #ef444480;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-primary);width:auto;min-width:auto;box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);transform:none;box-shadow:none}.dark .btn-ghost{color:var(--text-primary)}.dark .btn-ghost:hover:not(:disabled){background:var(--gray-700)}.btn-ghost svg{color:inherit}.btn-primary svg{color:#fff}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98163}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98180;transform:translateY(-1px)}.btn-sm{padding:.625rem 1.25rem;font-size:.875rem;min-height:36px}.btn-lg{padding:1.125rem 2.5rem;font-size:1.125rem;min-height:52px}@media(min-width:640px){.btn-lg{padding:1.25rem 3rem}}.w-12{width:3rem!important;min-width:3rem}.h-12{height:3rem!important;min-height:3rem}.w-16{width:4rem}.w-20{width:5rem}.h-px{height:1px}.btn.w-12.h-12,.btn.w-12{padding:0!important;flex-shrink:0}.flex-1{flex:1}.overflow-hidden{overflow:hidden}.bg-white{background:#fff}.shadow-sm{box-shadow:var(--shadow-sm)}.dark .bg-white{background:var(--gray-800)}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.sign-canvas-area{justify-content:flex-start;padding:.5rem}@media(min-width:640px){.sign-canvas-area{justify-content:center;padding:1.5rem}}@media(min-width:768px){.sign-canvas-area{padding:2rem}}.min-w-\[36px\],.min-h-\[36px\]{min-width:36px;min-height:36px}.min-w-\[32px\],.min-h-\[32px\]{min-width:32px;min-height:32px}.bg-gray-100{background:var(--bg-tertiary)}.dark .bg-gray-100{background:var(--gray-700)}.bg-gray-200{background:var(--gray-200)}.dark .bg-gray-200{background:var(--gray-600)}.bg-gray-700,.dark .bg-gray-700{background:var(--gray-700)}.text-gray-700{color:var(--gray-700)}.dark .text-gray-700,.text-gray-200,.dark .text-gray-200{color:var(--gray-200)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.dark .text-gray-600{color:var(--gray-300)}.text-gray-900{color:var(--gray-900)}.dark .text-gray-900{color:var(--gray-100)}.text-white,.dark .text-white{color:#fff}.border-gray-200{border-color:var(--gray-200)}.dark .border-gray-200{border-color:var(--gray-700)}.border-gray-300{border-color:var(--gray-300)}.dark .border-gray-300,.border-gray-600{border-color:var(--gray-600)}.border-gray-700{border-color:var(--gray-700)}.bg-gray-300{background:var(--gray-300)}.bg-gray-600{background:var(--gray-600)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border:1px solid var(--border-color)}.border-2{border-width:2px}.border-b{border-bottom:1px solid var(--border-color)}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.w-px{width:1px}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.shrink-0,.flex-shrink-0{flex-shrink:0}.text-xs{font-size:.75rem}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.hover\:bg-white:hover{background:#fff}.dark .hover\:bg-gray-600:hover{background:var(--gray-600)}.dark .hover\:bg-gray-700:hover{background:var(--gray-700)}.hover\:bg-gray-100:hover{background:var(--gray-100)}.hover\:shadow-sm:hover{box-shadow:var(--shadow-sm)}.transition-all{transition:all .3s ease}.transition-colors{transition:color .3s ease,background-color .3s ease}.inline-flex{display:inline-flex}.inline-block{display:inline-block}.block{display:block}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.fixed{position:fixed}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur-md{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bg-black\/60{background:#0009}.bg-black\/80,.dark .bg-black\/80{background:#000c}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-h-\[95vh\]{max-height:95vh}.max-h-\[90vh\]{max-height:90vh}.max-w-7xl{max-width:80rem}.m-auto{margin:auto}.p-0\.5{padding:.125rem}.flex-wrap{flex-wrap:wrap}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.ring-1{box-shadow:0 0 0 1px #0000000d}.ring-2{box-shadow:0 0 0 2px var(--titan-500)}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.animate-in{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-10>*+*{margin-top:2.5rem}.bg-white\/90{background:#ffffffe6}.bg-white\/95{background:#fffffff2}.bg-gray-800\/80{background:#1f2937cc}.bg-gray-800\/90{background:#1f2937e6}.bg-gray-800\/95{background:#1f2937f2}.dark .bg-gray-800\/50{background:#1f293780}.dark .bg-gray-800\/80{background:#1f2937cc}.dark .bg-gray-800\/90{background:#1f2937e6}.dark .bg-gray-800\/95{background:#1f2937f2}.dark .bg-gray-900\/50{background:#11182780}.dark .bg-gray-900\/30{background:#1118274d}.dark .bg-gray-700\/50{background:#37415180}.dark .bg-red-900\/20{background:#7f1d1d33}.dark .bg-red-900\/30{background:#7f1d1d4d}.bg-green-50{background:#f0fdf4}.dark .bg-green-900\/20{background:#14532d33}.text-green-700{color:#15803d}.dark .text-green-300{color:#86efac}.text-green-900{color:#14532d}.dark .text-green-100{color:#dcfce7}.text-green-800{color:#166534}.dark .text-green-200{color:#bbf7d0}.text-green-600{color:#16a34a}.dark .text-green-400{color:#4ade80}.text-red-600{color:#dc2626}.dark .text-red-400{color:#f87171}.text-amber-600{color:#d97706}.dark .text-amber-400{color:#fbbf24}.border-green-200{border-color:#bbf7d0}.dark .border-green-800{border-color:#166534}.border-gray-200\/50{border-color:#e5e7eb80}.border-gray-200\/60{border-color:#e5e7eb99}.dark .border-gray-700\/50{border-color:#37415180}.dark .border-gray-700\/60{border-color:#37415199}.dark .ring-titan-400{box-shadow:0 0 0 2px var(--titan-400)}.ring-black\/5{box-shadow:0 0 0 1px #0000000d}.dark .ring-white\/10{box-shadow:0 0 0 1px #ffffff1a}.z-30{z-index:30}.z-90{z-index:90}.z-95{z-index:95}.z-100{z-index:100}.dark .dark\:bg-gray-600{background:var(--gray-600)}.dark .dark\:bg-gray-700{background:var(--gray-700)}.dark .dark\:bg-gray-700\/95{background:#374151f2}.dark .dark\:bg-gray-800{background:var(--gray-800)}.dark .dark\:bg-gray-800\/90{background:#1f2937e6}.dark .dark\:bg-gray-900{background:var(--gray-900)}.dark .dark\:bg-gray-900\/50{background:#11182780}.dark .dark\:bg-titan-900{background:var(--titan-900)}.dark .dark\:bg-titan-900\/20{background:#1a2b9333}.dark .dark\:bg-titan-900\/30{background:#1a2b934d}.dark .dark\:bg-amber-900\/20{background:#78350f33}.dark .dark\:bg-blue-900\/20{background:#1e3a8a33}.dark .dark\:bg-green-900\/20{background:#14532d33}.dark .dark\:bg-red-900\/20{background:#7f1d1d33}.dark .dark\:bg-red-900\/50{background:#7f1d1d80}.dark .dark\:hover\:bg-gray-600:hover{background:var(--gray-600)}.dark .dark\:hover\:bg-gray-700:hover{background:var(--gray-700)}.dark .dark\:text-white{color:#fff}.dark .dark\:text-gray-200{color:var(--gray-200)}.dark .dark\:text-gray-300{color:var(--gray-300)}.dark .dark\:text-gray-400{color:var(--gray-400)}.dark .dark\:text-gray-500{color:var(--gray-500)}.dark .dark\:text-gray-600{color:var(--gray-300)}.dark .dark\:text-titan-100{color:var(--titan-100)}.dark .dark\:text-titan-300{color:var(--titan-300)}.dark .dark\:text-titan-400{color:var(--titan-400)}.dark .dark\:text-amber-300{color:#fcd34d}.dark .dark\:text-amber-400{color:#fbbf24}.dark .dark\:text-blue-400{color:#60a5fa}.dark .dark\:text-green-100{color:#dcfce7}.dark .dark\:text-green-200{color:#bbf7d0}.dark .dark\:text-green-300{color:#86efac}.dark .dark\:text-green-400{color:#4ade80}.dark .dark\:text-red-300{color:#fca5a5}.dark .dark\:text-red-400{color:#f87171}.dark .dark\:border-gray-600{border-color:var(--gray-600)}.dark .dark\:border-gray-700{border-color:var(--gray-700)}.dark .dark\:border-gray-700\/60{border-color:#37415199}.dark .dark\:border-titan-400{border-color:var(--titan-400)}.dark .dark\:border-titan-700{border-color:var(--titan-700)}.dark .dark\:border-t-titan-400{border-top-color:var(--titan-400)}.dark .dark\:border-amber-800{border-color:#92400e}.dark .dark\:border-blue-400{border-color:#60a5fa}.dark .dark\:border-blue-800{border-color:#1e40af}.dark .dark\:border-green-800{border-color:#166534}.dark .dark\:border-red-800{border-color:#991b1b}.dark .dark\:border-red-900{border-color:#7f1d1d}.dark .dark\:ring-gray-600{box-shadow:0 0 0 2px var(--gray-600)}.dark .dark\:ring-titan-600{box-shadow:0 0 0 2px var(--titan-600)}::-moz-selection{background:#3b5fff59;color:inherit}::selection{background:#3b5fff59;color:inherit}.dark ::-moz-selection{background:#60a5fa73;color:#fff}.dark ::selection{background:#60a5fa73;color:#fff}.text-left{text-align:left}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wider{letter-spacing:.05em}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.font-light{font-weight:300}.font-normal{font-weight:400}.font-mono{font-family:Courier New,monospace}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cursor-pointer{cursor:pointer}.cursor-move{cursor:move}.cursor-crosshair{cursor:crosshair}.aspect-square{aspect-ratio:1 / 1}.bg-titan-50{background:var(--titan-50)}.bg-titan-100{background:var(--titan-100)}.bg-titan-500{background:var(--titan-500)}.bg-titan-600{background:var(--titan-600)}.bg-titan-900,.dark .bg-titan-900{background:var(--titan-900)}.dark .bg-titan-900\/30{background:#1a2b934d}.dark .bg-titan-900\/50{background:#1a2b9380}.text-titan-100{color:var(--titan-100)}.text-titan-300{color:var(--titan-300)}.text-titan-400{color:var(--titan-400)}.text-titan-600{color:var(--titan-600)}.text-titan-700{color:var(--titan-700)}.text-titan-900{color:var(--titan-900)}.dark .text-titan-100{color:var(--titan-100)}.dark .text-titan-400{color:var(--titan-400)}.border-titan-200{border-color:var(--titan-200)}.border-titan-300{border-color:var(--titan-300)}.border-titan-400{border-color:var(--titan-400)}.border-titan-500{border-color:var(--titan-500)}.border-titan-600{border-color:var(--titan-600)}.dark .border-titan-400{border-color:var(--titan-400)}.dark .border-titan-700{border-color:var(--titan-700)}.ring-titan-500{box-shadow:0 0 0 2px var(--titan-500)}.ring-titan-600{box-shadow:0 0 0 1px var(--titan-600)}.dark .ring-titan-400{box-shadow:0 0 0 1px var(--titan-400)}.dark .bg-gray-800{background:var(--gray-800)}.dark .bg-gray-900{background:var(--gray-900)}.dark .bg-gray-700{background:var(--gray-700)}.bg-gray-50{background:var(--gray-50)}.dark .bg-gray-50{background:var(--gray-800)}.border-b-2{border-bottom-width:2px;border-bottom-style:solid}.border-r{border-right:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.min-h-\[280px\]{min-height:280px}.min-h-\[320px\]{min-height:320px}.min-h-\[60px\]{min-height:60px}.min-h-\[44px\]{min-height:44px}.min-h-\[180px\]{min-height:180px}.min-h-\[220px\]{min-height:220px}.h-48{height:12rem}.h-64{height:16rem}.h-96{height:24rem}.max-h-36{max-height:9rem}.max-h-48{max-height:12rem}.max-h-\[280px\]{max-height:280px}.max-h-\[500px\]{max-height:500px}.w-8{width:2rem}.w-10{width:2.5rem}.w-32{width:8rem}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.drop-shadow-md{filter:drop-shadow(0 4px 3px rgba(0,0,0,.07))}.whitespace-pre{white-space:pre}.whitespace-nowrap{white-space:nowrap}.outline-none{outline:none}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.-translate-x-1\/2{transform:translate(-50%)}.translate-x-0{transform:translate(0)}.touch-none{touch-action:none}.touch-pan-x{touch-action:pan-x}.touch-pan-y{touch-action:pan-y}@media(max-width:639px){.tool-card-main{padding:.75rem}}.hidden{display:none}@media(min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}}@media(min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 2rem}}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.hidden{display:none!important}input[type=file]:not([style]){position:absolute;left:-9999px;width:1px;height:1px;opacity:0}@media(min-width:768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}.image-grid{grid-template-columns:repeat(5,1fr)}}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-gradient{background:linear-gradient(135deg,#3b5fff,#2545ff,#1d35e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--titan-600);width:3rem;height:3rem;animation:spin 1s linear infinite}.processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.processing-overlay-content{background:var(--bg-primary);padding:2rem 2.5rem;border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:90vw}.processing-overlay-text{color:var(--text-primary);font-weight:600;font-size:1.125rem}.dark .spinner{border-color:#ffffff1a;border-top-color:var(--titan-400)}@keyframes spin{to{transform:rotate(360deg)}}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--titan-500);box-shadow:0 0 0 3px #3b5fff1a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.dark ::-webkit-scrollbar-thumb{background:var(--gray-600)}.dark ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.sign-left-toolbar{width:3rem;flex-shrink:0;padding:.5rem .25rem;gap:.25rem}@media(max-width:639px){.sign-left-toolbar.sign-left-toolbar--collapsed{display:none!important}}.sign-left-toolbar .btn{width:2.5rem!important;min-width:2.5rem!important;height:2.5rem!important;min-height:2.5rem!important;padding:0!important}.sign-left-toolbar .btn svg{width:18px;height:18px}.sign-left-toolbar>div[class*=h-px]{margin:.25rem 0}.sign-left-toolbar .flex-col{gap:.5rem}@media(min-width:640px){.sign-left-toolbar{width:5rem;padding:1rem .5rem;gap:.5rem}.sign-left-toolbar .btn{width:3rem!important;min-width:3rem!important;height:3rem!important;min-height:3rem!important}.sign-left-toolbar .btn svg{width:20px;height:20px}}.text-format-bar{padding:0;scrollbar-width:thin}.text-format-bar::-webkit-scrollbar{height:4px}.text-format-bar::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.dark .text-format-bar::-webkit-scrollbar-thumb{background:var(--gray-600)}.sign-text-input,.sign-text-input:focus,.sign-text-input:hover,.sign-text-input:active{border:none!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important}.icon-btn{background:transparent;border:1px solid transparent;border-radius:.5rem;padding:.5rem;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.icon-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color)}.icon-btn:focus-visible{outline:2px solid var(--titan-500, #3b5fff);outline-offset:2px}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn svg{color:currentColor;stroke:currentColor;pointer-events:none}@media(max-width:767px){.mobile-hidden{display:none}}@media(min-width:768px){.desktop-hidden{display:none}}@media(pointer:coarse){.sign-move-handle{width:2.5rem!important;height:2.5rem!important;top:-3rem!important}.sign-resize-handle{width:2.5rem!important;height:2.5rem!important;bottom:-1.25rem!important;right:-1.25rem!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}