@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Playfair+Display:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--coral: var(--system-blue);--creamy-white: var(--system-background);--light-creamy-white: var(--system-white);--mid-coral: var(--system-blue);--deep-coral: var(--system-blue-hover);--dark-coral: var(--system-text-primary);--deep-bordeaux: var(--system-white);--dark-gray: var(--system-text-primary);--white: var(--system-white)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--system-text-primary);background-color:var(--system-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.01em}h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base)}a{color:var(--system-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--system-blue-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;margin:0;line-height:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--system-gray-5)}::-webkit-scrollbar-thumb{background:var(--system-gray-3);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--system-gray-2)}#root{min-height:100vh;width:100%;margin:0;padding:0}.app-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;color:var(--system-text-primary);position:relative;overflow-x:hidden;isolation:isolate}.app-layout.review-page-layout{height:100vh;overflow:hidden}.app-layout.review-page-layout .app-main{overflow-y:auto;height:calc(100vh - 100px);margin-top:100px;min-height:0}.app-layout.review-page-layout .main-content-wrapper{min-height:100%;padding-bottom:60px}.app-layout.review-page-layout .app-footer{display:none}.app-bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.app-bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:app-float 20s ease-in-out infinite;transition:opacity .3s ease}.app-layout.review-page-layout .app-bg-shape{opacity:.15}.app-bg-shape-1{width:600px;height:600px;background:linear-gradient(135deg,#ffe500,#ffd000);top:-200px;right:-200px;animation-delay:0s}.app-bg-shape-2{width:500px;height:500px;background:linear-gradient(135deg,#000,#333);bottom:-150px;left:-150px;animation-delay:7s}.app-bg-shape-3{width:500px;height:500px;background:linear-gradient(135deg,#1a1a1a,#000);top:30%;right:-100px;transform:translateY(-50%);animation-delay:14s}.app-bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5}@keyframes app-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.app-nav{background-color:#000;padding:20px var(--spacing-xl);height:auto;display:flex;align-items:center;justify-content:space-between;border:none;position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 20px #0000001a}.app-logo{display:flex;align-items:center}.logo-text{font-size:40px;font-weight:700;color:#ffe500;letter-spacing:-.5px;font-family:Playfair Display,serif;transition:opacity var(--transition-fast)}.logo-text:hover{opacity:.9}.app-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:40px;align-items:center}.app-nav ul li a{color:#fff;font-weight:500;font-size:16px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .3s;display:inline-block;text-decoration:none}.app-nav ul li a:hover{color:#ffe500}.app-nav ul li a:active{color:#ffd000}.app-nav ul li a.active{color:#ffe500;background-color:#ffe50026;font-weight:600}.user-info{display:flex;align-items:center;gap:20px;font-size:var(--font-size-sm)}.user-email{color:#fff;font-weight:500}.user-role{font-size:var(--font-size-xs);color:#ffe500;text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.logout-button{background-color:#ffe500;color:#000;padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;transition:all .3s;border:none;cursor:pointer}.logout-button:hover{background-color:#ffd000;transform:translateY(-2px);box-shadow:0 5px 15px #ffe5004d}.logout-button:active{transform:translateY(0)}.app-main{flex:1;overflow-y:auto;position:relative;z-index:1;margin-top:100px;min-height:calc(100vh - 100px)}.main-content-wrapper{opacity:1;transition:opacity var(--transition-base)}.app-main.auth-page{display:flex;align-items:center;justify-content:center}.app-main.auth-page .main-content-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.app-footer{background-color:#000;color:#fff;padding:60px 40px 30px;position:relative;z-index:0}.footer-content{max-width:1400px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h3{color:#ffe500;font-size:20px;font-weight:700;margin-bottom:20px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#fff;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#ffe500}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:30px;border-top:1px solid #333333;text-align:center;color:#999}.footer-bottom p{margin:0;font-size:var(--font-size-sm)}.footer-links{margin-top:var(--spacing-sm);color:#999;font-size:var(--font-size-xs)}.app-layout:has(.chat-interface-container){height:100vh;overflow:hidden}.app-layout:has(.chat-interface-container) .app-main{overflow:hidden;height:calc(100vh - 100px);margin-top:100px}.app-layout:has(.chat-interface-container) .main-content-wrapper{height:100%}.app-layout:has(.chat-interface-container) .app-footer{display:none}.app-layout:not(.review-page-layout):has(.review-history-container),.app-layout:not(.review-page-layout):has(.review-detail-container){height:100vh;overflow:hidden}.app-layout:not(.review-page-layout):has(.review-history-container) .app-main,.app-layout:not(.review-page-layout):has(.review-detail-container) .app-main{overflow-y:auto;height:calc(100vh - 100px);margin-top:100px;min-height:0}.app-layout:not(.review-page-layout):has(.review-history-container) .main-content-wrapper,.app-layout:not(.review-page-layout):has(.review-detail-container) .main-content-wrapper{min-height:100%;padding-bottom:60px}.app-layout:not(.review-page-layout):has(.review-history-container) .app-footer,.app-layout:not(.review-page-layout):has(.review-detail-container) .app-footer{display:none}@media (max-width: 768px){.app-nav{padding:15px var(--spacing-md);flex-wrap:wrap}.app-main{margin-top:120px;min-height:calc(100vh - 120px)}.logo-text{font-size:28px}.app-nav ul{gap:1rem}.app-nav ul li a{font-size:14px;padding:var(--spacing-xs) var(--spacing-sm)}.user-info{gap:var(--spacing-sm)}.user-email,.user-role{display:none}.logout-button{font-size:11px;padding:5px 12px}.footer-content{grid-template-columns:repeat(2,1fr);gap:30px}.app-footer{padding:40px 20px 20px}.app-layout:has(.chat-interface-container) .app-nav{display:none}.app-layout:has(.chat-interface-container) .app-main{height:100vh;margin-top:0}}@media (max-width: 480px){.app-nav{padding:10px var(--spacing-sm)}.logo-text{font-size:24px}.app-nav ul{gap:.5rem}.app-nav ul li a{font-size:12px;padding:var(--spacing-xs)}.logout-button{font-size:10px;padding:4px 10px}.footer-content{grid-template-columns:1fr;gap:20px}.footer-section h3{font-size:18px}}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.spinner{border-radius:50%;border:3px solid;border-color:#0000001a;border-top-color:currentColor;animation:spin .8s linear infinite;position:relative}.spinner-gold,.spinner-primary{border-color:#d4af3733;border-top-color:#d4af37}.spinner-small{width:20px;height:20px;border-width:2.5px}.spinner-medium{width:32px;height:32px;border-width:3.5px}.spinner-large{width:48px;height:48px;border-width:4.5px}.spinner-secondary{border-color:#0000001a;border-top-color:#1a1a1a}.spinner-white{border-color:#fff3;border-top-color:#fff}.spinner-black{border-color:#00000026;border-top-color:#000}.spinner-placeholder{opacity:0}.spinner-placeholder.spinner-small{width:20px;height:20px}.spinner-placeholder.spinner-medium{width:32px;height:32px}.spinner-placeholder.spinner-large{width:48px;height:48px}.spinner-text{font-size:14px;font-weight:600;color:#1a1a1a;text-align:center;margin-top:4px;letter-spacing:.3px;font-family:Inter,sans-serif}.spinner-gold+.spinner-text,.spinner-primary+.spinner-text{color:#1a1a1a}.spinner-white+.spinner-text{color:#fff;font-weight:500}.spinner-container.full-page{min-height:calc(100vh - 300px);padding:40px;background:transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-text{animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}:root{--gold-primary: #ffe500;--gold-deep: #ffd000;--gold-accent: #e6c200;--black-primary: #000000;--black-soft: #1a1a1a;--white-pure: #ffffff;--gray-text: #666666;--gray-dark: #333333;--gray-border: #e8e8e8;--gray-light: #f5f5f5}.tool-detail-container{max-width:100%;padding:0;font-family:Inter,sans-serif;font-size:13px;overflow-x:hidden;word-wrap:break-word;box-sizing:border-box}.tool-detail-container h2{color:var(--black-primary);margin:0 0 16px;font-size:24px;font-weight:700;font-family:Space Grotesk,sans-serif;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.version-badge{font-size:12px;font-weight:600;background:var(--gold-primary);color:var(--black-primary);padding:2px 8px;border-radius:12px}.tool-info-section-compact{display:flex;gap:16px;margin-bottom:20px;padding:8px 0;border-bottom:1px solid var(--gray-border)}.info-item{display:flex;gap:6px;font-size:12px}.info-label{color:var(--gray-text);font-weight:500}.info-value{color:var(--black-primary);font-weight:600}.tool-detail-container h3{color:var(--black-primary);margin:20px 0 8px;font-size:16px;font-weight:700;font-family:Space Grotesk,sans-serif;position:relative;padding-left:12px}.tool-detail-container h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:var(--gold-primary);border-radius:2px}.compact-list{list-style:none;padding:0;margin:0 0 16px}.compact-item{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 12px;border-radius:8px;margin-bottom:6px;border-left:2px solid var(--gold-primary);transition:all .2s ease}.compact-item:hover{background:#ffe50014;border-left-color:var(--gold-deep)}.compact-item-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:8px}.file-name{font-size:13px;font-weight:600;color:var(--black-primary);flex:1}.file-type{font-size:11px;font-weight:400;color:var(--gray-text)}.download-button{width:28px;height:28px;border-radius:6px;background:var(--black-primary);color:var(--gold-primary);border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.download-button:hover:not(:disabled){background:var(--gold-primary);color:var(--black-primary);transform:scale(1.1)}.download-button:disabled{opacity:.6;cursor:not-allowed}.info-icon{width:20px;height:20px;border-radius:50%;background:var(--black-primary);color:var(--gold-primary);border:none;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.info-icon:hover{background:var(--gold-primary);color:var(--black-primary);transform:scale(1.1)}.description-popup{margin-top:8px;padding:10px;background:#ffe5001a;border-radius:6px;border-left:3px solid var(--gold-primary);animation:slideDown .2s ease}.description-popup p{margin:0;font-size:12px;line-height:1.5;color:var(--gray-dark)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.destination-file{padding:10px 12px}.variables-label{font-size:11px;font-weight:600;color:var(--gray-text);margin:8px 0 6px;text-transform:uppercase;letter-spacing:.5px}.variables-list{list-style:none;padding:0;margin:0}.variable-item{padding:6px 8px;margin-bottom:4px;background:var(--gray-light);border-radius:6px;transition:all .2s ease}.variable-item:hover{background:#ffe5001f}.variable-header{display:flex;align-items:center;gap:6px;cursor:pointer}.variable-name{font-size:12px;font-weight:600;color:var(--black-primary)}.variable-key{font-size:11px;font-weight:400;color:var(--gray-text);font-family:Courier New,monospace}.info-icon-small{width:16px;height:16px;border-radius:50%;background:var(--black-primary);color:var(--gold-primary);border:none;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:all .2s ease;flex-shrink:0}.info-icon-small:hover{background:var(--gold-primary);color:var(--black-primary);transform:scale(1.1)}.description-popup-small{margin-top:6px;padding:8px;background:#ffe5001a;border-radius:4px;border-left:2px solid var(--gold-primary);animation:slideDown .2s ease}.description-popup-small p{margin:0 0 4px;font-size:11px;line-height:1.4;color:var(--gray-dark)}.description-popup-small p:last-child{margin-bottom:0}.description-popup-small strong{color:var(--black-primary);font-weight:600}.empty-message{padding:16px;text-align:center;color:var(--gray-text);font-size:12px;font-style:italic}.tool-actions{display:flex;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--gray-border);flex-wrap:wrap}.tool-actions a{text-decoration:none;flex:1}.tool-actions button{width:100%;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;font-family:Inter,sans-serif;transition:all .3s ease;border:2px solid var(--black-primary);letter-spacing:.3px}.primary-action{background:var(--black-primary);color:var(--gold-primary);box-shadow:0 2px 8px #00000026}.primary-action:hover{background:var(--gold-primary);color:var(--black-primary);border-color:var(--gold-deep);transform:translateY(-2px);box-shadow:0 4px 12px #ffe5004d}.secondary-action{background:var(--white-pure);color:var(--black-primary);box-shadow:0 2px 8px #00000014}.secondary-action:hover{background:var(--gray-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.tool-actions button:active{transform:translateY(0)}@media (max-width: 768px){.tool-detail-container h2{font-size:20px}.tool-actions{flex-direction:column}.tool-actions a{flex:none;width:100%}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:.75rem;max-width:380px;width:100%}.toast{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1rem;background:#fff;border-radius:var(--radius-md, 10px);box-shadow:0 10px 25px #0000001f,0 4px 10px #00000014;border:1px solid rgba(0,0,0,.08);pointer-events:auto;animation:slideIn .3s cubic-bezier(.34,1.56,.64,1);transition:all .2s ease;position:relative;min-height:56px}.toast:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05))}.toast__icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold, 600);font-size:12px;margin-top:1px}.toast__message{flex:1;font-size:var(--font-size-base, 15px);line-height:1.5;color:var(--system-text-primary, #1d1d1f);word-wrap:break-word;padding-right:1.5rem;font-family:var(--font-family-primary);letter-spacing:-.01em}.toast__close{flex-shrink:0;background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer;color:var(--system-text-tertiary, #515154);padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 6px);transition:all .15s ease;position:absolute;top:.875rem;right:1rem;opacity:.7}.toast__close:hover{background:var(--system-gray-5, #f2f2f7);color:var(--system-text-primary, #1d1d1f);opacity:1}.toast__close:active{transform:scale(.92)}.toast--success{background:#fff;border-left:3px solid var(--system-green, #34c759)}.toast--success .toast__icon{background:var(--system-green-background, rgba(52, 199, 89, .1));color:var(--system-green, #34c759);border:1px solid var(--system-green-border, rgba(52, 199, 89, .3))}.toast--error{background:#fff;border-left:3px solid var(--system-red, #ff3b30)}.toast--error .toast__icon{background:var(--system-red-background, rgba(255, 59, 48, .1));color:var(--system-red, #ff3b30);border:1px solid var(--system-red-border, rgba(255, 59, 48, .3))}.toast--warning{background:#fff;border-left:3px solid var(--system-orange, #ff9500)}.toast--warning .toast__icon{background:#ff95001a;color:var(--system-orange, #ff9500);border:1px solid rgba(255,149,0,.3)}.toast--info{background:#fff;border-left:3px solid var(--system-blue, #0071e3)}.toast--info .toast__icon{background:var(--system-blue-background, rgba(0, 113, 227, .1));color:var(--system-blue, #0071e3);border:1px solid rgba(0,113,227,.3)}@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}}.toast--exiting{animation:slideOut .3s ease-in forwards}@media (max-width: 640px){.toast-container{left:1rem;right:1rem;max-width:none;align-items:stretch}.toast{width:100%}.toast__message{font-size:13px}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}}:root{--gold-primary: #ffe500;--gold-deep: #ffd000;--gold-accent: #e6c200;--black-primary: #000000;--black-soft: #1a1a1a;--white-pure: #ffffff;--gray-text: #666666;--gray-dark: #333333;--gray-border: #e8e8e8;--gray-light: #f5f5f5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 5px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(255, 229, 0, .2);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--status-success: #28a745;--status-error: #dc2626;--status-warning: #e67700}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-form-page-wrapper{max-width:1000px;margin:0 auto;padding:4rem 4rem var(--spacing-lg);animation:fadeIn .6s ease-out}h2:first-of-type{font-size:48px;font-weight:700;color:var(--black-primary);margin:0 0 var(--spacing-2xl) 0;text-align:center;letter-spacing:-.5px;line-height:1.2;font-family:Inter,sans-serif;animation:slideUp .6s ease-out}h2{font-size:32px;font-weight:700;color:var(--black-primary);margin:0 0 var(--spacing-xl) 0;text-align:center;letter-spacing:-.5px;position:relative;padding-bottom:16px;font-family:Space Grotesk,sans-serif;animation:slideUp .6s ease-out}h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--gold-primary) 0%,var(--gold-deep) 100%);border-radius:2px}.metadata-section{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-2xl) var(--spacing-xl);margin-bottom:var(--spacing-3xl);box-shadow:var(--shadow-md);border-left:4px solid var(--gold-primary);animation:slideUp .6s ease-out;animation-delay:.1s;animation-fill-mode:both}.form-field{margin-bottom:var(--spacing-lg)}.form-field:last-of-type{margin-bottom:0}.form-field label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;font-size:14px;color:var(--gray-dark);text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.form-field input{width:100%;padding:12px 16px;border:2px solid var(--gray-border);border-radius:var(--radius-md);background-color:var(--white-pure);font-size:16px;color:var(--black-primary);transition:all var(--transition-base);box-sizing:border-box;font-family:Inter,sans-serif;min-height:48px}.form-field input::placeholder{color:var(--gray-text)}.form-field input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 3px #ffe50033}.tool-form-container{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-2xl) var(--spacing-xl);box-shadow:var(--shadow-md);border-left:4px solid var(--gold-primary);animation:slideUp .6s ease-out;animation-delay:.2s;animation-fill-mode:both}.tool-form-container h2{margin-bottom:var(--spacing-2xl)}.tool-form-container form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-section{display:flex;flex-direction:column}.form-section label{margin-bottom:var(--spacing-md);color:var(--gray-dark);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.dropzone{border:3px dashed var(--gold-primary);border-radius:var(--radius-xl);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;cursor:pointer;background:linear-gradient(135deg,#ffe5000d,#ffd00005);color:var(--gray-dark);transition:all var(--transition-base);margin-bottom:var(--spacing-xl);position:relative}.dropzone:before{content:"📄";display:block;font-size:56px;margin-bottom:var(--spacing-md);opacity:.7}.dropzone:hover{background:linear-gradient(135deg,#ffe5001a,#ffd0000d);border-color:var(--gold-deep);box-shadow:var(--shadow-md)}.dropzone.active{background:linear-gradient(135deg,#ffe50026,#ffd0001a);border-color:var(--gold-deep);transform:scale(1.01);box-shadow:var(--shadow-lg)}.dropzone p{font-size:18px;margin:0;color:var(--gray-text);font-weight:500;font-family:Inter,sans-serif}.file-list{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;display:flex;flex-direction:column;gap:var(--spacing-md)}.file-list li{background-color:var(--white-pure);padding:var(--spacing-lg);border-radius:var(--radius-xl);border-left:4px solid var(--gold-primary);box-shadow:var(--shadow-md);transition:all .3s ease;display:flex;flex-direction:column;gap:var(--spacing-md)}.file-list li:hover{box-shadow:var(--shadow-lg);border-left-color:var(--gold-deep)}.file-list li .file-info{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--gray-border)}.file-list li .file-info strong{font-size:16px;color:var(--black-primary);font-weight:600;font-family:Space Grotesk,sans-serif}.file-list li .file-actions{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--spacing-md)}.file-list li button{background-color:var(--status-error);color:var(--white-pure);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 6px #dc26264d;white-space:nowrap;font-family:Inter,sans-serif}.file-list li button:hover{background-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 10px #dc262666}.file-list li button:active{transform:translateY(0)}.labels-input-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:12px 16px;border-radius:var(--radius-md);border:2px solid var(--gray-border);background-color:var(--white-pure);align-items:center;flex:1;transition:all var(--transition-base);min-height:48px}.labels-input-container:focus-within{border-color:var(--gold-primary);box-shadow:0 0 0 3px #ffe50033}.label-input-wrapper{position:relative;flex-grow:1;min-width:200px}.labels-input-container input[type=text]{width:100%;border:none;outline:none;background-color:transparent;color:var(--black-primary);padding:8px;font-size:14px;font-family:Inter,sans-serif}.labels-input-container input[type=text]::placeholder{color:var(--gray-text)}.label-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--white-pure);border:2px solid var(--gold-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:200px;overflow-y:auto;animation:slideUp .2s ease-out}.suggestion-header{padding:8px 12px;font-size:11px;font-weight:600;color:var(--gray-text);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-border);background:var(--gray-light);font-family:Inter,sans-serif}.suggestion-item{padding:10px 12px;cursor:pointer;transition:all var(--transition-fast);font-size:14px;color:var(--black-primary);border-left:3px solid transparent;font-family:Inter,sans-serif}.suggestion-item:hover{background:linear-gradient(90deg,rgba(255,229,0,.1) 0%,transparent 100%);border-left-color:var(--gold-primary)}.suggestion-item.new-label{font-style:italic;color:var(--gray-text);cursor:default;border-left-color:var(--gray-border)}.suggestion-item.new-label:hover{background:var(--gray-light);border-left-color:var(--gray-text)}.label{display:inline-flex;align-items:center;background-color:var(--black-primary);color:var(--gold-primary);padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;box-shadow:0 2px 6px #00000026;transition:all var(--transition-base);letter-spacing:.3px;font-family:Inter,sans-serif}.label:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0003;background-color:var(--black-soft)}.label button{background:none;border:none;color:var(--gold-primary);margin-left:var(--spacing-sm);cursor:pointer;padding:0;font-size:16px;font-weight:700;transition:all var(--transition-fast);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%}.label button:hover{color:var(--gold-deep);transform:scale(1.2);background-color:#ffe50026}.submit-button{display:block;margin:var(--spacing-xl) auto 0;padding:18px 48px;background:var(--black-primary);color:var(--gold-primary);border:none;border-radius:var(--radius-full);cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease;box-shadow:0 6px 20px #0003;min-width:250px;font-family:Inter,sans-serif}.submit-button:hover{background:var(--black-soft);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.submit-button:active{transform:translateY(0)}.error-message{color:var(--status-error);font-size:14px;font-weight:600;margin-top:var(--spacing-md);text-align:center;position:relative;padding:12px 15px 12px 40px;background-color:#dc26261a;border-radius:var(--radius-md);border-left:4px solid var(--status-error);animation:slideUp .3s ease-out;font-family:Inter,sans-serif}.error-message:before{content:"!";position:absolute;left:12px;top:50%;transform:translateY(-50%);background-color:var(--status-error);color:var(--white-pure);border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;box-shadow:0 2px 4px #dc26264d}@media (max-width: 1024px){.tool-form-page-wrapper{padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-lg)}.metadata-section,.tool-form-container{padding:var(--spacing-xl) var(--spacing-lg)}}@media (max-width: 768px){.tool-form-page-wrapper{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg)}h2:first-of-type{font-size:36px;margin-bottom:var(--spacing-xl)}h2{font-size:28px;margin-bottom:var(--spacing-lg)}.metadata-section,.tool-form-container{padding:var(--spacing-lg)}.form-field input{padding:10px 14px;font-size:14px}.dropzone{padding:var(--spacing-2xl) var(--spacing-lg)}.dropzone:before{font-size:48px}.dropzone p{font-size:16px}.file-list li .file-actions{flex-direction:column;align-items:stretch}.labels-input-container,.file-list li button{width:100%}.submit-button{width:100%;max-width:100%;min-width:unset}}@media (max-width: 480px){.tool-form-page-wrapper{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}h2:first-of-type{font-size:28px}h2{font-size:24px;padding-bottom:12px}h2:after{width:60px;height:2px}.metadata-section,.tool-form-container{padding:var(--spacing-md)}.form-field{margin-bottom:var(--spacing-md)}.form-field label{font-size:12px}.form-field input{padding:10px 12px;font-size:14px}.dropzone{padding:var(--spacing-xl) var(--spacing-md)}.dropzone:before{font-size:40px;margin-bottom:var(--spacing-sm)}.dropzone p{font-size:14px}.file-list li{padding:var(--spacing-md)}.file-list li .file-info strong{font-size:14px}.labels-input-container input[type=text]{min-width:150px;font-size:13px}.label{font-size:12px;padding:5px 12px}.submit-button{padding:14px 32px;font-size:14px}}:root{--gold-primary: #ffe500;--gold-deep: #ffd000;--gold-accent: #e6c200;--black-primary: #000000;--black-soft: #1a1a1a;--white-pure: #ffffff;--gray-text: #666666;--gray-dark: #333333;--gray-border: #e8e8e8;--gray-light: #f5f5f5;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 5px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(255, 229, 0, .2);--status-success: #28a745;--status-error: #dc2626;--status-warning: #ff6b00;--status-modified: #ff4081}.tool-form-container{max-width:1100px;width:90%;margin:50px auto;padding:35px;border:none;border-radius:var(--radius-xl, 20px);background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--dark-gray);box-shadow:0 5px 20px #00000014;border-left:4px solid #ffe500;transition:all .3s ease;animation:slideUp .6s ease-out}.tool-form-container h2{color:var(--dark-gray);margin-top:0;text-align:center;margin-bottom:35px;font-size:1.8rem;font-weight:600;position:relative;padding-bottom:12px}.tool-form-container h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#ffe500,#ffd000);border-radius:2px}.tool-creation-container{margin-bottom:40px}.file-section{border:none;border-radius:var(--radius-xl);padding:25px;margin-bottom:35px;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);border-left:4px solid var(--gold-primary);transition:all .3s ease}.file-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.file-section h3{margin-top:0;margin-bottom:25px;color:var(--dark-gray);font-size:1.4rem;font-weight:600;position:relative;display:inline-block;padding-bottom:8px}.file-section h3:after{content:"";position:absolute;bottom:0;left:0;width:60%;height:3px;background:linear-gradient(90deg,#ffe500,#ffd000);border-radius:2px}.template-vars-container{display:flex;gap:25px}.template-vars-menu{flex:1;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px;background-color:#f5f5f5;height:540px;overflow-y:auto;overflow-x:auto;box-shadow:inset 0 2px 6px #0000000d;scrollbar-width:thin;scrollbar-color:#ffe500 #f5f5f5}.template-vars-menu::-webkit-scrollbar{width:6px}.template-vars-menu::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}.template-vars-menu::-webkit-scrollbar-thumb{background-color:#ffe500;border-radius:10px}.menu-button{flex-shrink:0;align-self:flex-start;min-width:100%;background-color:#000;color:#fff;padding:12px 18px;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:1rem;text-align:left;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.menu-button.modified{background:linear-gradient(135deg,#1a1a1a,#2d1810);color:#fff;border:2px solid var(--status-warning);box-shadow:0 0 12px #ff6b004d}.menu-button.modified:before{content:"";position:absolute;left:0;top:0;height:100%;width:6px;background:linear-gradient(180deg,var(--status-warning) 0%,var(--status-modified) 100%);opacity:1;transition:all .2s ease}.menu-button.modified:hover{background:linear-gradient(135deg,#2d1810,#1a1a1a);color:var(--status-warning);transform:translate(3px);box-shadow:0 0 16px #ff6b0080;border-color:var(--status-modified)}.menu-button.modified:hover:before{opacity:1;width:8px}.menu-button:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:#ffe500;opacity:0;transition:all .2s ease}.menu-button:hover{background-color:#1a1a1a;color:#ffe500;transform:translate(3px)}.menu-button:hover:before{opacity:1}.menu-button.active{background-color:#000;color:#ffe500;transform:translate(3px);box-shadow:0 3px 8px #ffe5004d;border:2px solid transparent}.menu-button.active:before{opacity:1;width:6px;background-color:#ffe500}.menu-button.active.modified{background:linear-gradient(135deg,#1a1a1a,#2d1810);color:var(--status-warning);border:2px solid var(--status-warning);box-shadow:0 3px 12px #ff6b0066,0 0 20px #ffe50033}.menu-button.active.modified:before{width:8px;background:linear-gradient(180deg,var(--status-warning) 0%,var(--status-modified) 100%)}.template-vars-form{flex:2;display:flex;flex-direction:column;gap:20px;border-radius:12px;padding:0;background-color:transparent}.collapsable-form-section{display:flex;flex-direction:column;padding:25px;border:none;border-radius:var(--radius-xl);background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:all .3s ease}.collapsable-form-section:hover{box-shadow:var(--shadow-lg)}.collapsable-form-section h3{color:var(--dark-gray);margin-top:0;margin-bottom:30px;font-size:1.3rem;font-weight:600;padding-bottom:10px;border-bottom:2px solid rgba(0,0,0,.05)}.form-field{display:flex;align-items:center;margin-bottom:22px}.form-field label{flex:0 0 150px;margin-bottom:0;color:var(--dark-gray);font-weight:600;margin-right:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.05rem}.form-field input[type=text],.form-field select{flex:1;padding:12px 16px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background-color:#fff;color:var(--dark-gray);font-size:1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.form-field textarea{flex:1;padding:12px 16px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background-color:#fff;color:var(--dark-gray);font-size:1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;min-height:200px;resize:vertical;font-family:Courier New,Courier,monospace;font-weight:700}.form-field input[type=text]:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#ffe500;box-shadow:0 0 0 3px #ffe50033}.form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.submit-button{display:block;width:100%;padding:14px 20px;background-color:#000;color:#ffe500;border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 12px #0003}.submit-button:hover{background-color:#1a1a1a;box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.submit-button:active{transform:translateY(-1px)}.submit-button:disabled{background-color:#ccc;color:#999;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}.submit-button:disabled:hover{background-color:#ccc;transform:none;box-shadow:0 2px 6px #0000001a}.field-actions{display:flex;gap:15px;margin-top:30px}.field-actions .submit-button{flex:1;margin-top:0}.delete-button{flex:1;padding:14px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 12px #dc35454d}.delete-button:hover{background-color:#c82333;box-shadow:0 6px 16px #dc354566}.delete-button:active{transform:translateY(-1px)}.identifier-field-section{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;border-radius:var(--radius-xl);margin-bottom:30px;box-shadow:var(--shadow-md);border-left:4px solid var(--gold-primary)}.identifier-field-section label{display:block;margin-bottom:10px;font-weight:600;color:var(--dark-gray);font-size:1rem}.identifier-field-select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:var(--dark-gray);background-color:#fff;transition:all .3s ease;cursor:pointer}.identifier-field-select:hover{border-color:#ffe500}.identifier-field-select:focus{outline:none;border-color:#ffe500;box-shadow:0 0 0 3px #ffe50033}.file-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #ffe500}.file-header h3{margin:0;color:#000;font-weight:700}.pdf-conversion-toggle{display:flex;align-items:center}.pdf-conversion-toggle label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.pdf-conversion-toggle input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #333333;border-radius:4px;position:relative;transition:all .3s ease}.pdf-conversion-toggle input[type=checkbox]:hover{border-color:#ffe500}.pdf-conversion-toggle input[type=checkbox]:checked{background-color:#ffe500;border-color:#ffe500}.pdf-conversion-toggle input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:.9rem;font-weight:700}.pdf-conversion-toggle label:hover{color:#ffe500}.loadbar-container{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:300px;width:100%}.loadbar-track{width:100%;height:6px;background-color:#00000026;border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.loadbar-fill{height:100%;background:linear-gradient(90deg,#ffd000,#ffe500,#ffd000);border-radius:12px;transition:width .1s ease-out;position:relative;box-shadow:0 2px 8px #ffe50066}.loadbar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite;border-radius:12px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loadbar-text{color:#1a1a1a;font-size:14px;font-weight:600;text-align:center;white-space:nowrap;animation:fadeInOut 1s ease-in-out;letter-spacing:.3px;font-family:Inter,sans-serif}@keyframes fadeInOut{0%{opacity:.6}50%{opacity:1}to{opacity:.8}}.loadbar-container{min-height:40px;justify-content:center}.chat-interface-wrapper{display:flex;flex-direction:column;height:100%;margin-top:0;overflow:hidden;position:relative;animation:fadeIn var(--transition-slow) ease-out}.chat-interface-container{height:100%;border:none;border-radius:0;background-color:transparent;color:var(--system-text-primary);box-shadow:none;transition:all var(--transition-base) ease;display:flex;flex-direction:row;align-items:stretch;position:relative;overflow:hidden}.main-content-area{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:auto;position:relative}.chat-panel.collapsed~.main-content-area{overflow-y:auto}.chat-panel.collapsed~.main-content-area .canvas-section{max-width:1000px;margin:0 auto;overflow-y:visible;height:auto}.chat-panel{width:380px;height:100%;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:2px solid var(--gold-primary);display:flex;flex-direction:column;transition:all .3s ease;position:relative;z-index:100;box-shadow:2px 0 15px #ffe5001a}.chat-panel.collapsed{width:0;overflow:hidden;border-right:none}.chat-panel-header,.chat-panel-messages,.chat-panel-input{opacity:1;transition:opacity .05s ease}.chat-panel.collapsed .chat-panel-header,.chat-panel.collapsed .chat-panel-messages,.chat-panel.collapsed .chat-panel-input{opacity:0;transition:opacity .05s ease}.chat-panel.open .chat-panel-header,.chat-panel.open .chat-panel-messages,.chat-panel.open .chat-panel-input{transition:opacity .3s ease .2s}.chat-panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:2px solid var(--gold-primary);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chat-panel-header h3{margin:0;font-size:20px;font-weight:700;color:var(--black-primary);font-family:Space Grotesk,sans-serif;letter-spacing:-.5px}.chat-panel-header-actions{display:flex;align-items:center;gap:12px}.chat-history-button,.chat-back-button,.chat-new-chat-button{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;font-family:Inter,sans-serif;color:var(--black-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;white-space:nowrap}.chat-history-button{background:var(--white-pure);border:2px solid var(--gold-primary);box-shadow:0 2px 8px #ffe50033}.chat-history-button:hover{background:var(--gold-primary);transform:translateY(-2px);box-shadow:0 4px 12px #ffe50066}.chat-back-button,.chat-new-chat-button{background:var(--gold-primary);border:none;box-shadow:0 2px 8px #ffe5004d}.chat-back-button:hover,.chat-new-chat-button:hover{background:var(--gold-deep);transform:translateY(-2px);box-shadow:0 4px 12px #ffe50066}.chat-new-chat-button:active{transform:translateY(0)}.chat-panel-messages{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;background:transparent;display:flex;flex-direction:column;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:var(--gold-primary) transparent}.chat-panel-messages::-webkit-scrollbar{width:6px}.chat-panel-messages::-webkit-scrollbar-track{background:transparent}.chat-panel-messages::-webkit-scrollbar-thumb{background:var(--gold-primary);border-radius:3px}.message{display:flex;flex-direction:column;animation:fadeInMessage .3s ease;padding:16px;border-radius:16px;background:#fafafa;border:1px solid var(--gray-border);transition:all .2s ease}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-deep) 100%);border:none;color:var(--black-primary);box-shadow:0 3px 10px #ffe50033}.user-message:hover{box-shadow:0 4px 15px #ffe5004d}.assistant-message{align-self:stretch;background-color:transparent;color:var(--system-text-primary);border-bottom-left-radius:0;box-shadow:none;border:none;border-bottom:1px solid var(--system-gray-4);background:var(--white-pure);border:1px solid var(--gray-border);color:var(--black-primary)}.assistant-message:hover{border-color:var(--gold-primary);box-shadow:0 2px 8px #0000000d}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-author{font-size:12px;font-weight:700;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px}.user-message .message-author{color:var(--black-primary)}.assistant-message .message-author{color:var(--gold-deep)}.message-timestamp{font-size:11px;opacity:.7;font-family:Inter,sans-serif;color:var(--gray-text)}.user-message .message-timestamp{color:var(--black-soft)}.message-content{font-size:14px;line-height:var(--line-height-base);word-break:break-word;white-space:pre-wrap;text-align:left;font-weight:var(--font-weight-regular);color:var(--system-text-primary)}.user-message .message-content{color:var(--black-primary)}.assistant-message .message-content{color:var(--gray-dark)}.typing-indicator{display:flex;align-items:center;gap:6px;padding:16px 0}.typing-indicator span{width:8px;height:8px;background:var(--gold-primary);border-radius:50%;display:inline-block;animation:typingGold 1.4s infinite ease-in-out both}@keyframes typingGold{0%,to{transform:translateY(0);background:var(--gold-primary)}50%{transform:translateY(-8px);background:var(--gold-deep)}}.cursor{display:inline-block;width:2px;height:1.2em;background:var(--black-primary);margin-left:2px;animation:blinkGold 1s infinite;vertical-align:text-bottom}@keyframes blinkGold{0%,50%{opacity:1}51%,to{opacity:0}}.chat-panel-input{border-top:2px solid var(--gold-primary);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0}.chat-input-form{padding:20px;display:flex;flex-direction:column;gap:8px}.chat-input-wrapper{display:flex;flex-direction:row;gap:12px;align-items:flex-start}.chat-input::-webkit-scrollbar{width:8px}.chat-input::-webkit-scrollbar-track{background:transparent;margin-bottom:30px}.chat-input::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.chat-input::-webkit-scrollbar-thumb:hover{background:#999}.chat-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 3px transparent,0 2px 8px transparent}.chat-input::placeholder{color:var(--gray-text)}.chat-input:disabled{background:#f5f5f5;color:var(--gray-text);cursor:not-allowed}.character-counter{display:flex;justify-content:flex-end;pointer-events:none;margin-top:-4px}.character-count{font-size:11px;color:var(--gray-text);background:var(--white-pure);padding:3px 8px;border-radius:8px;border:1px solid var(--gray-border);font-family:Inter,sans-serif;font-weight:500;box-shadow:0 1px 3px #0000000d}.character-count.near-limit{color:#f59e0b;border-color:#f59e0b;background:#fef3c7}.character-count.at-limit{color:#dc2626;border-color:#dc2626;background:#fee2e2;font-weight:700}.send-button svg{flex-shrink:0}.send-button:hover:not(:disabled){background:var(--black-soft);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.send-button:disabled{background:#ccc;color:#666;cursor:not-allowed;box-shadow:none;transform:none}.chat-boundary-button{position:absolute;right:-32px;top:50%;transform:translateY(-50%);background:var(--gold-primary);border:2px solid var(--gold-deep);width:32px;height:80px;border-radius:0 12px 12px 0;font-size:11px;font-weight:700;color:var(--black-primary);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;box-shadow:2px 0 12px #ffe50040;z-index:101;writing-mode:horizontal-tb}.chat-boundary-button:hover{background:var(--gold-deep);border-color:var(--black-primary);right:-34px;width:34px}.chat-boundary-button:active{transform:translateY(-50%) scale(.98)}.chat-boundary-button:focus{outline:3px solid var(--black-primary);outline-offset:2px}.chat-boundary-button.collapsed{right:-32px;border-radius:0 12px 12px 0}.chat-boundary-arrow{font-size:24px;line-height:1;font-weight:700}.chat-floating-button{position:fixed;bottom:24px;left:24px;background:var(--gold-primary);color:var(--black-primary);width:52px;height:52px;border:2px solid var(--gold-deep);border-radius:50%;cursor:pointer;box-shadow:0 4px 16px #ffe50066;z-index:99;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.chat-floating-button:hover{background:var(--gold-deep);box-shadow:0 6px 24px #ffe50099;transform:scale(1.1);border-color:var(--black-primary)}.chat-floating-button:active{transform:scale(1.05)}.chat-floating-button:focus{outline:3px solid var(--black-primary);outline-offset:3px}.chat-floating-button .chat-icon{width:26px;height:26px;stroke-width:2.5}.chat-panel-messages .chat-history-container{padding:24px 16px;background:transparent;border:none;box-shadow:none;margin:0;border-radius:0;overflow-y:auto;max-height:100%;display:flex;flex-direction:column}.chat-panel-messages .chat-history-header{display:none}.chat-panel-messages .chat-history-loading{display:flex;justify-content:center;align-items:center;min-height:200px;padding:40px 0}.chat-panel-messages .chat-history-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0}.chat-panel-messages .chat-history-item{background:var(--white-pure);border:2px solid var(--gray-border);border-left:4px solid var(--gold-primary);padding:16px;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;animation:fadeInMessage .3s ease;animation-fill-mode:both}.chat-panel-messages .chat-history-item:hover{transform:translate(4px);box-shadow:0 4px 12px #ffe50033;border-left-color:var(--gold-deep)}.chat-panel-messages .chat-history-item.active{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-deep) 100%);border-color:var(--gold-deep);color:var(--black-primary);box-shadow:0 4px 12px #ffe5004d}.chat-panel-messages .chat-history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chat-panel-messages .chat-history-item-title{font-size:15px;font-weight:600;color:var(--black-primary);margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.3px}.chat-panel-messages .chat-history-item.active .chat-history-item-title{color:var(--black-primary)}.chat-panel-messages .chat-history-date{font-size:11px;color:var(--gray-text);background:var(--gray-border);padding:3px 8px;border-radius:8px;font-weight:500;font-family:Inter,sans-serif}.chat-panel-messages .chat-history-item.active .chat-history-date{background:var(--black-primary);color:var(--gold-primary)}.chat-panel-messages .chat-history-preview{font-size:13px;color:var(--gray-dark);margin:0 0 8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Inter,sans-serif}.chat-panel-messages .chat-history-item.active .chat-history-preview{color:var(--black-soft)}.chat-panel-messages .chat-history-meta{display:flex;align-items:center}.chat-panel-messages .chat-message-count{font-size:11px;color:var(--gray-text);font-weight:500;font-family:Inter,sans-serif}.chat-panel-messages .chat-history-item.active .chat-message-count{color:var(--black-soft);opacity:.8}.chat-panel-messages .new-chat-btn-history{display:none}.chat-full-warning{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;background:linear-gradient(135deg,#ff7977,#d25956);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #ff79774d;animation:slideUpFadeIn .3s ease-out;max-width:90%}.chat-full-message{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.new-chat-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.new-chat-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}@keyframes slideUpFadeIn{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.tools-toggle-floating-button{position:fixed;top:50%;right:20px;transform:translateY(-50%);background-color:var(--system-blue);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all var(--transition-fast) ease;z-index:98}.tools-toggle-floating-button:hover{background-color:var(--system-blue-dark);box-shadow:0 6px 16px #0003;transform:translateY(-50%) scale(1.05)}.canvas-section{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--spacing-lg);background-color:transparent;border-radius:0;box-shadow:none;border:none;width:100%;max-width:1000px;margin:0 auto;position:relative;border-left:none;background:transparent;padding-top:4rem;padding-left:4rem;padding-right:4rem;scrollbar-width:none;-ms-overflow-style:none}.canvas-section::-webkit-scrollbar{display:none}.chat-interface-title{color:var(--dark-gray);margin-top:0;text-align:center;margin-bottom:35px;font-size:1.8rem;font-weight:600;position:relative;padding-bottom:12px}.chat-interface-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:var(--deep-coral);border-radius:2px}.chat-messages{flex:1;overflow-y:auto;padding-top:var(--spacing-2xl);margin-bottom:0;background-color:transparent;border-radius:0;box-shadow:none;gap:var(--spacing-lg);min-height:0;height:calc(100vh - 220px);scroll-padding-top:20px;max-width:none;margin-left:auto;margin-right:auto;padding-left:max(var(--spacing-lg),calc(50% - 300px));padding-right:max(var(--spacing-lg),calc(50% - 300px));scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;gap:20px;padding:24px 16px 0;width:100%}.chat-messages::-webkit-scrollbar{display:none}.message:last-child{border-bottom:none}.message:hover{transform:none;background-color:var(--system-gray-6);box-shadow:none}.first-message{animation:fadeInFirst .6s ease;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFirst{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:stretch;background-color:transparent;color:var(--system-text-primary);border-bottom-right-radius:0;box-shadow:none;border-bottom:1px solid var(--system-gray-4)}.assistant-message.typing{border-bottom:1px solid var(--system-gray-4)}.message-author{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--system-text-secondary)}.user-message .message-author{color:var(--system-blue)}.assistant-message .message-author{color:var(--system-text-secondary)}.message-timestamp{font-size:var(--font-size-xs);opacity:.7;color:var(--system-text-tertiary)}.typing-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg) 0}.typing-indicator span{width:8px;height:8px;background-color:var(--system-text-secondary);border-radius:var(--radius-full);display:inline-block;opacity:.6;animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.chat-input-actions{display:flex;gap:8px;align-items:center}.chat-input-form{background-color:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--spacing-md);display:flex;justify-content:center}.chat-input-container{display:flex;gap:var(--spacing-md);align-items:center;width:100%;max-width:700px}.tools-header-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tools-header-chat{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--system-text-primary);letter-spacing:-.02em;line-height:var(--line-height-tight);font-size:48px;font-weight:700;color:var(--black-primary);margin:0 0 32px;letter-spacing:-.5px;font-family:Inter,sans-serif;text-align:center}.tools-info-icon{position:relative;display:inline-flex;align-items:center;cursor:help}.tools-info-icon:hover{color:#333}.info-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--system-white);border:1px solid var(--system-gray-3);border-radius:var(--radius-md);padding:var(--spacing-md);width:300px;box-shadow:0 4px 16px #0000001f;z-index:var(--z-tooltip);font-size:var(--font-size-sm);line-height:var(--line-height-base);text-align:left}.tools-info-icon:hover .info-tooltip{display:block;animation:tooltipFadeIn .2s ease-out}.info-tooltip p{margin:0 0 var(--spacing-sm) 0;color:var(--system-text-primary)}.info-tooltip p:last-child{margin-bottom:0}.info-tooltip strong{color:var(--system-text-primary);font-weight:var(--font-weight-semibold)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.chat-input{padding:var(--spacing-lg);border:1px solid var(--system-gray-3);border-radius:var(--radius-lg);background-color:var(--system-white);color:var(--system-text-primary);font-size:var(--font-size-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast) ease;min-height:60px;font-family:inherit;line-height:var(--line-height-normal);flex:1;padding:12px 16px;border:2px transparent;border-radius:12px;background:var(--white-pure);color:var(--black-primary);font-size:14px;font-family:Inter,sans-serif;transition:all .3s ease;min-height:48px;max-height:120px;resize:none;overflow-y:auto;line-height:1.5;box-shadow:0 2px 6px transparent}.chat-input:focus{outline:none;border-color:var(--system-blue);box-shadow:0 0 0 3px var(--system-blue-background)}.character-counter{position:absolute;bottom:8px;right:12px;pointer-events:none}.character-count{font-size:var(--font-size-xs);color:var(--system-text-secondary);background-color:var(--system-white);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--system-gray-4);transition:all var(--transition-fast) ease}.character-count.near-limit{color:#f59e0b;border-color:#f59e0b;background-color:#fef3c7}.character-count.at-limit{color:#dc2626;border-color:#dc2626;background-color:#fee2e2;font-weight:var(--font-weight-semibold)}.send-button{background:var(--black-primary);color:var(--gold-primary);border:none;width:48px;height:48px;min-width:48px;max-width:48px;min-height:48px;max-height:48px;border-radius:50%;cursor:pointer;font-size:14px;font-weight:700;font-family:Inter,sans-serif;transition:all .3s ease;box-shadow:0 4px 12px #0003;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.send-button:hover:not(:disabled){background-color:var(--system-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.tools-button{background-color:var(--system-gray-2);color:var(--system-white);border:none;padding:0;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast) ease;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;height:60px;width:60px}.tools-button img{width:24px;height:24px;object-fit:contain}.tools-button:hover{background-color:var(--system-blue);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.tools-button:active{transform:translateY(0);transition-duration:var(--transition-fast)}.dropbox-container{display:flex;justify-content:center}.tools-container{margin-top:0;padding:0;background:transparent;border-radius:0;box-shadow:none;border:none}.tools-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:16px;max-width:700px;margin:0 auto}.tool-item{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-left:4px solid var(--gold-primary);padding:24px 28px;border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #00000014;position:relative;overflow:hidden;animation:fadeInToolCard .4s ease forwards;opacity:0}.tool-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--gold-primary) 0%,var(--gold-deep) 100%);transition:width .3s ease}.tool-item:hover:before{width:8px}@keyframes fadeInToolCard{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-item:hover{box-shadow:0 10px 30px #ffe50033,0 5px 20px #0000001a;border-left-color:var(--gold-deep);padding-left:28px!important}.tool-item:active{transform:translateY(-1px);transition-duration:.1s}.tool-item-content{width:100%}.tool-item-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.tool-item-left{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.tool-item-name{font-size:19px;font-weight:600;color:var(--black-primary);margin:0;line-height:1.3;font-family:Space Grotesk,sans-serif;letter-spacing:-.5px}.tool-item-meta{display:flex;gap:10px;align-items:center;flex-shrink:0}.tool-status{background:var(--gray-dark);color:var(--white-pure);text-transform:capitalize}.tool-item-files{display:flex;align-items:baseline;gap:16px;flex-wrap:nowrap;margin-top:4px;overflow:hidden}.tool-file-group{display:flex;align-items:baseline;gap:6px;min-width:0;flex-shrink:1}.tool-file-label{font-size:12px;color:var(--gray-text);font-weight:600;font-family:Inter,sans-serif;text-transform:lowercase;flex-shrink:0}.tool-file-list{font-size:12px;color:var(--gray-dark);font-weight:400;font-family:Inter,sans-serif;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1;padding-right:2px}.dropbox-header{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:24px;padding:0 0 24px;border-bottom:2px solid var(--gold-primary)}.dropbox-info-message{background:#ffe50014;border:2px solid rgba(255,229,0,.2);border-radius:12px;padding:16px 20px;margin-bottom:24px;text-align:center}.dropbox-info-message .info-text{font-size:15px;font-weight:600;color:var(--black-primary);margin:0 0 8px;font-family:Inter,sans-serif}.dropbox-info-message .info-formats{font-size:13px;font-weight:500;color:var(--gray-dark);margin:0 0 6px;font-family:Inter,sans-serif}.dropbox-info-message .info-limits{font-size:12px;color:var(--gray-text);margin:0;font-family:Inter,sans-serif;opacity:.9}.selected-tool-title{font-size:26px;font-weight:600;color:var(--black-primary);margin:0;letter-spacing:-.8px;font-family:Space Grotesk,sans-serif;flex:1}.back-to-tools-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--black-primary);border:none;padding:12px 8px;border-radius:50px;cursor:pointer;font-size:14px;font-weight:600;font-family:Inter,sans-serif;transition:all .3s ease;box-shadow:none;position:fixed;left:400px;top:100px;z-index:150}.chat-panel.collapsed~.main-content-area .back-to-tools-btn{left:20px}.back-to-tools-btn:hover{background:transparent;transform:translateY(-2px);box-shadow:none}.back-to-tools-btn:active{transform:translateY(0)}.back-to-tools-btn svg{width:16px;height:16px}.dropbox-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:0;margin-top:24px}.dropbox-item{background:var(--white-pure);border:2px solid var(--gold-primary);border-radius:20px;padding:24px;text-align:center;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;min-width:220px;box-shadow:0 5px 20px #00000014;position:relative;overflow:hidden}.dropbox-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-deep) 100%);border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:-1}.dropbox-item:hover{background:var(--gold-primary);color:var(--black-primary);transform:translateY(-4px);box-shadow:0 10px 30px #ffe5004d}.dropbox-item:hover:before{opacity:1}.dropbox-item-filled{background:var(--gold-primary);border-color:var(--gold-deep);color:var(--black-primary)}.dropbox-item-filled:before{opacity:0}.dropbox-item-filled:hover{background:var(--gold-deep);transform:translateY(-2px)}.dropbox-content{width:100%;margin-bottom:12px}.dropbox-category{font-weight:600;color:var(--black-primary);margin:0 0 16px;padding:0;font-size:16px;text-align:center;font-family:Space Grotesk,sans-serif;letter-spacing:-.3px;border-bottom:none}.dropbox-empty-state{display:flex;align-items:center;justify-content:center;margin-top:8px}.dropbox-plus-circle{width:24px;height:24px;border:1.5px solid var(--gold-deep);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.8;position:relative}.dropbox-plus-icon{color:var(--gold-deep);transition:all .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dropbox-item:hover .dropbox-plus-circle{opacity:1;transform:scale(1.1);border-color:var(--black-primary);background:#00000008}.dropbox-item:hover .dropbox-plus-icon{color:var(--black-primary)}.dropbox-item.active .dropbox-plus-circle{opacity:1;transform:scale(1.15);border-color:var(--black-primary);background:#0000000d}.dropbox-item.active .dropbox-plus-icon{color:var(--black-primary)}.file-list-preview{font-size:12px;text-align:left;max-height:100px;overflow-y:auto;padding:12px;background:#00000008;border-radius:12px;margin-bottom:12px;width:100%;border:1px solid rgba(0,0,0,.08);font-family:Inter,sans-serif}.dropbox-item-filled .file-list-preview{background:#0000001a;border-color:#00000026}.file-list-preview p{margin:0 0 8px;font-weight:600;color:var(--black-primary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.file-list-preview ul{list-style:none;padding:0;margin:0}.file-list-preview li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gray-dark);padding:4px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:11px}.file-list-preview li:last-child{border-bottom:none}.file-icon{color:var(--gold-deep);flex-shrink:0}.file-item{display:flex;justify-content:flex-start;align-items:center;gap:8px}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.remove-file-btn{background:transparent;border:none;color:var(--gray-text);font-size:16px;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;flex-shrink:0;order:-1}.remove-file-btn:hover{background:#0000001a;color:var(--black-primary)}.remove-file-btn:active{transform:scale(.9)}.remove-file-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.submit-button-container{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:48px;width:100%}.extraction-progress-container{width:100%;max-width:400px;padding:24px;background:#ffe50014;border-radius:16px;border:2px solid rgba(255,229,0,.2);box-shadow:0 4px 12px #0000000d;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-files-button{background:var(--black-primary);color:var(--gold-primary);border:none;padding:18px 48px;border-radius:50px;cursor:pointer;font-size:16px;font-weight:700;font-family:Inter,sans-serif;transition:all .3s ease;box-shadow:0 6px 20px #0003;min-width:250px;letter-spacing:.5px}.submit-files-button:hover:not(:disabled){box-shadow:0 10px 30px #0000004d;background:var(--black-soft)}.submit-files-button:active:not(:disabled){transform:translateY(-1px)}.submit-files-button:disabled{background:#0009;color:var(--gold-primary);cursor:not-allowed;box-shadow:none;transform:none;opacity:.7}.submit-files-button.extracting{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.auth-bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.auth-bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:auth-float 20s ease-in-out infinite}.auth-bg-shape-1{width:600px;height:600px;background:linear-gradient(135deg,#ffe500,#ffd000);top:-200px;right:-200px;animation-delay:0s}.auth-bg-shape-2{width:500px;height:500px;background:linear-gradient(135deg,#000,#333);bottom:-150px;left:-150px;animation-delay:7s}.auth-bg-shape-3{width:400px;height:400px;background:linear-gradient(135deg,#ffe500,#ffed4e);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}.auth-bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5}@keyframes auth-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.auth-container{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000001a;position:relative;z-index:1;animation:auth-slideUp .6s cubic-bezier(.34,1.56,.64,1)}@keyframes auth-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-back-button{margin-bottom:20px}.auth-back-btn{background:none;border:none;color:#666;font-size:13px;font-weight:500;cursor:pointer;padding:6px 0;transition:color .2s;font-family:Inter,sans-serif;display:flex;align-items:center;gap:4px}.auth-back-btn:hover{color:#000}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:42px;font-weight:700;color:#000;margin-bottom:24px;letter-spacing:-.5px;font-family:Playfair Display,serif}.auth-title{font-size:20px!important;font-weight:700;color:#000;margin:0 0 8px;font-family:Inter,sans-serif;letter-spacing:-.5px}.auth-subtitle{color:#666;font-size:15px;margin:0;font-weight:400;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form-group{display:flex;flex-direction:column;gap:6px}.auth-form-group label{font-weight:600;color:#1a1a1a;font-size:13px;font-family:Inter,sans-serif}.auth-form-group input[type=email],.auth-form-group input[type=password]{padding:12px 16px;border-radius:10px;border:1.5px solid #ddd;background-color:#fafafa;font-size:15px;transition:all .2s;color:#000;font-family:Inter,sans-serif}.auth-form-group input[type=email]:focus,.auth-form-group input[type=password]:focus{outline:none;border-color:#ffe500;background-color:#fff;box-shadow:0 0 0 3px #ffe5001a}.auth-form-group input::placeholder{color:#999}.auth-form-group input:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.6}.auth-login-button{background:#ffe500;color:#000;border:none;padding:14px 24px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;margin-top:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;font-family:Inter,sans-serif;box-shadow:0 2px 8px #ffe50040;letter-spacing:.3px}.auth-login-button:hover:not(:disabled){background:#ffd000;transform:translateY(-1px);box-shadow:0 4px 12px #ffe50059}.auth-login-button:active:not(:disabled){transform:translateY(0)}.auth-login-button.loading{background:#e5e5e5;color:#666;cursor:not-allowed;transform:none!important;box-shadow:none}.auth-login-button:disabled{background:#e5e5e5;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.auth-links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e8e8e8}.auth-link{color:#666;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s;font-family:Inter,sans-serif}.auth-link:hover{color:#000}.auth-link-separator{color:#ddd;font-size:12px}@media (max-width: 768px){.auth-container{padding:36px 28px;border-radius:18px}.auth-title{font-size:18px!important}.auth-logo{font-size:38px}}@media (max-width: 480px){.auth-page-wrapper{padding:20px 16px}.auth-container{padding:32px 24px;border-radius:16px}.auth-title{font-size:18px!important}.auth-subtitle{font-size:14px}.auth-logo{font-size:36px}.auth-links{flex-direction:column;gap:12px}.auth-link-separator{display:none}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:#1a1a1a;font-size:13px;font-family:Inter,sans-serif}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{padding:12px 16px;border-radius:10px;border:1.5px solid #ddd;background-color:#fafafa;font-size:15px;transition:all .2s;color:#000;font-family:Inter,sans-serif}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{outline:none;border-color:#ffe500;background-color:#fff;box-shadow:0 0 0 3px #ffe5001a}.form-group input::placeholder{color:#999}.form-group input:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.6}.login-button{background:#ffe500;color:#000;border:none;padding:14px 24px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;margin-top:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;font-family:Inter,sans-serif;box-shadow:0 2px 8px #ffe50040;letter-spacing:.3px}.login-button:hover:not(:disabled){background:#ffd000;transform:translateY(-1px);box-shadow:0 4px 12px #ffe50059}.login-button.loading{background:#e5e5e5;color:#666;cursor:not-allowed;transform:none!important;box-shadow:none}.login-button:disabled{background:#e5e5e5;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.error-boundary-container{display:flex;justify-content:center;align-items:center;min-height:50vh;padding:2rem}.error-boundary-content{text-align:center;max-width:600px;width:100%;background:#fff;border-radius:8px;padding:3rem;box-shadow:0 4px 6px #0000001a}.error-boundary-content h1{color:var(--deep-bordeaux, #4a1f23);font-size:2rem;margin-bottom:1rem}.error-message{color:var(--dark-gray, #333333);font-size:1.1rem;line-height:1.6;margin-bottom:2rem;padding-left:40px}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-reset-button,.error-reload-button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .3s ease}.error-reset-button{background-color:var(--coral, #ff7977);color:#fff}.error-reset-button:hover{background-color:var(--deep-coral, #d25956)}.error-reload-button{background-color:transparent;color:var(--coral, #ff7977);border:2px solid var(--coral, #ff7977)}.error-reload-button:hover{background-color:var(--coral, #ff7977);color:#fff}.error-details{margin-top:2rem;text-align:left}.error-details summary{cursor:pointer;color:var(--dark-gray, #333333);font-weight:500;padding:.5rem;background-color:#f5f5f5;border-radius:4px;margin-bottom:.5rem}.error-stack{background-color:#f5f5f5;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.85rem;line-height:1.5;color:#333;max-height:300px;overflow-y:auto}.column-filter{position:relative;display:inline-block}.filter-button{background:none;border:none;padding:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;color:var(--black-primary, #000);border-radius:4px;transition:all .3s ease;position:relative}.filter-button:hover{background-color:#0000001a}.filter-button.active{color:var(--black-primary, #000)}.filter-button svg{width:14px;height:14px}.filter-count{background-color:var(--black-primary, #000);color:var(--gold-primary, #ffe500);border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700;min-width:18px;text-align:center;font-family:Space Grotesk,sans-serif}.filter-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fffffff7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid var(--gold-primary, #ffe500);border-radius:12px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffe50033;width:240px;z-index:1001;display:flex;flex-direction:column;max-height:400px;font-family:Space Grotesk,sans-serif}.filter-header{display:flex;justify-content:center;align-items:center;padding:12px;border-bottom:2px solid var(--gold-primary, #ffe500);background:linear-gradient(135deg,var(--gold-primary, #ffe500) 0%,var(--gold-deep, #ffd000) 100%);border-radius:10px 10px 0 0}.filter-title{font-weight:700;font-size:12px;color:var(--black-primary, #000);text-transform:uppercase;letter-spacing:.5px;font-family:Space Grotesk,sans-serif}.filter-search{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.1);background:#00000005}.filter-search input{width:100%;padding:8px 10px;border:1px solid rgba(0,0,0,.2);border-radius:6px;font-size:13px;outline:none;transition:all .3s ease;background:#fff;color:var(--black-primary, #000);font-family:Space Grotesk,sans-serif;font-weight:500}.filter-search input::placeholder{color:#0006}.filter-search input:focus{border-color:var(--gold-primary, #ffe500);box-shadow:0 0 0 3px #ffe50026}.filter-actions{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.1);background:#00000005}.action-link{background:none;border:none;color:var(--black-primary, #000);font-size:11px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s ease;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.3px}.action-link:hover:not(:disabled){background-color:#ffe5004d;color:var(--black-primary, #000)}.action-link:disabled{color:#999;cursor:not-allowed;opacity:.5}.filter-options{overflow-y:auto;max-height:200px;padding:4px 0;background:transparent}.filter-option{display:flex;align-items:center;padding:2px 12px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(0,0,0,.09)}.filter-option:hover{background-color:#ffe50026}.filter-option input[type=checkbox]{margin-right:10px;cursor:pointer;width:16px;height:16px;accent-color:var(--gold-primary, #ffe500);border:2px solid var(--black-primary, #000)}.option-label{font-size:13px;color:var(--black-primary, #000);flex:1;display:flex;justify-content:space-between;align-items:center;font-family:Space Grotesk,sans-serif;font-weight:500}.option-count{font-size:11px;color:#00000080;margin-left:6px;font-family:Space Grotesk,sans-serif}.no-options{padding:16px;text-align:center;color:#00000080;font-size:13px;font-family:Space Grotesk,sans-serif}.filter-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px;border-top:2px solid var(--gold-primary, #ffe500);background:linear-gradient(135deg,var(--gold-primary, #ffe500) 0%,var(--gold-deep, #ffd000) 100%);border-radius:0 0 10px 10px}.cancel-button,.apply-button{padding:8px 14px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.5px}.cancel-button{background-color:transparent;color:var(--black-primary, #000);border:2px solid var(--black-primary, #000)}.cancel-button:hover{background-color:var(--black-primary, #000);color:var(--gold-primary, #ffe500);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.apply-button{background-color:var(--black-primary, #000);color:var(--gold-primary, #ffe500);box-shadow:0 2px 8px #0003}.apply-button:hover{background-color:var(--black-soft, #1a1a1a);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.filter-options::-webkit-scrollbar{width:8px}.filter-options::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.filter-options::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.filter-options::-webkit-scrollbar-thumb:hover{background:#0000004d}.date-range-filter{position:relative;display:inline-block;margin-left:8px}.date-range-dropdown{min-width:320px}.date-range-inputs{padding:16px;border-bottom:1px solid #e0e0e0}.date-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.date-row:last-child{margin-bottom:0}.date-label{font-size:12px;font-weight:600;color:var(--dark-gray)}.date-time-group{display:flex;flex-direction:row;gap:8px;align-items:center}.date-input,.time-input{padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;font-family:inherit;background-color:#fff;transition:border-color .2s,box-shadow .2s;cursor:pointer}.date-input{flex:1;min-width:150px}.time-input{flex:0 0 110px}.date-input:focus,.time-input:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 2px #ff79771a}.date-input:hover,.time-input:hover{border-color:var(--deep-coral)}.date-input::-webkit-calendar-picker-indicator,.time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.date-input::-webkit-calendar-picker-indicator:hover,.time-input::-webkit-calendar-picker-indicator:hover{opacity:1}.date-range-dropdown .filter-actions{padding:12px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-end}.date-range-dropdown .filter-actions .action-link{background:none;border:none;color:var(--coral);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;transition:color .2s}.date-range-dropdown .filter-actions .action-link:hover:not(:disabled){color:var(--deep-coral);text-decoration:underline}.date-range-dropdown .filter-actions .action-link:disabled{color:#999;cursor:not-allowed}.review-history-container{max-width:1300px;margin:2rem auto;padding:0 4rem;animation:fadeIn .6s ease-out}.review-history-header{margin-bottom:1.5rem;text-align:center;animation:slideUp .6s ease-out}.review-history-header h1{font-size:48px;font-weight:700;color:var(--black-primary);margin:0 0 16px;letter-spacing:-.5px;font-family:Inter,sans-serif}.review-history-subtitle{font-size:18px;color:var(--gray-text);margin:0;font-weight:400;font-family:Inter,sans-serif}.review-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;animation:fadeIn .4s ease-out}.review-history-error{text-align:center;padding:3rem;animation:fadeIn .4s ease-out;color:#dc2626;font-size:16px;font-family:Inter,sans-serif}.review-history-empty{text-align:center;padding:4rem 2rem;animation:fadeIn .6s ease-out;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid var(--gray-border);box-shadow:0 5px 20px #00000014}.review-history-empty p{font-size:16px;color:var(--gray-text);margin:0;font-family:Inter,sans-serif}.pagination-info{margin-bottom:24px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.pagination-info p{color:var(--gray-text);font-size:14px;margin:0;font-family:Inter,sans-serif}.clear-filters-btn{background:var(--gold-primary);color:var(--black-primary);border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;box-shadow:0 2px 8px #ffe5004d}.clear-filters-btn:hover{background:var(--gold-deep);transform:translateY(-2px);box-shadow:0 4px 12px #ffe50066}.review-history-table-container{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 5px 20px #00000014;border:none;overflow:visible;animation:slideUp .6s ease-out;animation-delay:.15s;animation-fill-mode:both}.review-history-table-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;pointer-events:none;z-index:-1}.review-history-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:20px}.review-history-table thead tr:first-child th:first-child{border-top-left-radius:20px}.review-history-table thead tr:first-child th:last-child{border-top-right-radius:20px}.review-history-table tbody tr:last-child td:first-child{border-bottom-left-radius:20px}.review-history-table tbody tr:last-child td:last-child{border-bottom-right-radius:20px}.review-history-table th{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-deep) 100%);color:var(--black-primary);padding:18px 24px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border:none;font-family:Inter,sans-serif;position:relative;overflow:visible}.review-history-table th .th-content{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.review-history-table thead,.review-history-table thead tr{overflow:visible}.review-history-table td{padding:18px 24px;border-bottom:1px solid var(--gray-border);font-size:14px;color:var(--black-primary);vertical-align:middle;font-family:Inter,sans-serif}.review-history-table tbody tr{transition:all .3s ease;background:var(--white-pure)}.review-history-table tbody tr:hover{background:#ffe5000d;transform:scale(1.005)}.review-history-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;min-width:90px;justify-content:center;font-family:Inter,sans-serif;box-shadow:0 2px 6px #0000001a}.status-started{background:#e3f2fd;color:#1976d2}.status-extracted{background:#ff950026;color:#e67700}.status-reviewed{background:#34c75926;color:#28a745}.status-completed{background:var(--gold-primary);color:var(--black-primary);box-shadow:0 2px 6px #ffe5004d}.status-failed{background:#ff3b3026;color:#dc2626}.view-button{display:inline-flex;align-items:center;gap:6px;background:var(--black-primary);color:var(--gold-primary);border:none;padding:5px 10px;border-radius:50px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:Inter,sans-serif;box-shadow:0 3px 10px #0003}.view-button:hover{background:var(--black-soft);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.view-button:active{transform:translateY(0);transition-duration:.1s}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px;padding:24px 0}.pagination-btn{padding:12px 24px;border:2px solid var(--gray-border);background:var(--white-pure);color:var(--gray-text);border-radius:50px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;min-width:120px;font-family:Inter,sans-serif;box-shadow:0 2px 8px #0000000d}.pagination-btn:hover:not(:disabled){background:var(--gold-primary);color:var(--black-primary);border-color:var(--gold-primary);transform:translateY(-2px);box-shadow:0 4px 12px #ffe5004d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5;color:#ccc;border-color:#e8e8e8}.pagination-current{padding:12px 32px;font-weight:600;color:var(--black-primary);font-size:14px;font-family:Space Grotesk,sans-serif}@media (max-width: 768px){.review-history-container{padding:0 24px;margin:32px auto}.review-history-header h1{font-size:36px}.review-history-subtitle{font-size:16px}.review-history-table-container{overflow-x:auto;border-radius:16px}.review-history-table{min-width:600px}.review-history-table th,.review-history-table td{padding:14px 18px}.status-badge{min-width:75px;font-size:10px;padding:5px 12px}.view-button{padding:8px 16px;font-size:12px}.pagination-controls{flex-wrap:wrap;gap:8px}.pagination-btn{min-width:90px;padding:10px 18px;font-size:13px}.pagination-current{width:100%;text-align:center;order:-1;margin-bottom:8px}}@media (max-width: 480px){.review-history-container{padding:0 16px}.review-history-header h1{font-size:28px}.review-history-subtitle{font-size:14px}.pagination-btn{min-width:70px;padding:8px 14px;font-size:12px}}.extraction-id{color:#999;font-size:.9em;font-weight:400;margin-left:5px}.review-history-table tbody td:first-child{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-table-message{text-align:center;padding:48px 24px!important;color:var(--gray-text);font-size:16px;font-family:Inter,sans-serif;font-style:italic}.inline-clear-filters{background:none;border:none;color:var(--gold-primary);text-decoration:underline;cursor:pointer;font-size:16px;font-family:Inter,sans-serif;font-weight:600;transition:color .3s ease;padding:0;margin:0}.inline-clear-filters:hover{color:var(--gold-deep)}.extracted-field-card{border:none;padding:15px;margin-bottom:10px;border-radius:12px;display:flex;flex-direction:column;gap:10px;background-color:#ffffff40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 8px #00000014}.extracted-field-card .field-header{display:flex;align-items:center;gap:5px}.extracted-field-card label{font-weight:700}.extracted-field-card .field-input-wrapper{position:relative;display:flex;align-items:center}.extracted-field-card input[type=text]{flex-grow:1;padding:15px;border:none;border-radius:10px;background-color:#f0f0f0;color:#333;box-shadow:0 2px 8px #00000014;transition:background-color .2s ease,border .2s ease;cursor:text}.extracted-field-card input[type=text][readonly]{cursor:not-allowed;-webkit-user-select:none;user-select:none}.extracted-field-card input[type=text].field-checked{background-color:#add8e6!important;cursor:not-allowed}.extracted-field-card input[type=checkbox]{margin-left:0;margin-right:5px}:root{--gold-primary: #ffe500;--gold-deep: #ffd000;--gold-accent: #e6c200;--black-primary: #000000;--black-soft: #1a1a1a;--white-pure: #ffffff;--gray-text: #666666;--gray-dark: #333333;--gray-border: #e8e8e8}.review-page-container{position:fixed;top:100px;left:0;right:0;bottom:0;background-color:transparent;display:flex;overflow:hidden;z-index:1}.review-page-loading{position:fixed;top:100px;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:transparent;z-index:1}.review-page-error{position:fixed;top:100px;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;padding:var(--spacing-xl);text-align:center;z-index:1}.review-page-error p{color:var(--system-red);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:Space Grotesk,sans-serif;margin-bottom:var(--spacing-xl);letter-spacing:-.5px}.review-page-error button{background:var(--black-primary);color:var(--gold-primary);border:none;padding:16px 40px;border-radius:50px;cursor:pointer;font-size:var(--font-size-base);font-weight:700;font-family:Inter,sans-serif;transition:all .3s ease;box-shadow:0 6px 20px #0003;letter-spacing:.5px}.review-page-error button:hover{background:var(--black-soft);box-shadow:0 10px 30px #0000004d}.close-button{position:fixed;top:calc(100px + var(--spacing-lg));right:var(--spacing-lg);background:var(--gold-primary);border:2px solid var(--gold-deep);width:44px;height:44px;border-radius:50%;cursor:pointer;color:var(--black-primary);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;box-shadow:0 4px 16px #ffe50066}.close-button:hover{background:var(--gold-deep);border-color:var(--black-primary);transform:scale(1.1);box-shadow:0 6px 24px #ffe50099}.close-button:active{transform:scale(1.05)}.file-viewer-container{flex:1.5;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:auto;height:100%;border-right:1px solid var(--gray-text);box-shadow:2px 0 15px #ffe5001a;position:relative;z-index:3;scrollbar-width:thin;scrollbar-color:#999999 transparent}.file-viewer-container::-webkit-scrollbar{width:8px;height:8px}.file-viewer-container::-webkit-scrollbar-track{background:transparent}.file-viewer-container::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.file-viewer-container::-webkit-scrollbar-thumb:hover{background:#777}.fields-section{flex:1;display:flex;flex-direction:column;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;height:100%;position:relative;z-index:3}.file-tabs-container{padding:0 var(--spacing-lg);padding-top:var(--spacing-md);background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:none}.file-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:0}.file-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:14px 24px;background:transparent;color:var(--gray-text);border:none;border-bottom:3px solid transparent;border-radius:0;cursor:pointer;font-size:14px;font-weight:600;font-family:Inter,sans-serif;transition:all .3s ease;box-shadow:none;position:relative}.file-tab:before{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:var(--gray-text);transform:scaleX(0);transition:transform .3s ease}.file-tab[data-tooltip]{overflow:visible}.file-tabs-container{position:relative;z-index:100}.file-tab[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:0;background-color:var(--white-pure);border:1px solid var(--gray-border);border-radius:8px;padding:12px 16px;min-width:200px;max-width:350px;box-shadow:0 4px 16px #0000001f;z-index:10000;font-size:13px;line-height:1.5;text-align:left;white-space:normal;color:var(--black-primary);font-weight:400;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 0s,visibility 0s,transform 0s}.file-tab[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease-out .5s,visibility 0s .5s,transform .2s ease-out .5s}@keyframes tooltipFadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.file-tab:hover{background:#ffe5001a;color:var(--black-primary);transform:none;box-shadow:none}.file-tab:hover:before{transform:scaleX(1)}.file-tab.active{background:#ffffffe6;color:var(--black-primary);border-bottom:3px solid var(--gold-primary);transform:none;box-shadow:0 -2px 8px #ffe50026}.file-tab.active:before{transform:scaleX(1)}.file-tab-name{font-weight:600;letter-spacing:.3px}.file-tab-count{background:var(--gold-primary);color:var(--black-primary);padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700;min-width:22px;text-align:center;letter-spacing:.5px;box-shadow:0 2px 6px #ffe50040}.file-tab.active .file-tab-count{background:var(--black-primary);color:var(--white-pure);box-shadow:0 2px 6px #0003}.file-tab.all-checked{background:#0000000d;color:var(--black-primary);border-bottom:3px solid var(--black-primary)}.file-tab.all-checked:before{background:var(--gold-deep);transform:scaleX(1)}.file-tab.all-checked .file-tab-count{background:var(--black-primary);color:var(--gold-primary);box-shadow:0 2px 6px #0003}.file-tab.all-checked.active{background:#ffffffe6;border-bottom:3px solid var(--black-primary)}.file-tab.all-checked:hover{background:#00000014}.extracted-fields-container{flex:1;overflow-y:auto;padding:var(--spacing-md);background:transparent;scrollbar-width:thin;scrollbar-color:#999999 transparent}.extracted-fields-container::-webkit-scrollbar{width:6px}.extracted-fields-container::-webkit-scrollbar-track{background:transparent}.extracted-fields-container::-webkit-scrollbar-thumb{background:#999;border-radius:3px}.extracted-fields-container::-webkit-scrollbar-thumb:hover{background:#777}.extracted-fields-container h3{color:var(--black-primary);margin:0 0 var(--spacing-xl) 0;font-size:32px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:-.5px;line-height:1.2}.page-section{margin-bottom:var(--spacing-2xl);animation:fadeInSection .4s ease forwards;opacity:0}.page-section:nth-child(1){animation-delay:0s}.page-section:nth-child(2){animation-delay:.05s}.page-section:nth-child(3){animation-delay:.1s}.page-section:nth-child(4){animation-delay:.15s}.page-section:nth-child(5){animation-delay:.2s}@keyframes fadeInSection{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-xl) 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--gray-text)}.page-header:first-of-type{margin-top:0}.page-checkbox{width:20px;height:20px;accent-color:var(--gold-primary);cursor:pointer;transition:transform .2s ease}.page-checkbox:hover{transform:scale(1.1)}.page-title{font-size:18px;font-weight:600;color:var(--black-primary);font-family:Space Grotesk,sans-serif;margin:0;letter-spacing:-.3px;flex:1}.goto-page-button{background:var(--gray-border);color:var(--black-primary);border:2px solid var(--black-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:50px;cursor:pointer;font-size:11px;font-weight:600;font-family:Inter,sans-serif;transition:all .3s ease;margin-left:auto;box-shadow:0 2px 8px #ffe5004d;letter-spacing:.3px}.goto-page-button:hover{background:var(--gold-deep);box-shadow:0 4px 12px #ffe50066}.goto-page-button:active{transform:translateY(0)}.submit-section{padding:var(--spacing-xl);border-top:2px solid var(--gray-text);background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-around;gap:var(--spacing-lg);box-shadow:0 -4px 12px #ffe5001a;max-height:4rem;flex-shrink:0}.submit-button-review{background:var(--white-pure);color:var(--black-primary);border:2px solid var(--black-primary);padding:8px 24px;border-radius:50px;cursor:pointer;font-size:13px;font-weight:700;font-family:Inter,sans-serif;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-width:140px;box-shadow:0 3px 8px #00000026;letter-spacing:.5px}.submit-button-review:hover:not(.disabled){box-shadow:0 10px 30px #0000004d;background:var(--gold-deep)}.submit-button-review:active:not(.disabled){transform:translateY(-1px)}.submit-button-review.disabled{background:#0009;color:var(--gray-border);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.save-draft-button{background:transparent;color:var(--black-primary);border:2px solid var(--black-primary);padding:8px 24px;border-radius:50px;cursor:pointer;font-size:13px;font-weight:600;font-family:Inter,sans-serif;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-width:140px;letter-spacing:.5px;box-shadow:0 3px 8px #00000014}.save-draft-button:hover:not(:disabled){background:var(--gold-deep);color:var(--black-primary);border-color:var(--black-primary);box-shadow:0 8px 24px #ffe50059}.save-draft-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ffe50040}.save-draft-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:transparent;border-color:var(--gray-text);color:var(--gray-text);box-shadow:none}.error-message{color:var(--system-red);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:Inter,sans-serif;margin:0;padding:var(--spacing-md) var(--spacing-lg);background:var(--system-red-background);border:2px solid var(--system-red-border);border-radius:12px;box-shadow:0 2px 8px #ff3b301a}.empty-state{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);color:var(--gray-text);background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;margin:var(--spacing-xl)}.empty-state h2{font-size:28px;font-weight:700;color:var(--black-primary);font-family:Inter,sans-serif;margin:0 0 var(--spacing-md) 0;letter-spacing:-.5px}.empty-state p{font-size:16px;color:var(--gray-text);font-family:Inter,sans-serif;line-height:1.6;max-width:500px;margin:0 auto}.review-page-container .file-viewer-container canvas{max-width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 4px 16px #0000001a}.review-page-container .file-viewer-container canvas.zoom-active{max-width:none}.review-page-container .file-viewer-container>div{overflow-y:auto;height:100%}@media (max-width: 768px){.review-page-bg-decoration{top:60px;height:calc(100% - 60px)}.review-page-container{flex-direction:column;top:60px}.review-page-loading,.review-page-error{top:60px}.review-page-error p{font-size:var(--font-size-lg)}.review-page-error button{padding:14px 32px;font-size:14px}.close-button{top:calc(60px + var(--spacing-md));right:var(--spacing-md);width:40px;height:40px;font-size:18px;background:#ffe500f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.file-viewer-container{flex:none;height:40%;border-right:none;border-bottom:2px solid var(--gold-primary)}.fields-section{flex:1;height:60%}.file-tabs-container{padding:0 var(--spacing-md);padding-top:var(--spacing-md)}.file-tabs{gap:2px}.file-tab{padding:12px 16px;font-size:13px;flex:1;min-width:0;justify-content:center}.file-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tab-count{font-size:10px;padding:2px 6px}.extracted-fields-container{padding:var(--spacing-md)}.extracted-fields-container h3{font-size:24px;margin-bottom:var(--spacing-md)}.page-header{gap:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.page-title{font-size:16px}.goto-page-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px}.submit-section{padding:var(--spacing-md);flex-direction:column}.save-draft-button{padding:14px 28px;font-size:14px;width:100%;min-width:unset}.review-page-container .file-viewer-container>div{padding:var(--spacing-md)}}@media (max-width: 480px){.review-page-container,.review-page-loading,.review-page-error{top:60px}.close-button{top:calc(60px + var(--spacing-sm));right:var(--spacing-sm);width:36px;height:36px;font-size:16px}.file-viewer-container{height:35%}.fields-section{height:65%}.file-tabs-container{padding:0 var(--spacing-sm);padding-top:var(--spacing-sm)}.extracted-fields-container,.submit-section{padding:var(--spacing-sm)}.file-tab{padding:10px 12px;font-size:12px}.extracted-fields-container h3{font-size:20px}.page-title{font-size:14px}.goto-page-button{padding:var(--spacing-xs);font-size:11px}.save-draft-button{padding:12px 24px;font-size:13px}.review-page-container .file-viewer-container>div{padding:var(--spacing-sm)}.empty-state{padding:var(--spacing-2xl) var(--spacing-md);margin:var(--spacing-md)}.empty-state h2{font-size:22px}.empty-state p{font-size:14px}}:root{--gold-primary: #ffe500;--gold-deep: #ffd000;--gold-accent: #e6c200;--black-primary: #000000;--black-soft: #1a1a1a;--white-pure: #ffffff;--gray-text: #666666;--gray-dark: #333333;--gray-border: #e8e8e8;--gray-light: #f5f5f5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 5px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(255, 229, 0, .2);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--status-success: #28a745;--status-error: #dc2626;--status-warning: #e67700;--z-modal: 1000}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.tool-list-container{max-width:1200px;margin:4rem auto;padding:0 4rem;animation:fadeIn .6s ease-out}.tool-list-header{text-align:center;margin-bottom:3rem;animation:slideUp .6s ease-out}.tool-list-title{font-size:48px;font-weight:700;color:var(--black-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:-.5px;line-height:1.2}.tool-list-subtitle{font-size:18px;color:var(--gray-text);margin:0;font-weight:400;line-height:1.6}.tool-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.tool-item{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:4px solid var(--gold-primary);padding:24px 28px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .3s ease;cursor:pointer;animation:slideUp .6s ease-out;animation-fill-mode:both;min-height:120px;display:flex;flex-direction:column}.tool-item:nth-child(1){animation-delay:0s}.tool-item:nth-child(2){animation-delay:.05s}.tool-item:nth-child(3){animation-delay:.1s}.tool-item:nth-child(4){animation-delay:.15s}.tool-item:nth-child(5){animation-delay:.2s}.tool-item:nth-child(n+6){animation-delay:.25s}.tool-item:hover{box-shadow:var(--shadow-lg);border-left-color:var(--gold-deep)}.tool-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.tool-name{font-size:20px;font-weight:600;color:var(--black-primary);margin:0;line-height:1.3;letter-spacing:-.3px}.tool-description{font-size:14px;color:var(--gray-text);margin:0;line-height:1.5;flex:1}.create-tool-section{display:flex;justify-content:center;margin-top:var(--spacing-3xl);animation:slideUp .6s ease-out;animation-delay:.3s;animation-fill-mode:both}.create-tool-button{display:inline-flex;align-items:center;gap:var(--spacing-md);background:var(--black-primary);color:var(--gold-primary);border:none;padding:14px 48px;border-radius:var(--radius-full);font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 6px 20px #0003;letter-spacing:.3px;text-transform:uppercase}.create-tool-button:hover{background:var(--gold-primary);color:var(--black-primary);box-shadow:0 10px 30px #ffe50066;transform:translateY(-2px)}.create-tool-button:active{transform:translateY(-1px);transition-duration:var(--transition-fast)}.create-tool-button svg{width:20px;height:20px}.empty-state{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);animation:fadeIn .6s ease-out}.empty-state-icon{width:120px;height:120px;background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-deep) 100%);border-radius:var(--radius-xl);margin:0 auto var(--spacing-xl);display:flex;align-items:center;justify-content:center;font-size:48px;box-shadow:var(--shadow-md)}.empty-state-title{font-size:24px;font-weight:700;color:var(--black-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:-.3px}.empty-state-description{font-size:16px;color:var(--gray-text);margin:0 0 var(--spacing-2xl) 0;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;animation:fadeIn var(--transition-base) ease-out}.error-container{text-align:center;padding:var(--spacing-3xl);animation:fadeIn var(--transition-base) ease-out;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);max-width:500px;margin:var(--spacing-3xl) auto;box-shadow:var(--shadow-md)}.error-icon{width:64px;height:64px;background:var(--status-error);color:var(--white-pure);border-radius:var(--radius-full);margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;box-shadow:0 4px 12px #dc26264d}.error-message{font-size:16px;color:var(--gray-dark);margin:0;line-height:1.6}.tool-details-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);z-index:999;cursor:pointer}.tool-details-backdrop.show{opacity:1;visibility:visible}.tool-details-panel{position:fixed;top:100px;right:-520px;width:520px;max-width:100vw;height:calc(100vh - 100px);background:var(--white-pure);box-shadow:-10px 0 60px #00000026;transition:right .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.tool-details-panel.show{right:0}.close-details-button{position:absolute;top:24px;right:24px;width:36px;height:36px;border-radius:var(--radius-full);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--gold-primary);color:var(--gold-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d;z-index:10}.close-details-button:hover{background:var(--gold-primary);color:var(--black-primary);border-color:var(--gold-deep);transform:scale(1.1);box-shadow:0 6px 16px #ffe50066}.close-details-button:active{transform:scale(.95)}.close-details-button svg{width:16px;height:16px}.tool-details-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2xl) var(--spacing-xl);box-sizing:border-box;width:100%}@media (max-width: 1024px){.tool-list-container{padding:0 var(--spacing-xl);margin:var(--spacing-3xl) auto}.tool-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.tool-list-container{padding:0 var(--spacing-lg);margin:var(--spacing-2xl) auto}.tool-list-title{font-size:36px}.tool-list-subtitle{font-size:16px}.tool-list{grid-template-columns:1fr;gap:var(--spacing-md)}.tool-item{padding:20px 24px}.create-tool-button{padding:12px 32px;font-size:14px}.tool-details-panel{width:100%;right:-100%}.empty-state{padding:var(--spacing-3xl) var(--spacing-lg)}.empty-state-icon{width:100px;height:100px;font-size:40px}.empty-state-title{font-size:20px}.empty-state-description{font-size:14px}}@media (max-width: 480px){.tool-list-container{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto}.tool-list-header{margin-bottom:var(--spacing-2xl)}.tool-list-title{font-size:28px}.tool-list-subtitle{font-size:14px}.tool-item{padding:16px 20px;min-height:100px}.tool-name{font-size:18px}.tool-description{font-size:13px}.create-tool-button{width:100%;justify-content:center}}:root{--system-white: #ffffff;--system-background: #f5f5f7;--system-secondary-background: #ffffff;--system-tertiary-background: #f5f5f7;--system-gray-1: #8e8e93;--system-gray-2: #c7c7cc;--system-gray-3: #d1d1d6;--system-gray-4: #e5e5ea;--system-gray-5: #f2f2f7;--system-gray-6: #f7f7f7;--system-black: #000000;--system-text-primary: #1d1d1f;--system-text-secondary: #86868b;--system-text-tertiary: #515154;--system-blue: #0071e3;--system-blue-hover: #0077ed;--system-blue-background: rgba(0, 113, 227, .1);--system-green: #34c759;--system-green-background: rgba(52, 199, 89, .1);--system-green-border: rgba(52, 199, 89, .3);--system-red: #ff3b30;--system-red-background: rgba(255, 59, 48, .1);--system-red-border: rgba(255, 59, 48, .3);--system-orange: #ff9500;--font-family-primary: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Consolas", "Liberation Mono", "Courier New", monospace;--font-xs: 11px;--font-sm: 13px;--font-base: 15px;--font-md: 17px;--font-lg: 21px;--font-xl: 28px;--font-2xl: 34px;--font-3xl: 48px;--font-4xl: 64px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 21px;--font-size-xl: 28px;--font-size-2xl: 34px;--font-size-3xl: 48px;--font-size-4xl: 64px;--line-tight: 1.2;--line-base: 1.47059;--line-relaxed: 1.6;--line-height-tight: 1.2;--line-height-base: 1.47059;--line-height-relaxed: 1.6;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .12);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .25s cubic-bezier(.25, .46, .45, .94);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-2xl: 1536px;--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-spring: cubic-bezier(.25, .46, .45, .94)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary{color:var(--system-text-primary)}.text-secondary{color:var(--system-text-secondary)}.text-tertiary{color:var(--system-text-tertiary)}.bg-primary{background-color:var(--system-background)}.bg-secondary{background-color:var(--system-secondary-background)}.bg-tertiary{background-color:var(--system-tertiary-background)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:focus-visible{outline:2px solid var(--system-blue);outline-offset:2px}::selection{background-color:var(--system-blue);color:var(--system-white)}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.button-primary,.btn-primary{background:var(--system-blue);color:var(--system-white)}.button-primary:hover,.btn-primary:hover{background:var(--system-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button-primary:active,.btn-primary:active{transform:translateY(0)}.button-secondary,.btn-secondary{background:var(--system-gray-5);color:var(--system-text-primary)}.button-secondary:hover,.btn-secondary:hover{background:var(--system-gray-4)}.button-secondary:active,.btn-secondary:active{background:var(--system-gray-3)}.button-ghost,.btn-ghost{background:transparent;color:var(--system-text-primary)}.button-ghost:hover,.btn-ghost:hover{background:var(--system-gray-5)}.button-danger,.btn-danger{background:var(--system-red);color:var(--system-white)}.button-danger:hover,.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.button-small,.btn-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.button-large,.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md)}.button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.button-icon,.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.button-icon.small,.btn-icon.small{width:32px;height:32px}.button-icon.large,.btn-icon.large{width:48px;height:48px}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--system-text-primary);margin-bottom:var(--spacing-xs)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-md);border:1px solid var(--system-gray-3);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);color:var(--system-text-primary);background:var(--system-white);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--system-blue);box-shadow:0 0 0 3px #0071e31a}.form-input::placeholder,.form-textarea::placeholder{color:var(--system-text-tertiary)}.form-textarea{resize:vertical;min-height:100px}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--system-red)}.form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus{box-shadow:0 0 0 3px #ff3b301a}.form-error{color:var(--system-red);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-success{color:var(--system-green);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.card{background:var(--system-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--system-gray-4)}.card-header{margin-bottom:var(--spacing-lg)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--system-text-primary);margin:0 0 var(--spacing-xs) 0}.card-subtitle{font-size:var(--font-size-base);color:var(--system-text-secondary);margin:0}.user-tool-assignment{max-width:var(--max-width-lg);margin:var(--spacing-3xl) auto;padding:0 var(--spacing-lg);animation:fadeIn var(--transition-slow) ease-out}.user-tool-assignment h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--system-text-primary);margin:0 0 var(--spacing-sm) 0;letter-spacing:-.02em;line-height:var(--line-height-tight)}.user-tool-assignment p{font-size:var(--font-size-lg);color:var(--system-text-secondary);margin:0 0 var(--spacing-2xl) 0;font-weight:var(--font-weight-regular)}.user-tool-assignment.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;animation:fadeIn var(--transition-base) ease-out}.user-tool-assignment.error{text-align:center;padding:var(--spacing-3xl);font-size:var(--font-size-md);color:var(--system-red);animation:fadeIn var(--transition-base) ease-out}.assignments-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tool-assignment-card{background:var(--system-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--system-gray-4);animation:slideUp var(--transition-slow) ease-out;animation-fill-mode:both;transition:all var(--transition-fast)}.tool-assignment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--system-gray-4)}.tool-header h3{margin:0;color:var(--system-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.assign-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--system-blue);color:var(--system-white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.assign-button:hover{background:var(--system-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.assign-button:active{transform:translateY(0);transition-duration:var(--transition-fast)}.assign-user-form{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--system-gray-6);border-radius:var(--radius-lg);animation:slideUp var(--transition-base) ease-out}.user-select{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--system-gray-3);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);color:var(--system-text-primary);background:var(--system-white);transition:all var(--transition-fast)}.user-select:focus{outline:none;border-color:var(--system-blue);box-shadow:0 0 0 3px var(--system-blue-background)}.confirm-assign-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--system-green);color:var(--system-white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.confirm-assign-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.confirm-assign-button:active:not(:disabled){transform:translateY(0)}.confirm-assign-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.assigned-users h4{margin:0 0 var(--spacing-md) 0;color:var(--system-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.no-users{color:var(--system-text-secondary);font-style:italic;margin:0;font-size:var(--font-size-sm)}.users-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.assigned-user{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--system-gray-6);border-radius:var(--radius-lg);border:1px solid var(--system-gray-4);transition:all var(--transition-fast)}.assigned-user:hover{background-color:var(--system-gray-5);transform:translate(2px)}.user-info-tool-assignment{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--spacing-sm)}.user-email-tool-assignment{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--system-blue-background);border-radius:var(--radius-full);transition:all var(--transition-fast);color:var(--system-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.user-role{font-size:var(--font-size-xs);color:var(--system-text-secondary);text-transform:uppercase;font-weight:var(--font-weight-semibold);letter-spacing:.02em}.remove-button{background-color:var(--system-red);color:var(--system-white);border:none;width:28px;height:28px;border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.remove-button:hover{background-color:var(--system-red);opacity:.8;transform:scale(1.05)}.remove-button:active{transform:scale(.95)}.no-tools{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);color:var(--system-text-secondary);font-style:italic;font-size:var(--font-size-md);animation:fadeIn var(--transition-slow) ease-out}@media (max-width: 768px){.user-tool-assignment{padding:0 var(--spacing-md);margin:var(--spacing-2xl) auto}.user-tool-assignment h2{font-size:var(--font-size-2xl)}.tool-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.assign-user-form{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.user-select{margin-bottom:var(--spacing-xs)}.tool-assignment-card{padding:var(--spacing-lg)}.assigned-user{padding:var(--spacing-sm)}.user-info-tool-assignment{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.editor-dashboard{width:100%;min-height:calc(100vh - 200px);display:flex;flex-direction:column}.editor-dashboard-header{text-align:center;padding:3rem 2rem 2rem;background:transparent}.editor-dashboard-title{font-size:48px;font-weight:700;color:var(--black-primary);margin:0 0 2rem;letter-spacing:-.5px;line-height:1.2}.editor-tabs{display:flex;gap:1rem;justify-content:center;align-items:center}.editor-tab{padding:14px 48px;background:transparent;border:2px solid var(--black-primary);border-radius:50px;color:var(--black-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.3px;text-transform:uppercase}.editor-tab:hover{background:var(--gold-primary);border-color:var(--gold-primary);color:var(--black-primary);box-shadow:0 4px 12px #ffe5004d}.editor-tab.active{background:var(--black-primary);border-color:var(--black-primary);color:var(--gold-primary);box-shadow:0 6px 20px #0003}.editor-dashboard-content{flex:1;width:100%;padding:0;background:transparent}@media (max-width: 1024px){.editor-dashboard-title{font-size:40px}.editor-tabs{gap:.75rem}.editor-tab{padding:12px 36px;font-size:15px}}@media (max-width: 768px){.editor-dashboard-header{padding:2rem 1.5rem 1.5rem}.editor-dashboard-title{font-size:36px;margin-bottom:1.5rem}.editor-tabs{flex-direction:column;gap:.75rem;max-width:400px;margin:0 auto}.editor-tab{width:100%;text-align:center;padding:12px 32px}}@media (max-width: 480px){.editor-dashboard-header{padding:1.5rem 1rem 1rem}.editor-dashboard-title{font-size:28px}.editor-tab{padding:10px 24px;font-size:14px}}