code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1440px;--breakpoint-xxl:1920px;--container-xs:100%;--container-sm:100%;--container-md:750px;--container-lg:990px;--container-xl:1200px;--container-xxl:1400px;--font-size-xs:clamp(0.75rem,2vw,0.875rem);--font-size-sm:clamp(0.875rem,2.5vw,1rem);--font-size-base:clamp(1rem,3vw,1.125rem);--font-size-lg:clamp(1.125rem,3.5vw,1.25rem);--font-size-xl:clamp(1.25rem,4vw,1.5rem);--font-size-2xl:clamp(1.5rem,5vw,2rem);--font-size-3xl:clamp(1.875rem,6vw,2.5rem);--font-size-4xl:clamp(2.25rem,7vw,3rem);--font-size-5xl:clamp(3rem,8vw,4rem);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--container-padding:var(--space-md);--section-padding-y:var(--space-2xl);--card-padding:var(--space-md);--button-padding-x:var(--space-md);--button-padding-y:var(--space-sm);--touch-target-min:44px;--button-min-height:var(--touch-target-min);--input-min-height:var(--touch-target-min);--grid-gap:var(--space-md);--max-content-width:1200px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{-webkit-overflow-scrolling:touch;font-size:clamp(1rem,3vw,1.125rem);font-size:var(--font-size-base);line-height:1.6;width:100%}h1,h2,h3,h4,h5,h6,p{margin-bottom:1rem;margin-bottom:var(--space-md);margin-top:0}canvas,img,svg,video{display:block;height:auto;max-width:100%}.container{margin-left:auto;margin-right:auto}.container,.container-fluid{padding-left:1rem;padding-left:var(--container-padding);padding-right:1rem;padding-right:var(--container-padding);width:100%}.grid{grid-gap:1rem;grid-gap:var(--grid-gap);display:grid;gap:1rem;gap:var(--grid-gap);width:100%}.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)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1}.gap-sm{gap:.5rem;gap:var(--space-sm)}.gap-md{gap:1rem;gap:var(--space-md)}.gap-lg{gap:1.5rem;gap:var(--space-lg)}h1{font-size:clamp(2.25rem,7vw,3rem);font-size:var(--font-size-4xl);line-height:1.2}h2{font-size:clamp(1.875rem,6vw,2.5rem);font-size:var(--font-size-3xl);line-height:1.3}h3{font-size:clamp(1.5rem,5vw,2rem);font-size:var(--font-size-2xl)}h3,h4{line-height:1.4}h4{font-size:clamp(1.25rem,4vw,1.5rem);font-size:var(--font-size-xl)}h5{font-size:clamp(1.125rem,3.5vw,1.25rem);font-size:var(--font-size-lg)}h5,h6{line-height:1.5}h6{font-size:clamp(1rem,3vw,1.125rem);font-size:var(--font-size-base)}.text-xs{font-size:clamp(.75rem,2vw,.875rem);font-size:var(--font-size-xs)}.text-sm{font-size:clamp(.875rem,2.5vw,1rem);font-size:var(--font-size-sm)}.text-base{font-size:clamp(1rem,3vw,1.125rem);font-size:var(--font-size-base)}.text-lg{font-size:clamp(1.125rem,3.5vw,1.25rem);font-size:var(--font-size-lg)}.text-xl{font-size:clamp(1.25rem,4vw,1.5rem);font-size:var(--font-size-xl)}.text-2xl{font-size:clamp(1.5rem,5vw,2rem);font-size:var(--font-size-2xl)}.break-words{word-wrap:break-word;overflow-wrap:break-word}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0}.p-xs{padding:.25rem;padding:var(--space-xs)}.p-sm{padding:.5rem;padding:var(--space-sm)}.p-md{padding:1rem;padding:var(--space-md)}.p-lg{padding:1.5rem;padding:var(--space-lg)}.p-xl{padding:2rem;padding:var(--space-xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:.25rem;padding-left:var(--space-xs);padding-right:.25rem;padding-right:var(--space-xs)}.px-sm{padding-left:.5rem;padding-left:var(--space-sm);padding-right:.5rem;padding-right:var(--space-sm)}.px-md{padding-left:1rem;padding-left:var(--space-md);padding-right:1rem;padding-right:var(--space-md)}.px-lg{padding-left:1.5rem;padding-left:var(--space-lg);padding-right:1.5rem;padding-right:var(--space-lg)}.py-0{padding-bottom:0;padding-top:0}.py-xs{padding-bottom:.25rem;padding-bottom:var(--space-xs);padding-top:.25rem;padding-top:var(--space-xs)}.py-sm{padding-bottom:.5rem;padding-bottom:var(--space-sm);padding-top:.5rem;padding-top:var(--space-sm)}.py-md{padding-bottom:1rem;padding-bottom:var(--space-md);padding-top:1rem;padding-top:var(--space-md)}.py-lg{padding-bottom:1.5rem;padding-bottom:var(--space-lg);padding-top:1.5rem;padding-top:var(--space-lg)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-sm{margin-bottom:.5rem;margin-bottom:var(--space-sm);margin-top:.5rem;margin-top:var(--space-sm)}.my-md{margin-bottom:1rem;margin-bottom:var(--space-md);margin-top:1rem;margin-top:var(--space-md)}.my-lg{margin-bottom:1.5rem;margin-bottom:var(--space-lg);margin-top:1.5rem;margin-top:var(--space-lg)}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:clamp(1rem,3vw,1.125rem);font-size:var(--font-size-base);font-weight:500;justify-content:center;min-height:44px;min-height:var(--button-min-height);padding:.5rem 1rem;padding:var(--button-padding-y) var(--button-padding-x);text-decoration:none;touch-action:manipulation;transition:all .2s ease;white-space:nowrap}.btn-full{width:100%}.form-control{background:#fff;border:1px solid var(--border-color);border-radius:8px;display:block;font-size:clamp(1rem,3vw,1.125rem);font-size:var(--font-size-base);font-size:16px;line-height:1.5;min-height:44px;min-height:var(--input-min-height);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);touch-action:manipulation;width:100%}.form-control:focus{outline:2px solid var(--primary);outline-offset:2px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1rem;padding:var(--card-padding)}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.grid{display:grid!important}@media (min-width:768px){:root{--container-padding:var(--space-lg);--section-padding-y:var(--space-3xl);--card-padding:var(--space-lg);--grid-gap:var(--space-lg)}.container{max-width:750px;max-width:var(--container-md)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:flex{display:flex!important}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:p-lg{padding:1.5rem;padding:var(--space-lg)}.md\:px-xl{padding-left:2rem;padding-left:var(--space-xl);padding-right:2rem;padding-right:var(--space-xl)}.md\:py-xl{padding-bottom:2rem;padding-bottom:var(--space-xl);padding-top:2rem;padding-top:var(--space-xl)}}@media (min-width:1024px){:root{--container-padding:var(--space-xl);--section-padding-y:var(--space-4xl);--card-padding:var(--space-xl)}.container{max-width:990px;max-width:var(--container-lg)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:p-xl{padding:2rem;padding:var(--space-xl)}.lg\:px-2xl{padding-left:3rem;padding-left:var(--space-2xl);padding-right:3rem;padding-right:var(--space-2xl)}}@media (min-width:1440px){.container{max-width:1200px;max-width:var(--container-xl)}.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.xl\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}@media (orientation:landscape) and (max-height:600px){:root{--section-padding-y:var(--space-lg)}.landscape\:py-sm{padding-bottom:.5rem;padding-bottom:var(--space-sm);padding-top:.5rem;padding-top:var(--space-sm)}}@media print{.no-print{display:none!important}body{font-size:12pt;line-height:1.5}.container{max-width:100%}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){:root{--primary:#06c;--border-color:#000}.card{border:2px solid var(--border-color)}}.landing-page{overflow-x:hidden;width:100%}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--space-2xl) var(--container-padding);text-align:center}.hero-container{margin:0 auto;max-width:var(--max-content-width)}.hero-title{word-wrap:break-word;font-size:var(--font-size-3xl);font-weight:800;line-height:1.2;margin-bottom:var(--space-md)}.hero-subtitle{font-size:var(--font-size-lg);line-height:1.5;margin-bottom:var(--space-xl);opacity:.95}.hero-cta-group{align-items:center;display:flex;flex-direction:column;gap:var(--space-md)}.hero-cta{align-items:center;border-radius:8px;display:inline-flex;font-size:var(--font-size-base);font-weight:600;justify-content:center;max-width:280px;min-height:var(--button-min-height);padding:var(--space-sm) var(--space-lg);text-decoration:none;touch-action:manipulation;transition:transform .2s ease,box-shadow .2s ease;width:100%}.hero-cta-primary{background:#fff;color:#667eea}.hero-cta-secondary{background:#0000;border:2px solid #fff;color:#fff}.features-section{background:#f8f9fa;padding:var(--space-2xl) var(--container-padding)}.section-header{margin-bottom:var(--space-2xl);text-align:center}.section-title{color:var(--foreground);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-md)}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6}.features-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr;margin:0 auto;max-width:var(--max-content-width)}.feature-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:var(--space-lg);transition:transform .2s ease,box-shadow .2s ease}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.feature-title{color:var(--foreground);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-sm)}.feature-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6}.browser-badges{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg);max-width:100%;overflow:hidden;width:100%}.browser-badge{background:#f1f5f9;border-radius:8px;color:#475569;font-size:.9rem;font-weight:500;gap:var(--space-sm);min-width:100px;padding:var(--space-sm) var(--space-md)}.browser-badge,.browser-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.browser-icon{border-radius:4px;color:#fff;font-size:12px;font-weight:700;height:20px;width:20px}.chrome-icon{background:linear-gradient(45deg,#4285f4,#34a853,#fbbc05,#ea4335)}.firefox-icon{background:#f61}.edge-icon{background:#0078d4}.enterprise-section{background:#fff;padding:var(--space-2xl) var(--container-padding)}.enterprise-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr;margin:0 auto;max-width:var(--max-content-width)}.enterprise-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;padding:2rem;transition:all .3s ease}.enterprise-card:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-8px)}.enterprise-title{color:#1e293b;font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-sm)}.enterprise-description{color:#64748b;font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-md)}.enterprise-link{word-wrap:break-word;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#667eea;cursor:pointer;display:block;font-family:Monaco,Consolas,monospace;font-size:.9rem;font-weight:500;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.enterprise-link:hover{background:#e0e7ff;border-color:#667eea}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--space-2xl) var(--container-padding);text-align:center}.cta-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-md)}.cta-description{margin-bottom:var(--space-xl);opacity:.95}.cta-button,.cta-description{font-size:var(--font-size-lg)}.cta-button{align-items:center;background:#fff;border-radius:8px;color:#667eea;display:inline-flex;font-weight:600;justify-content:center;min-height:var(--button-min-height);padding:var(--space-md) var(--space-xl);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.footer{background:#1a1a1a;color:#fff;padding:var(--space-xl) var(--container-padding);text-align:center}.footer-content{margin:0 auto;max-width:var(--max-content-width)}.footer-links{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.footer-link{color:#fffc;font-size:var(--font-size-base);text-decoration:none;transition:color .2s ease}.footer-copyright{color:#fff9;font-size:var(--font-size-sm)}@media (max-width:767px){.enterprise-link{font-size:.75rem!important;line-height:1.3!important;overflow:hidden!important;padding:.6rem .8rem!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:break-all!important}.browser-badges{align-items:stretch;flex-direction:column;gap:var(--space-xs)}.browser-badge{font-size:.85rem;margin:0 auto;max-width:200px;min-width:auto;padding:var(--space-xs) var(--space-sm);width:100%}}@media (max-width:320px){.enterprise-link{font-size:.7rem!important;white-space:normal!important;word-break:break-word!important}.browser-badge{font-size:.8rem;padding:var(--space-xs)}}@media (min-width:768px){.hero-section{padding:var(--space-3xl) var(--container-padding)}.hero-title{font-size:var(--font-size-4xl)}.hero-cta-group{flex-direction:row;justify-content:center}.hero-cta{min-width:180px;width:auto}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}.browser-badges{flex-direction:row;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.browser-badge{margin:0;max-width:none;min-width:120px;width:auto}.enterprise-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.enterprise-link{display:inline-block;width:auto}.footer-links{flex-direction:row;gap:var(--space-xl);justify-content:center}}@media (min-width:1024px){.hero-section{padding:var(--space-4xl) var(--container-padding)}.hero-title{font-size:var(--font-size-5xl);max-width:900px}.hero-subtitle,.hero-title{margin-left:auto;margin-right:auto}.hero-subtitle{font-size:var(--font-size-xl);max-width:700px}.features-grid{grid-template-columns:repeat(3,1fr)}.feature-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.enterprise-grid{grid-template-columns:repeat(3,1fr)}.cta-section{padding:var(--space-4xl) var(--container-padding)}.cta-title{font-size:var(--font-size-3xl)}.cta-button:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}}@media (min-width:1440px){.enterprise-grid,.features-grid{grid-template-columns:repeat(4,1fr)}}@media (hover:hover){.hero-cta:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.enterprise-link:hover{background:var(--primary);color:#fff}.footer-link:hover{color:#fff}}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.fade-in{animation:fadeIn .6s ease-out}.cta-button:focus-visible,.enterprise-link:focus-visible,.footer-link:focus-visible,.hero-cta:focus-visible{outline:3px solid currentColor;outline-offset:4px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.subscription-status{align-items:center;background:#ffffffe6;border:1px solid #e8e8e8;border-radius:8px;display:flex;font-size:13px;gap:12px;margin-left:auto;padding:8px 12px}.status-info{display:flex;flex-direction:column;gap:2px}.status-badge{align-items:center;display:flex;gap:6px}.status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-text{color:#1a1a1a;font-weight:600}.status-label{color:#666;font-size:12px}.expiry-info{color:#666;font-size:11px}.status-actions{display:flex;gap:8px}.manage-button,.upgrade-button{background:#1677ff;border:1px solid #1677ff;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.manage-button:hover,.upgrade-button:hover{background:#0958d9;border-color:#0958d9}.manage-button{background:#0000;color:#1677ff}.manage-button:hover{background:#1677ff;color:#fff}.feature-indicators{display:flex;gap:4px;margin-left:8px}.feature-indicator{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.feature-indicator:hover.enabled{background:#52c41a33;transform:scale(1.1)}.feature-indicator:hover.disabled{background:#d9d9d933;transform:scale(1.05)}.feature-indicator.enabled{background:#52c41a1a;color:#52c41a}.feature-indicator.disabled{background:#d9d9d91a;color:#bbb;opacity:.6}@media (max-width:768px){.subscription-status{font-size:12px;gap:8px;padding:6px 8px}.expiry-info,.feature-indicators{display:none}}.dashboard-container{max-width:1200px;padding:24px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:24px}.dashboard-title{font-size:2rem;margin:0}.dashboard-actions{align-items:center;gap:12px}.dashboard-tabs{background:#f9fafb;border-radius:8px;gap:8px;padding:4px}.tab-button{border-radius:6px;font-size:15px;padding:12px 24px}.tab-button:hover{background:#fff;color:var(--foreground)}.tab-button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--primary)}.sort-controls{align-items:center;display:flex;gap:8px}.sort-label{color:var(--text-secondary);font-size:14px;font-weight:500}.sort-select{background:#fff;border:1px solid var(--border-color);border-radius:6px;color:var(--foreground);cursor:pointer;font-size:14px;padding:8px 12px}.dashboard-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-message{align-items:center;animation:slideDown .3s ease;background:var(--success);border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.success-message button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;width:24px}.empty-state{padding:60px 20px}.empty-icon{color:var(--text-secondary);font-size:64px;margin-bottom:16px}.empty-title{color:var(--foreground);font-size:1.5rem;margin-bottom:8px}.empty-description{color:var(--text-secondary);margin-bottom:24px}.empty-action{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background .2s ease}.empty-action:hover{background:var(--primary-dark)}.help-button{background:var(--primary);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:24px;height:56px;position:fixed;right:24px;transition:all .2s ease;width:56px;z-index:100}.help-button:hover{background:var(--primary-dark);transform:scale(1.05)}@media (max-width:768px){.dashboard-container{padding:16px}.dashboard-header{align-items:stretch;flex-direction:column;padding:16px}.dashboard-title{font-size:1.5rem;margin-bottom:16px}.dashboard-actions{flex-direction:column;width:100%}.dashboard-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:4px;scrollbar-width:thin;width:100%}.tab-button{flex:1 1;font-size:14px;min-width:100px;padding:10px 16px}.sort-controls{justify-content:space-between;padding:8px 0;width:100%}.sort-select{flex:1 1;max-width:200px}.empty-state{padding:40px 20px}.empty-icon{font-size:48px}.empty-title{font-size:1.25rem}.empty-description{font-size:14px}.help-button{bottom:16px;font-size:20px;height:48px;right:16px;width:48px}.success-message{font-size:14px;padding:12px}}@media (max-width:480px){.dashboard-container{padding:12px}.dashboard-header{border-radius:8px;padding:12px}.dashboard-title{font-size:1.25rem}.dashboard-tabs{gap:4px}.tab-button{font-size:13px;padding:8px 12px}.empty-state{padding:32px 16px}}.dashboard-container{margin:0 auto;max-width:var(--max-content-width);min-height:calc(100vh - 60px);padding:var(--space-md)}.dashboard-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:var(--space-md);padding:var(--space-md)}.dashboard-title{word-wrap:break-word;color:var(--foreground);font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--space-md) 0}.dashboard-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-md)}.dashboard-actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.dashboard-action-button{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:500;justify-content:center;min-height:var(--button-min-height);padding:var(--space-sm) var(--space-md);touch-action:manipulation;transition:all .2s ease;width:100%}.dashboard-tabs-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:var(--space-lg);padding:var(--space-xs)}.dashboard-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:var(--space-xs);overflow-x:auto;scrollbar-width:none}.dashboard-tabs::-webkit-scrollbar{display:none}.tab-button{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:0 0 auto;font-size:var(--font-size-base);font-weight:500;min-height:var(--button-min-height);padding:var(--space-sm) var(--space-md);touch-action:manipulation;transition:all .2s ease;white-space:nowrap}.tab-button.active{background:var(--primary);color:#fff}.tabs-scroll-indicator{display:flex;gap:var(--space-xs);justify-content:center;margin-top:var(--space-sm)}.scroll-dot{background:var(--border-color);border-radius:50%;height:6px;transition:background .2s ease;width:6px}.scroll-dot.active{background:var(--primary);border-radius:3px;width:20px}.dashboard-stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr;margin-bottom:var(--space-lg)}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:var(--space-md)}.stat-info{flex:1 1}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;margin-bottom:var(--space-xs);text-transform:uppercase}.stat-value{color:var(--foreground);font-size:var(--font-size-2xl);font-weight:700}.stat-change{font-size:var(--font-size-sm);margin-top:var(--space-xs)}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.stat-icon{font-size:2rem;opacity:.2}.artifact-list{padding:0}.artifact-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr}.artifact-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;padding:var(--space-md);transition:all .2s ease}.artifact-card:active{transform:scale(.98)}.artifact-card-header{margin-bottom:var(--space-md)}.artifact-title{word-wrap:break-word;color:var(--foreground);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-xs)}.artifact-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-sm)}.artifact-type{background:var(--primary);border-radius:4px;color:#fff;font-size:var(--font-size-xs);font-weight:500;padding:2px 8px}.artifact-date{align-items:center;display:flex;gap:var(--space-xs)}.artifact-actions{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(2,1fr);margin-top:var(--space-md)}.artifact-action-button{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:6px;color:var(--foreground);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-xs);justify-content:center;min-height:var(--touch-target-min);padding:var(--space-sm);touch-action:manipulation;transition:all .2s ease}.artifact-action-button:active{background:var(--primary);color:#fff}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:var(--space-3xl) var(--space-lg);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.3}.empty-state-title{color:var(--foreground);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-sm)}.empty-state-description{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-xl)}.empty-state-action{background:var(--primary);border-radius:8px;color:#fff;display:inline-flex;font-weight:500;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all .2s ease}.dashboard-loading,.empty-state-action{align-items:center;justify-content:center}.dashboard-loading{display:flex;flex-direction:column;min-height:300px;padding:var(--space-xl)}.loading-spinner{animation:spin 1s linear infinite}.loading-text{color:var(--text-secondary);font-size:var(--font-size-base);margin-top:var(--space-md)}.dashboard-search{margin-bottom:var(--space-lg)}.search-container{position:relative}.search-input{background:#fff;border:1px solid var(--border-color);border-radius:8px;font-size:var(--font-size-base);min-height:var(--input-min-height);padding:var(--space-sm) var(--space-md);padding-left:40px;width:100%}.search-icon{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-buttons{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-sm);margin-top:var(--space-sm);overflow-x:auto}.filter-button{background:#fff;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;flex:0 0 auto;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all .2s ease;white-space:nowrap}.filter-button.active{background:var(--primary);border-color:var(--primary);color:#fff}@media (min-width:768px){.dashboard-container,.dashboard-header{padding:var(--space-lg)}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between}.dashboard-title{font-size:var(--font-size-3xl);margin:0}.dashboard-actions{flex-direction:row;width:auto}.dashboard-action-button{padding:var(--space-sm) var(--space-lg);width:auto}.dashboard-tabs{gap:var(--space-sm)}.tabs-scroll-indicator{display:none}.artifact-grid,.dashboard-stats{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.artifact-actions{grid-template-columns:repeat(3,1fr)}.dashboard-search{align-items:center;display:flex;gap:var(--space-md)}.search-container{flex:1 1;max-width:400px}.filter-buttons{margin-top:0;overflow-x:visible}}@media (min-width:1024px){.dashboard-container,.dashboard-header{padding:var(--space-xl)}.dashboard-stats{grid-template-columns:repeat(4,1fr)}.stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.artifact-grid{grid-template-columns:repeat(3,1fr)}.artifact-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.artifact-action-button:hover{background:var(--primary);border-color:var(--primary);color:#fff}.tab-button:hover:not(.active){background:#0000000d}}@media (min-width:1440px){.artifact-grid{grid-template-columns:repeat(4,1fr)}}.skeleton-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:var(--space-md)}.skeleton-line{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;margin-bottom:var(--space-sm)}.skeleton-line:last-child{width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.artifact-action-button:focus-visible,.dashboard-action-button:focus-visible,.filter-button:focus-visible,.tab-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.artifact-action-button,.artifact-card,.dashboard-action-button,.stat-card{transition:none}.loading-spinner{animation:none;opacity:.5}}.view-page{background:var(--background);min-height:100vh}.view-container{margin:0 auto;max-width:1400px;padding:24px}.view-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px}.view-title-section{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.view-title{color:var(--foreground);font-size:2rem;font-weight:700;margin:0;word-break:break-word}.view-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:24px}.view-meta-item{align-items:center;display:flex;gap:6px}.view-meta-icon{font-size:16px}.view-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.view-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.view-action-primary{background:var(--primary);color:#fff}.view-action-primary:hover{background:var(--primary-dark)}.view-action-secondary{background:#fff;border:1px solid var(--border-color);color:var(--foreground)}.view-action-secondary:hover{background:#f9fafb}.view-action-success{background:var(--success);color:#fff}.artifact-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.artifact-renderer{height:calc(100vh - 300px);min-height:400px}.artifact-renderer iframe{border:none;height:100%;width:100%}.loading-container{align-items:center;background:#fff;border-radius:12px;display:flex;height:400px;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{background:#fff;border-radius:12px;padding:60px 20px;text-align:center}.error-icon{color:var(--error);font-size:64px;margin-bottom:16px}.error-title{color:var(--foreground);font-size:1.5rem;margin-bottom:8px}.error-message{color:var(--text-secondary);margin-bottom:24px}.error-action{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 24px;text-decoration:none}.error-action:hover{background:var(--primary-dark)}.share-success{animation:slideIn .3s ease;background:var(--success);border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;padding:16px 20px;position:fixed;right:20px;top:80px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.view-container{padding:16px}.view-header{border-radius:8px;padding:16px}.view-title-section{flex-direction:column}.view-title{font-size:1.5rem}.view-meta{font-size:13px;gap:16px}.view-actions{flex-direction:column;width:100%}.view-action-button{justify-content:center;padding:12px;width:100%}.artifact-renderer{height:calc(100vh - 250px);min-height:350px}.share-success{font-size:14px;left:16px;right:16px;top:70px}.error-container{padding:40px 20px}.error-icon{font-size:48px}.error-title{font-size:1.25rem}}@media (max-width:480px){.view-container,.view-header{padding:12px}.view-title{font-size:1.25rem}.view-meta{font-size:12px}.view-action-button{font-size:14px;padding:10px}.artifact-renderer{height:calc(100vh - 220px);min-height:300px}}@media (max-width:768px) and (orientation:landscape){.artifact-renderer{height:calc(100vh - 150px)}.view-header{margin-bottom:12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.view-actions{flex-direction:row}.view-action-button{flex:1 1;width:auto}}:root{--primary:#1677ff;--primary-dark:#0958d9;--background:#fff;--foreground:#1f2937;--card-background:#fff;--border-color:#e5e7eb;--text-secondary:#6b7280;--success:#10b981;--error:#ef4444;--warning:#f59e0b}.App{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;text-align:center}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--background);color:#1f2937;color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0}.artifact-renderer{height:100vh;position:relative;width:100%}.artifact-actions{position:absolute;right:10px;top:10px;z-index:10}@media (max-width:768px){body{font-size:14px;line-height:1.6}.App,body{overflow-x:hidden;width:100%}.App{margin:0;padding:0}.nav-header{flex-direction:column;gap:12px;padding:12px 16px}.nav-header h1{font-size:1.5rem;margin:0}.nav-links{flex-wrap:wrap;gap:8px;justify-content:center}.nav-link{font-size:14px;padding:8px 12px}.dashboard-container{max-width:100%;padding:16px}.dashboard-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.dashboard-tabs{-webkit-overflow-scrolling:touch;flex-direction:row;overflow-x:auto;padding-bottom:8px;width:100%}.tab-button{flex:1 1;font-size:14px;min-width:100px;padding:10px 16px}.artifact-list{padding:12px}.artifact-grid{gap:12px;grid-template-columns:1fr}.artifact-card{margin-bottom:12px;padding:16px}.artifact-card-header{align-items:flex-start;flex-direction:column;gap:8px}.artifact-title{font-size:16px;margin-bottom:8px}.artifact-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.artifact-action-button{flex:1 1;font-size:13px;min-width:80px;padding:8px 12px}.form-container{margin:16px;max-width:100%;padding:16px}.form-group{margin-bottom:16px}.form-input,.form-select,.form-textarea{font-size:16px;padding:12px;width:100%}.form-label{font-size:14px;margin-bottom:6px}.form-button{font-size:16px;margin-top:8px;padding:14px;width:100%}.upload-container{padding:16px}.upload-dropzone{min-height:150px;padding:24px 16px}.upload-icon{font-size:48px}.upload-text{font-size:14px}.view-page{padding:0}.view-container{padding:16px}.view-header{margin-bottom:16px;padding:16px}.view-title{font-size:20px;margin-bottom:8px}.view-actions{flex-direction:column;gap:8px}.view-action-button{justify-content:center;padding:12px;width:100%}.artifact-renderer{height:calc(100vh - 200px);min-height:400px}.modal-overlay{padding:16px}.modal-content{margin:0;max-height:90vh;max-width:100%;overflow-y:auto;padding:20px 16px;width:100%}.modal-header{font-size:18px;margin-bottom:12px}.modal-close{height:32px;right:12px;top:12px;width:32px}.billing-container{padding:16px}.billing-card{margin-bottom:16px;padding:16px}.pricing-cards{flex-direction:column;gap:16px}.pricing-card{padding:20px;width:100%}.analytics-container{padding:16px}.analytics-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:24px}.stat-label{font-size:14px}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{font-size:14px;min-width:100%}td,th{padding:8px;white-space:nowrap}.auth-container{min-height:100vh;padding:20px}.auth-card{margin:0;max-width:100%;padding:24px 20px;width:100%}.auth-title{font-size:24px;margin-bottom:20px}.auth-input{font-size:16px;padding:12px}.auth-button{font-size:16px;padding:14px}.landing-hero{padding:70px 12px 20px}section:first-of-type{margin-top:40px!important}section h1{word-wrap:break-word!important;font-size:1.5rem!important}section h1,section p{padding:0 10px!important}nav{background:#fff!important;box-shadow:0 2px 4px #0000001a!important;box-sizing:border-box!important;height:auto!important;left:0!important;min-height:auto!important;padding:8px 12px!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:1000!important}nav>div:first-child{gap:8px!important}nav>div:first-child>div:first-child{font-size:12px!important;height:20px!important;width:20px!important}nav>div:first-child>div:last-child>div:first-child{font-size:1rem!important}nav>div:first-child>div:last-child>div:last-child{font-size:.65rem!important}nav>div:last-child{gap:6px!important}nav>div:last-child>button{font-size:13px!important;padding:6px 10px!important}.hero-title{word-wrap:break-word;font-size:20px;-webkit-hyphens:auto;hyphens:auto;margin-bottom:12px;overflow-wrap:break-word}.hero-subtitle{font-size:14px;margin-bottom:16px}@media (max-width:768px){.enterprise-grid,.features-grid{gap:1rem!important;grid-template-columns:1fr!important;padding-left:.5rem!important;padding-right:.5rem!important}.features-grid>div:first-child>div:last-child{align-items:center!important;flex-direction:column!important;gap:.5rem!important;margin-top:1rem!important}.features-grid>div:first-child>div:last-child>div{font-size:.8rem!important;margin:0!important;max-width:140px!important;padding:.4rem .8rem!important;width:140px!important}.enterprise-grid a{font-size:.75rem!important;overflow:hidden!important;padding:.6rem .8rem!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:break-all!important}}@media (max-width:380px){.enterprise-grid a{font-size:.7rem!important;white-space:normal!important;word-break:break-word!important}}@media (min-width:769px){.enterprise-grid a{word-wrap:break-word;display:block;font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow-wrap:break-word;padding:.75rem 1rem;text-align:center}}.message-banner{font-size:14px;margin:12px;padding:12px 16px}.loading-container{padding:40px}.loading-spinner{height:40px;width:40px}.help-content{padding:16px}.help-section h3{font-size:16px}.help-section p{font-size:14px}.subscription-banner{flex-direction:column;font-size:14px;gap:8px;padding:12px 16px;text-align:center}.subscription-action{width:100%}}@media (max-width:480px){body{font-size:13px}.nav-header h1{font-size:1.1rem}.dashboard-tabs{gap:4px}.tab-button{font-size:13px;padding:8px 12px}.artifact-title,.form-button{font-size:15px}.form-button{padding:12px}.hero-title{font-size:20px}.hero-subtitle{font-size:13px}.landing-hero button{font-size:.95rem!important;min-width:150px!important;padding:.75rem 1.5rem!important}section{padding:2rem .5rem!important}section,section>div{box-sizing:border-box!important;overflow-x:hidden!important;width:100%!important}section>div{padding:0 .5rem!important}section>div[style*=maxWidth]{margin:0 auto!important;max-width:calc(100% - 1rem)!important;padding:0 .5rem!important}.enterprise-grid,.features-grid{overflow:visible!important}.enterprise-grid>div,.features-grid>div{min-width:0!important;overflow:hidden!important}@media (max-width:768px){.enterprise-grid a{font-size:.75rem!important;line-height:1.3!important;overflow:hidden!important;padding:.6rem .8rem!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:break-all!important}}@media (max-width:320px){.enterprise-grid a{font-size:.7rem!important;white-space:normal!important;word-break:break-word!important}}.features-grid>div:first-child>div:last-child>div>div{font-size:10px!important;height:16px!important;width:16px!important}.modal-content{padding:16px}.auth-title{font-size:20px}}@media (max-width:768px) and (orientation:landscape){.artifact-renderer{height:calc(100vh - 100px)}.dashboard-header,.view-header{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}}@media (pointer:coarse){.button,.close-button,.modal-close,.nav-link,.tab-button,button{min-height:44px;min-width:44px}input,select,textarea{min-height:44px}a{display:inline-block;padding:8px}}@media (prefers-contrast:high){.artifact-card,.auth-card,.modal-content,.pricing-card{border:2px solid}button:focus,input:focus,select:focus,textarea:focus{outline:3px solid currentColor;outline-offset:2px}}@media (prefers-color-scheme:dark){:root{--background:#1a1a1a;--foreground:#e5e5e5;--card-background:#2a2a2a;--border-color:#404040}.artifact-card,.auth-card,.modal-content,.view-container{background:var(--card-background);color:var(--foreground)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.form-container{margin:0 auto;max-width:600px;padding:24px}.form-group{margin-bottom:20px}.form-label{color:var(--foreground);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-required{color:var(--error);margin-left:4px}.form-input,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--foreground);font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1677ff1a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%236b7280' d='m2 0 4 4 4-4 2 2-6 6-6-6Z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.form-helper{color:var(--text-secondary)}.form-error,.form-helper{font-size:13px;margin-top:6px}.form-error{color:var(--error)}.form-button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.form-button-primary{background:var(--primary);color:#fff}.form-button-primary:hover:not(:disabled){background:var(--primary-dark)}.form-button-secondary{background:#fff;border:1px solid var(--border-color);color:var(--foreground)}.form-button-secondary:hover:not(:disabled){background:#f9fafb}.form-button:disabled{cursor:not-allowed;opacity:.5}.form-button-group{display:flex;gap:12px;margin-top:24px}.form-button-full{width:100%}.upload-container{padding:24px}.artifact-upload,.upload-container{margin:0 auto;max-width:800px}.upload-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.content-input{background:#fafbfc;border:2px dashed var(--border-color);border-radius:8px;position:relative;transition:all .2s ease}.content-input:hover{background:#1677ff05;border-color:var(--primary)}.content-input.drag-active{background:#1677ff0d;border-color:var(--primary);border-style:solid}.content-input textarea{background:#0000;border:none;color:var(--foreground);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;min-height:200px;outline:none;padding:16px;resize:vertical;width:100%}.content-input textarea::placeholder{color:var(--text-secondary);font-style:italic}.content-input textarea:focus{background:#fff}.drag-overlay{align-items:center;background:#1677ff1a;border-radius:6px;bottom:0;color:var(--primary);display:flex;font-weight:600;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.checkbox-group,.checkbox-group label{align-items:center;display:flex;gap:8px}.checkbox-group label{cursor:pointer;margin-bottom:0}.checkbox-group input[type=checkbox]{margin:0;width:auto}.upload-dropzone{background:#fff;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:48px 24px;text-align:center;transition:all .2s ease}.upload-dropzone:hover{background:#1677ff05;border-color:var(--primary)}.upload-dropzone.dragging{background:#1677ff0d;border-color:var(--primary)}.upload-icon{color:var(--text-secondary);font-size:64px;margin-bottom:16px}.upload-title{color:var(--foreground);font-size:1.25rem;font-weight:600;margin-bottom:8px}.upload-description{color:var(--text-secondary);margin-bottom:24px}.upload-button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background .2s ease}.upload-button:hover{background:var(--primary-dark)}.upload-file-input{display:none}.upload-preview{background:#f9fafb;border-radius:8px;margin-top:24px;padding:16px}.upload-preview-title{color:var(--foreground);font-weight:600;margin-bottom:12px}.upload-preview-item{align-items:center;background:#fff;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.upload-preview-name{color:var(--foreground);font-size:14px}.upload-preview-size{color:var(--text-secondary);font-size:13px}.upload-preview-remove{background:none;border:none;color:var(--error);cursor:pointer;padding:4px 8px}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.auth-title{color:var(--foreground);font-size:2rem;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px;text-align:center}.auth-divider{margin:24px 0;position:relative;text-align:center}.auth-divider:before{background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:var(--text-secondary);font-size:14px;padding:0 12px;position:relative}.auth-links{margin-top:24px;text-align:center}.auth-link{color:var(--primary);font-size:14px;text-decoration:none}.auth-link:hover{text-decoration:underline}@media (max-width:768px){.form-container{padding:16px}.form-group{margin-bottom:16px}.form-button-group{flex-direction:column}.upload-form{padding:16px}.content-input textarea{font-size:14px;min-height:150px;padding:12px}.content-input{border-width:1px}.drag-overlay{font-size:14px}.upload-container{padding:16px}.upload-dropzone{padding:32px 16px}.upload-icon{font-size:48px}.upload-title{font-size:1.1rem}.upload-description{font-size:14px}.auth-container{padding:16px}.auth-card{padding:24px 20px}.auth-title{font-size:1.5rem}}@media (max-width:480px){.form-container{padding:12px}.form-input,.form-select,.form-textarea{padding:10px 12px}.form-button{font-size:15px;padding:10px 20px}.upload-dropzone{padding:24px 12px}.upload-icon{font-size:40px}.upload-title{font-size:1rem}.auth-card{padding:20px 16px}.auth-title{font-size:1.25rem}}@media (pointer:coarse){.form-button,.form-input,.form-select,.form-textarea,.upload-button{min-height:44px}.upload-preview-remove{min-height:32px;min-width:44px}}