@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--font-main: "Noto Sans SC", sans-serif;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-glass: rgba(255, 255, 255, .85);--color-primary: #3b82f6;--color-secondary: #06b6d4;--color-accent: #f43f5e;--color-text: #1e293b;--color-text-dim: #64748b;--gradient-main: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-glow: radial-gradient(circle at center, rgba(59, 130, 246, .15) 0%, rgba(248, 250, 252, 0) 70%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-glas: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--border-glass: 1px solid rgba(226, 232, 240, .8);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);background-image:radial-gradient(at 0% 0%,hsla(217,91%,95%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(186,100%,94%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(340,100%,96%,1) 0,transparent 50%);color:var(--color-text);min-height:100vh;overflow-x:hidden;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass-panel{background:var(--color-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--border-glass);box-shadow:var(--shadow-glass);border-radius:16px}.text-gradient{background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent}.background-orbs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 10s ease-in-out infinite}.orb-1{width:500px;height:500px;background:var(--color-primary);top:-150px;left:10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:var(--color-secondary);top:20%;right:10%;animation-delay:-5s}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageFadeIn .4s cubic-bezier(.2,0,.2,1) forwards;width:100%}.select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}::selection{background:#3b82f64d;color:var(--color-primary)}:root{--glass-border: 1px solid rgba(255, 255, 255, .5);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-hover: rgba(255, 255, 255, .85);--glass-bg-active: rgba(255, 255, 255, .95);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03), inset 0 0 0 1px rgba(255, 255, 255, .6);--glass-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04), inset 0 0 0 1px rgba(255, 255, 255, .8);--glass-blur: blur(16px);--glass-radius: 16px}.glass-btn,.glass-tab-trigger,.glass-menu-item,.glass-accordion-header,.glass-pagination-item,.glass-badge,.glass-tag,.glass-rating,.glass-switch-label,.glass-checkbox-container,.glass-radio-container,.glass-carousel-btn,.glass-close-btn,.glass-calendar,.glass-calendar-day,.glass-calendar-nav,.glass-calendar-header,.glass-upload-zone{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--glass-radius)}.glass-interactive{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--glass-radius);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.glass-interactive:hover{background:var(--glass-bg-hover);transform:translateY(-2px);box-shadow:var(--glass-shadow-hover)}.glass-interactive:active{transform:translateY(0);background:var(--glass-bg-active)}.glass-input{width:100%;padding:.8rem 1.2rem;background:#fff6;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.3);border-radius:12px;font-family:inherit;font-size:1rem;color:var(--color-text);outline:none;transition:all .2s ease;box-shadow:inset 0 2px 4px #00000005}.glass-input:focus{background:#fffc;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.glass-overlay{position:fixed;inset:0;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .2s forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dropdownEnter{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.glass-animate-enter{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1) forwards}.glass-close-btn{padding:8px;border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--color-text-dim);display:flex;align-items:center;justify-content:center}.glass-close-btn:hover{background:#0000000d;color:var(--color-accent);transform:rotate(90deg)}@keyframes dropdownExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.glass-dropdown-enter{animation:dropdownEnter .2s cubic-bezier(.2,0,.2,1) forwards}.glass-dropdown-exit{animation:dropdownExit .2s cubic-bezier(.2,0,.2,1) forwards}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.toast-enter{animation:slideInRight .4s cubic-bezier(.2,0,.2,1) forwards}.toast-container{position:fixed;top:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:10px;pointer-events:none;align-items:flex-end}.glass-toast{pointer-events:auto;width:fit-content;min-width:260px;max-width:380px;padding:.75rem 1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px #00000014;border-radius:50px;display:flex;align-items:center;gap:10px;color:var(--color-text);position:relative;transition:all .3s ease}.glass-toast:hover{transform:translate(-5px);background:#fff}@keyframes gradientFlow{0%{background-position:0% 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0%}to{background-position:0% 50%}}.glass-textarea{width:100%;padding:.8rem 1.2rem;background:#fff6;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.3);border-radius:12px;font-family:inherit;font-size:1rem;color:var(--color-text);outline:none;transition:all .2s ease;box-shadow:inset 0 2px 4px #00000005;resize:vertical;min-height:100px}.glass-textarea:focus{background:#fffc;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.glass-switch-label{position:relative;display:inline-block;width:50px;height:28px}.glass-switch-input{opacity:0;width:0;height:0}.glass-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff4d;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.4s;border-radius:34px;box-shadow:inset 0 2px 4px #0000000d}.glass-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}.glass-switch-input:checked+.glass-switch-slider{background:var(--color-primary);border-color:transparent}.glass-switch-input:focus+.glass-switch-slider{box-shadow:0 0 0 3px #3b82f626}.glass-switch-input:checked+.glass-switch-slider:before{transform:translate(20px)}.glass-checkbox-container{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1rem;color:var(--color-text)}.glass-checkbox-input{display:none}.glass-checkbox-checkmark{width:20px;height:20px;background:#fff6;border:1px solid rgba(255,255,255,.4);border-radius:6px;margin-right:10px;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glass-checkbox-container:hover .glass-checkbox-checkmark{background:#fff9}.glass-checkbox-input:checked+.glass-checkbox-checkmark{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.glass-radio-container{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1rem;color:var(--color-text)}.glass-radio-input{display:none}.glass-radio-circle{width:20px;height:20px;background:#fff6;border:1px solid rgba(255,255,255,.4);border-radius:50%;margin-right:10px;position:relative;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glass-radio-container:hover .glass-radio-circle{background:#fff9}.glass-radio-input:checked+.glass-radio-circle{border-color:var(--color-primary);background:#fffc}.glass-radio-input:checked+.glass-radio-circle:after{content:"";position:absolute;width:10px;height:10px;background:var(--color-primary);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.glass-slider-container{width:100%}.glass-slider{-webkit-appearance:none;width:100%;height:6px;background:#fff6;border-radius:3px;outline:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);transition:all .2s}.glass-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid rgba(255,255,255,.8);cursor:pointer;box-shadow:0 2px 6px #0000001a;transition:transform .1s}.glass-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #ffffff4d}.glass-slider::-webkit-slider-thumb:active{background:var(--color-primary)}.glass-progress-container{width:100%;background:#ffffff4d;border:1px solid rgba(255,255,255,.3);border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glass-progress-bar{height:100%;background:var(--color-primary);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;border-radius:10px;transition:width .3s ease;animation:progress-stripe 1s linear infinite}@keyframes progress-stripe{0%{background-position:1rem 0}to{background-position:0 0}}.glass-badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:center;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 5px #0000000d}.glass-tabs-list{display:inline-flex;padding:4px;background:#ffffff4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}.glass-tab-trigger{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--color-text-dim);background:transparent;border:none;cursor:pointer;transition:all .2s}.glass-tab-trigger:hover{color:var(--color-text);background:#ffffff4d}.glass-tab-trigger[data-state=active]{background:#fff;color:var(--color-primary);box-shadow:0 2px 8px #0000000d}.glass-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:12px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none;outline:none;gap:8px;position:relative;overflow:hidden}.glass-btn.primary{background:#ffffff40;border:1px solid rgba(255,255,255,.6);color:var(--color-primary);box-shadow:0 4px 6px #0000000d}.glass-btn.primary:hover{background:#fff6;box-shadow:0 6px 15px #0000001a;transform:translateY(-1px)}.glass-btn.gradient{background:linear-gradient(120deg,#ffe1eb,#d2fafa,#e6dcff,#ffe1eb,#d2fafa);background-size:300% 300%;animation:gradientFlow 15s ease infinite;border:1px solid rgba(255,255,255,.6);color:#475569;text-shadow:none;box-shadow:0 4px 15px #c8d2ff66}.glass-btn.gradient:hover{box-shadow:0 6px 20px #c8d2ff99;transform:translateY(-1px);filter:brightness(1.02)}.glass-btn.secondary{background:#ffffff80;border:1px solid rgba(255,255,255,.4);color:var(--color-text)}.glass-btn.secondary:hover{background:#ffffffa6;border-color:#fff9}.glass-btn.ghost{background:transparent;border:1px solid transparent;color:var(--color-text-dim)}.glass-btn.ghost:hover{background:#fff3;border-color:#ffffff4d;color:var(--color-primary);transform:translateY(-1px)}.glass-table-container{width:100%;overflow-x:auto;background:#fff6;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d}.glass-table{width:100%;border-collapse:collapse;font-size:.95rem;text-align:left}.glass-table thead tr{border-bottom:1px solid rgba(255,255,255,.3);background:#ffffff4d}.glass-table th{padding:1rem 1.5rem;font-weight:600;color:var(--color-text);white-space:nowrap}.glass-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:background .2s}.glass-table tbody tr:last-child{border-bottom:none}.glass-table tbody tr:hover{background:#ffffff4d}.glass-table td{padding:1rem 1.5rem;color:var(--color-text-dim)}.glass-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#ffffff80;border:1px solid rgba(255,255,255,.4);border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none}.glass-avatar img{width:100%;height:100%;object-fit:cover}.glass-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-primary);background:#ffffff4d}.glass-tooltip-trigger{position:relative;display:inline-block}.glass-tooltip-content{position:absolute;z-index:50;padding:.5rem .75rem;font-size:.85rem;line-height:1.4;color:var(--color-text);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);border-radius:8px;box-shadow:0 4px 12px #0000001a;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;bottom:100%;left:50%;transform:translate(-50%) translateY(5px);margin-bottom:8px}.glass-tooltip-trigger:hover .glass-tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.glass-alert{position:relative;width:100%;padding:1rem;border-radius:12px;display:flex;gap:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:1rem;border:1px solid transparent}.glass-alert-title{font-weight:600;margin-bottom:.25rem;color:inherit}.glass-alert-desc{font-size:.9rem;opacity:.9}.glass-skeleton{background:#ffffff4d;border-radius:8px;overflow:hidden;position:relative}.glass-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff4d 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}.glass-upload-zone{width:100%;border:2px dashed rgba(255,255,255,.4);border-radius:16px;padding:2rem;text-align:center;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;cursor:pointer;color:var(--color-text-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.glass-upload-zone:hover,.glass-upload-zone.active{background:#fff6;border-color:var(--color-primary);color:var(--color-primary)}.glass-upload-file-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.glass-upload-file-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#fff6;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.9rem}.glass-calendar{width:100%;max-width:320px;background:#fff6;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:1rem;box-shadow:0 4px 6px -1px #0000000d}.glass-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem}.glass-calendar-title{font-weight:600;color:var(--color-text)}.glass-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.glass-calendar-day-header{font-size:.8rem;color:var(--color-text-dim);padding:.5rem 0}.glass-calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;cursor:pointer;transition:all .2s;color:var(--color-text)}.glass-calendar-day:hover:not(.disabled):not(.selected){background:#ffffff80}.glass-calendar-day.selected{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #0000001a}.glass-calendar-day.today{border:1px solid var(--color-primary);color:var(--color-primary)}.glass-calendar-day.today.selected{color:#fff}.glass-calendar-day.disabled{opacity:.3;pointer-events:none}.glass-calendar-day.empty{pointer-events:none}@keyframes shimmer{to{transform:translate(100%)}}.glass-pagination{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.glass-pagination-item{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border-radius:8px;background:#ffffff4d;border:1px solid rgba(255,255,255,.3);color:var(--color-text);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.glass-pagination-item:hover:not(.disabled){background:#fff9}.glass-pagination-item.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.glass-pagination-item.disabled{opacity:.4;cursor:not-allowed}.glass-drawer-overlay{position:fixed;inset:0;background:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;opacity:0;animation:fadeIn .3s forwards;overflow:hidden}.glass-drawer-content{position:fixed;top:0;bottom:0;width:300px;max-width:80%;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 40px #0000001a;z-index:1001;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.6)}.glass-drawer-right{right:0;border-left:1px solid rgba(255,255,255,.5);border-right:none;transform:translate(100%);animation:slideInRight .3s cubic-bezier(.2,0,.2,1) forwards}.glass-drawer-left{left:0;border-right:1px solid rgba(255,255,255,.5);transform:translate(-100%);animation:slideInLeft .3s cubic-bezier(.2,0,.2,1) forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.glass-drawer-header{padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.glass-drawer-body{flex:1;overflow-y:auto;padding:1.5rem}.glass-menu{display:flex;flex-direction:column;gap:4px;width:100%}.glass-menu-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;color:var(--color-text-dim);cursor:pointer;transition:all .2s;text-decoration:none}.glass-menu-item:hover{background:#fff6;color:var(--color-text)}.glass-menu-item.active{background:#fff9;color:var(--color-primary);font-weight:500}.glass-accordion-item{border-bottom:1px solid rgba(0,0,0,.05)}.glass-accordion-item:last-child{border-bottom:none}.glass-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;background:transparent;border:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--color-text);transition:color .2s}.glass-accordion-header:hover{color:var(--color-primary)}.glass-accordion-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.glass-accordion-content-wrapper.expanded{grid-template-rows:1fr}.glass-accordion-content{overflow:hidden}.glass-accordion-inner{padding-bottom:1rem;opacity:0;transition:opacity .3s ease}.glass-accordion-content-wrapper.expanded .glass-accordion-inner{opacity:1}.glass-timeline{position:relative;padding-left:20px}.glass-timeline:before{content:"";position:absolute;left:6px;top:5px;bottom:5px;width:2px;background:#0000000d}.glass-timeline-item{position:relative;margin-bottom:1.5rem;padding-left:1.5rem}.glass-timeline-item:last-child{margin-bottom:0}.glass-timeline-dot{position:absolute;left:-20px;top:5px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);z-index:1}.glass-carousel{position:relative;width:100%;overflow:hidden;border-radius:16px}.glass-carousel-track{display:flex;transition:transform .5s ease-in-out;width:100%}.glass-carousel-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.glass-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10;color:var(--color-text)}.glass-carousel-btn:hover{background:#fff9;color:var(--color-primary)}.glass-carousel-btn.prev{left:10px}.glass-carousel-btn.next{right:10px}.glass-popover-trigger{display:inline-block}.glass-popover-content{position:absolute;z-index:50;min-width:200px;padding:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:0 10px 25px #0000001a;opacity:0;transform:scale(.95);visibility:hidden;transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-popover-content.open{opacity:1;transform:scale(1);visibility:visible}.glass-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:.8rem;line-height:1.4;background:#fff6;border:1px solid rgba(255,255,255,.3);color:var(--color-text);transition:all .2s}.glass-tag .close-icon{margin-left:4px;cursor:pointer;opacity:.6}.glass-tag .close-icon:hover{opacity:1}.glass-spinner{border:2px solid rgba(0,0,0,.1);border-left-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.glass-rating{display:inline-flex;gap:4px}.glass-rating-star{cursor:pointer;color:#e2e8f0;transition:color .2s}.glass-rating-star.filled{color:#f59e0b}.glass-rating-star:hover,.glass-rating-star.hover{color:#fbbf24}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.5rem;position:sticky;top:1.5rem;z-index:100;margin:0 auto 2rem;width:90%;max-width:1080px;border-radius:50px;background:#ffffffa6;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #1f268712,inset 0 0 0 1px #ffffff80;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.logo{font-size:1.8rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text);display:flex;align-items:center;gap:3px;padding-left:.5rem}.logo span{background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;gap:1.5rem;align-items:center;flex-wrap:nowrap;white-space:nowrap}.nav-link{color:var(--color-text);font-weight:500;transition:all .2s ease;font-size:1rem;opacity:.7;padding:.5rem;position:relative}.nav-link:hover,.nav-link.active{opacity:1;color:var(--color-primary)}.nav-btn{padding:.5rem 1.2rem;background:var(--color-text);border-radius:30px;color:var(--color-bg);font-weight:600;font-size:.85rem;margin-left:.5rem;transition:transform .2s ease,opacity .2s ease}.nav-btn:hover{transform:translateY(-1px);opacity:.9;box-shadow:none}.mobile-menu-btn{display:none}.mobile-nav-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:200px;padding:.5rem;display:flex;flex-direction:column;gap:.2rem;z-index:999;animation:slideDown .3s cubic-bezier(.2,0,.2,1) forwards;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px #00000026;border-radius:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.mobile-nav-dropdown.closing{animation:dropdownSlideUp .3s cubic-bezier(.2,0,.2,1) forwards}.mobile-nav-link{display:block;padding:.8rem 1rem;color:var(--color-text);font-size:1rem;font-weight:500;text-decoration:none;border-radius:12px;transition:all .2s}.mobile-nav-link:hover,.mobile-nav-link.active{background:#0000000d;color:var(--color-primary)}@media(max-width:768px){.navbar{padding:.5rem 1rem;width:94%}.logo{font-size:1.4rem}.desktop-only{display:none}.mobile-menu-btn{display:block}}.hero{text-align:center;padding:6rem 2rem 8rem;position:relative}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-subtitle{font-size:1.25rem;color:var(--color-text-dim);max-width:600px;margin:0 auto 3rem;line-height:1.6}.search-container{max-width:600px;margin:0 auto;position:relative;z-index:10}.search-input{width:100%;padding:1.25rem 2rem 1.25rem 3.5rem;border-radius:50px;background:#fff9;border:1px solid rgba(255,255,255,.8);color:var(--color-text);font-size:1.1rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);outline:none;transition:all .3s ease;box-shadow:0 4px 20px -5px #0000001a}.search-input:focus{border-color:var(--color-primary);background:#ffffffe6;box-shadow:0 0 0 4px #3b82f626,0 10px 40px -10px #0000001a}.search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--color-text-dim);z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center}.orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.6;animation:float 10s ease-in-out infinite}.orb-1{width:400px;height:400px;background:var(--color-primary);top:-100px;left:20%;animation-delay:0s}.orb-2{width:300px;height:300px;background:var(--color-secondary);bottom:0;right:20%;animation-delay:-5s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translateY(30px)}}.tools-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.section-header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:2rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.tool-card{padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;height:100%}.tool-card{text-decoration:none}.tool-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff0,#7000ff0d);opacity:0;transition:opacity .3s ease}.tool-card:hover{transform:translateY(-8px);border-color:#7000ff66;box-shadow:0 15px 40px -10px #00000080,0 0 0 1px #7000ff33}.tool-card:hover:before{opacity:1}.tool-icon{font-size:2.5rem;margin-bottom:1.5rem;padding:1rem;background:#ffffff08;width:fit-content;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.tool-title{font-size:1.4rem;font-weight:700;margin-bottom:.75rem}.tool-desc{color:var(--color-text-dim);font-size:.95rem;line-height:1.6;margin-bottom:2rem;flex-grow:1}.tool-footer{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;color:var(--color-primary);margin-top:auto}.tag{padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tag.ai{background:linear-gradient(135deg,#7000ff1a,#7000ff33);color:#b084ff;border:1px solid rgba(112,0,255,.2)}.tag.util{background:linear-gradient(135deg,#00c6ff1a,#00c6ff33);color:#00a0d1;border:1px solid rgba(0,198,255,.2)}.tool-grid__tabs{flex-wrap:wrap;gap:.35rem}.base64-tool{padding:4rem 0 1rem;display:flex;flex-direction:column;gap:1.5rem}.base64-tool__hero{text-align:center;padding:2.5rem 0 1.5rem}.base64-tool__kicker{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .9rem;border-radius:9999px;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--color-primary);background:#ffffff8c;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:1.25rem}.base64-tool__title{font-size:clamp(2.2rem,3.8vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:.9rem}.base64-tool__subtitle{color:var(--color-text-dim);font-size:1.15rem;max-width:720px;margin:0 auto;line-height:1.7}.base64-tool__top{display:flex;justify-content:center}.base64-tool__tabs{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;justify-content:center}.base64-tool__descwrap{flex:1 1 520px;min-width:360px;max-width:640px;display:grid;align-items:center;min-height:3.2em}.base64-tool__descitem{grid-area:1 / 1;color:var(--color-text-dim);font-size:.95rem;line-height:1.6;opacity:0;transition:opacity .18s ease}.base64-tool__descitem.is-active{opacity:1}.base64-tool__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.base64-tool__grid--main{align-items:stretch}.base64-tool__stack{display:flex;flex-direction:column;gap:1rem}.base64-tool__section{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.base64-tool__section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.base64-tool__section-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.base64-tool__file-tabs{width:fit-content}.base64-tool__section-title{font-size:1.45rem;font-weight:700;margin:0}.base64-tool__section-desc{margin:.4rem 0 0;color:var(--color-text-dim);font-size:.95rem;line-height:1.6;max-width:560px}.base64-tool__section-pill{padding:.35rem .85rem;border-radius:9999px;font-size:.8rem;font-weight:600;color:var(--color-primary);background:#fff9;border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.base64-tool__file-grid{grid-template-columns:1.1fr .9fr}.base64-tool__card-title{font-size:.95rem;font-weight:700;margin-bottom:.8rem}.base64-tool__card.base64-tool__alphabet-card{display:flex;flex-direction:column;gap:.75rem;padding:1.1rem 1.3rem}.base64-tool__alphabet-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.base64-tool__alphabet-title{font-size:.95rem;font-weight:700}.base64-tool__alphabet-inputs{display:flex;align-items:center;gap:.6rem}.base64-tool__rule-list{display:grid;gap:.35rem;font-size:.85rem;color:var(--color-text-dim);line-height:1.5}.aes-tool__settings{gap:1.25rem}.aes-tool__settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.05rem}.aes-tool__span-2{grid-column:span 2}.aes-tool__span-3{grid-column:span 3}.aes-tool__layout{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.aes-tool__panel{display:flex;flex-direction:column;width:100%}.aes-tool__panel.base64-tool__card{padding:1.35rem}.aes-tool__panel--settings{width:100%}.aes-tool__row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end}.aes-tool__align-center{align-items:center}.aes-tool__field{flex:1;min-width:160px;display:flex;flex-direction:column;gap:.45rem}.aes-tool__field-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.aes-tool__byte-pill{padding:.25rem .75rem;border-radius:9999px;font-size:.82rem;font-weight:600;color:var(--color-text);background:#fff9;border:1px solid rgba(255,255,255,.7);white-space:nowrap}.aes-tool__field label{font-size:.94rem;font-weight:600;color:var(--color-text)}.aes-tool__input{width:100%;padding:.65rem 1.05rem;font-size:.98rem}.aes-tool__inline{display:flex;gap:.5rem;align-items:center}.aes-tool__inline--spread{justify-content:space-between;flex-wrap:wrap}.aes-tool__inline .aes-tool__input{flex:1}.aes-tool__note{font-size:.8rem;color:var(--color-text-dim)}.aes-tool__tabs{flex-wrap:wrap}.aes-tool__tabs .glass-tab-trigger{padding:.45rem .95rem;font-size:.9rem}.aes-tool__tabs.glass-tabs-list{padding:5px}.aes-tool__input--compact{max-width:220px}.aes-tool__panel.glass-interactive{cursor:default}.aes-tool__subnote{font-size:.9rem;color:var(--color-text-dim)}.aes-tool__meta-line{font-size:.98rem;color:var(--color-text-dim);line-height:1.4}.aes-tool__footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.aes-tool__actions{margin-left:auto}.aes-tool__file-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:980px){.aes-tool__settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aes-tool__span-3{grid-column:span 2}}@media(max-width:640px){.aes-tool__settings-grid{grid-template-columns:1fr}.aes-tool__span-2,.aes-tool__span-3{grid-column:auto}}.base64-tool__alphabet-input{flex:1;border-radius:9999px;padding:.7rem 1.1rem;font-size:.92rem;min-width:0}.base64-tool__alphabet-btn.glass-btn{border-radius:9999px}.base64-tool__output-card{display:flex;flex-direction:column}.base64-tool__output-footer{margin-top:auto;display:flex;flex-direction:column}.base64-tool__file-meta{margin-top:1rem;display:grid;gap:.35rem;font-size:.85rem;color:var(--color-text-dim)}.base64-tool__file-meta div{display:flex;justify-content:space-between;gap:1rem}.base64-tool__file-meta span:last-child{color:var(--color-text);font-weight:600}.base64-tool__error{margin-top:.8rem;color:var(--color-accent);font-size:.85rem}.base64-tool__card{padding:1.6rem}.base64-tool__card.glass-interactive{transform:translateY(0)}.base64-tool__card.glass-interactive:hover{transform:translateY(-6px)}.base64-tool__actionbar{margin-top:.9rem;display:inline-flex;gap:.35rem;align-items:center;padding:.35rem;border-radius:9999px;background:#fff9;border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px -5px #0000001f}.base64-tool__actionbtn.glass-btn{border-radius:9999px}.base64-tool__actionbtn.glass-btn.ghost{background:#ffffff40;border:1px solid rgba(255,255,255,.55)}.base64-tool__hint{margin-top:.9rem;color:var(--color-text-dim);font-size:.85rem;line-height:1.6}@media(max-width:900px){.base64-tool{padding-top:2.5rem}.base64-tool__grid{grid-template-columns:1fr}.base64-tool__section-head{align-items:flex-start}.base64-tool__section-actions{width:100%;justify-content:flex-start}.base64-tool__section-pill{align-self:flex-start}.base64-tool__alphabet-inputs{flex-direction:column;align-items:stretch}.base64-tool__file-grid{grid-template-columns:1fr}.base64-tool__card.glass-interactive:hover{transform:translateY(-2px)}.base64-tool__actionbar{width:100%;justify-content:center}.base64-tool__descwrap{min-width:0;flex-basis:100%;text-align:center}}.csv-tool__toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}.csv-tool__actions{margin-left:auto}.csv-tool__options{margin-top:.5rem}.csv-tool__options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem 1rem}.csv-tool__switches{display:grid;gap:.6rem;align-items:center}.csv-tool__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.5rem;align-items:start}.csv-tool__card-title{font-size:.95rem;font-weight:700;margin-bottom:.8rem}.csv-tool__output-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}.csv-tool__meta{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.85rem;color:var(--color-text-dim)}.csv-tool__table-wrap{max-height:360px;overflow:auto;border-radius:12px;border:1px solid rgba(255,255,255,.5);background:#ffffff80}.csv-tool__table{width:100%;border-collapse:collapse;font-size:.85rem}.csv-tool__table th,.csv-tool__table td{padding:.5rem .6rem;border-bottom:1px solid rgba(255,255,255,.4);text-align:left}.csv-tool__table th{position:sticky;top:0;background:#fffc;font-weight:600}.csv-tool__empty{padding:1rem;text-align:center;color:var(--color-text-dim)}.csv-tool__error{margin-bottom:.6rem;color:var(--color-accent);font-size:.85rem}.csv-tool__ops{margin-top:1rem;display:flex;flex-direction:column;gap:.8rem}.csv-tool__ops-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.csv-tool__ops-actions{display:flex;gap:.4rem;flex-wrap:wrap}.csv-tool__ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.csv-tool__ops-card{padding:.7rem .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.6);background:#ffffff80;display:flex;flex-direction:column;gap:.6rem}.csv-tool__ops-title{font-size:.85rem;font-weight:700;color:var(--color-text)}.csv-tool__pill-list{max-height:160px;overflow:auto;display:flex;flex-wrap:wrap;gap:.4rem}.csv-tool__pill{white-space:nowrap}.csv-tool__pill-list--single{max-height:110px}.csv-tool__ops-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.csv-tool__file-meta{margin-top:.8rem;display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--color-text-dim)}.csv-tool__tabs .glass-tab-trigger{padding:.35rem .75rem}@media(max-width:980px){.csv-tool__options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csv-tool__grid,.csv-tool__ops-grid{grid-template-columns:1fr}}@media(max-width:640px){.csv-tool__options-grid{grid-template-columns:1fr}}.diff-tool__controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}.diff-tool__control-group{display:flex;align-items:center;gap:.6rem}.diff-tool__label{font-size:.9rem;font-weight:600;color:var(--color-text)}.diff-tool__actions{margin-left:auto}.diff-tool__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:start}.diff-tool__output{margin-top:1.5rem}.diff-tool__output-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.diff-tool__title{font-size:.95rem;font-weight:700}.diff-tool__summary{display:flex;gap:.8rem;font-size:.85rem;color:var(--color-text-dim)}.diff-tool__viewer{max-height:360px;overflow:auto;background:#ffffff8c;border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:.8rem}.diff-tool__split{display:flex;flex-direction:column;gap:.5rem}.diff-tool__split-head{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.85rem;font-weight:600;color:var(--color-text-dim);padding:0 .2rem}.diff-tool__split-body{display:grid;gap:.35rem}.diff-tool__row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px minmax(0,1fr);gap:.4rem;padding:.35rem .4rem;border-radius:10px;background:#ffffff59}.diff-tool__row.added .diff-tool__cell--right{background:#22c55e2e}.diff-tool__row.removed .diff-tool__cell--left{background:#ef44442e}.diff-tool__inline-added{background:#22c55e33;border-radius:4px;padding:0 .1rem}.diff-tool__inline-removed{background:#ef444433;border-radius:4px;padding:0 .1rem}.diff-tool__line{font-size:.75rem;color:var(--color-text-dim);text-align:right;padding-top:.1rem}.diff-tool__cell{padding:.1rem .2rem;white-space:pre-wrap;word-break:break-word;border-radius:6px;font-size:.85rem;font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.diff-tool__pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.85rem;line-height:1.6}.diff-tool__chunk.added{background:#22c55e2e}.diff-tool__chunk.removed{background:#ef44442e}.diff-tool__empty{padding:1rem;text-align:center;color:var(--color-text-dim)}.diff-tool__tabs .glass-tab-trigger{padding:.35rem .75rem}@media(max-width:900px){.diff-tool__grid{grid-template-columns:1fr}.diff-tool__actions{width:100%;justify-content:center}}.json-tool__controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.json-tool__control-group{display:flex;align-items:center;gap:.6rem}.json-tool__label{font-size:.9rem;font-weight:600;color:var(--color-text)}.json-tool__actions{margin-left:auto}.json-tool__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.json-tool__meta{margin-top:.8rem;display:flex;gap:.8rem;font-size:.85rem;color:var(--color-text-dim)}.json-tool__tabs .glass-tab-trigger{padding:.35rem .75rem}@media(max-width:900px){.json-tool__grid{grid-template-columns:1fr}.json-tool__actions{width:100%;justify-content:center}}.jwt-tool__input{margin-bottom:1.5rem}.jwt-tool__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:1.5rem}.jwt-tool__card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.8rem}.jwt-tool__title{font-size:.95rem;font-weight:700}.jwt-tool__signature{margin-top:.5rem}.jwt-tool__signature-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.jwt-tool__hint{font-size:.85rem;color:var(--color-text-dim);margin-top:.3rem}.jwt-tool__claims{margin-top:.9rem;display:grid;gap:.4rem;font-size:.85rem;color:var(--color-text-dim)}.jwt-tool__claims div{display:flex;justify-content:space-between;gap:1rem}@media(max-width:900px){.jwt-tool__grid{grid-template-columns:1fr}}.md5-tool{padding:4rem 0 1rem;display:flex;flex-direction:column;gap:1.5rem}.md5-tool__hero{text-align:center;padding:2.5rem 0 1.5rem}.md5-tool__kicker{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .9rem;border-radius:9999px;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--color-primary);background:#ffffff8c;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:1.25rem}.md5-tool__title{font-size:clamp(2.2rem,3.8vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:.9rem}.md5-tool__subtitle{color:var(--color-text-dim);font-size:1.15rem;max-width:720px;margin:0 auto;line-height:1.7}.md5-tool__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;align-items:start}.md5-tool__card{padding:1.6rem}.md5-tool__card.glass-interactive{transform:translateY(0)}.md5-tool__card.glass-interactive:hover{transform:translateY(-6px)}.md5-tool__card-title{font-size:.95rem;font-weight:700;margin-bottom:.8rem}.md5-tool__note{margin-top:.6rem;color:var(--color-text-dim);font-size:.85rem;line-height:1.6}.md5-tool__output-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.md5-tool__hint{color:var(--color-text-dim);font-size:.85rem;line-height:1.6;margin:.2rem 0 0}.md5-tool__controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.md5-tool__meta{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.8rem;font-size:.8rem;color:var(--color-text-dim)}.md5-tool__actionbar{margin-top:.9rem;display:inline-flex;gap:.35rem;align-items:center;padding:.35rem;border-radius:9999px;background:#fff9;border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px -5px #0000001f}.md5-tool__actionbtn.glass-btn{border-radius:9999px}.md5-tool__actionbtn.glass-btn.ghost{background:#ffffff40;border:1px solid rgba(255,255,255,.55)}.md5-tool__section{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.md5-tool__section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.md5-tool__section-title{font-size:1.45rem;font-weight:700;margin:0}.md5-tool__section-desc{margin:.4rem 0 0;color:var(--color-text-dim);font-size:.95rem;line-height:1.6;max-width:560px}.md5-tool__section-pill{padding:.35rem .85rem;border-radius:9999px;font-size:.8rem;font-weight:600;color:var(--color-primary);background:#fff9;border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.md5-tool__file-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.5rem;align-items:start}.md5-tool__file-summary{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.8rem;font-size:.85rem;color:var(--color-text-dim)}.md5-tool__file-hint{margin-top:.6rem;color:var(--color-text-dim);font-size:.85rem;line-height:1.6}.md5-tool__file-list{display:flex;flex-direction:column;gap:.8rem}.md5-tool__file-row{padding:.9rem 1rem;border-radius:14px;background:#ffffff8c;border:1px solid rgba(255,255,255,.6);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) auto;gap:.8rem;align-items:center}.md5-tool__file-main{min-width:0}.md5-tool__file-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md5-tool__file-meta{font-size:.8rem;color:var(--color-text-dim);margin-top:.2rem}.md5-tool__file-hash{min-height:1.2rem;font-size:.85rem}.md5-tool__file-hash-value{font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;color:var(--color-text);word-break:break-all}.md5-tool__file-status{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-primary);font-size:.85rem}.md5-tool__file-error{color:var(--color-accent);font-size:.85rem}.md5-tool__file-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.md5-tool__file-actions .glass-btn{border-radius:9999px}.md5-tool__file-empty{padding:1.2rem;text-align:center;color:var(--color-text-dim);background:#ffffff59;border:1px dashed rgba(255,255,255,.6);border-radius:12px;font-size:.9rem}@media(max-width:900px){.md5-tool{padding-top:2.5rem}.md5-tool__grid{grid-template-columns:1fr}.md5-tool__card.glass-interactive:hover{transform:translateY(-2px)}.md5-tool__section-head{align-items:flex-start}.md5-tool__section-pill{align-self:flex-start}.md5-tool__file-grid{grid-template-columns:1fr}.md5-tool__file-row{grid-template-columns:1fr;align-items:flex-start}.md5-tool__actionbar{width:100%;justify-content:center}}.qr-tool__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.5rem;align-items:start}.qr-tool__settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}.qr-tool__field label{font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:.4rem;display:block}.qr-tool__tabs .glass-tab-trigger{padding:.35rem .75rem}.qr-tool__preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-tool__preview-box{width:100%;min-height:260px;display:flex;align-items:center;justify-content:center;background:#ffffff80;border-radius:16px;border:1px solid rgba(255,255,255,.6)}.qr-tool__preview-box img{max-width:100%;height:auto}.qr-tool__empty{color:var(--color-text-dim);font-size:.9rem}.qr-tool__actions{justify-content:center}.qr-tool__error{color:var(--color-accent);font-size:.85rem}@media(max-width:900px){.qr-tool__grid,.qr-tool__settings{grid-template-columns:1fr}}.regex-tool__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.5rem}.regex-tool__pattern-row{display:grid;grid-template-columns:1.4fr .5fr .8fr;gap:.8rem}.regex-tool__result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.6rem}.regex-tool__title{font-size:.95rem;font-weight:700}.regex-tool__meta{font-size:.85rem;color:var(--color-text-dim);margin-top:.3rem}.regex-tool__actions{margin-left:auto}.regex-tool__match-list{display:grid;gap:.7rem;margin-bottom:1rem;max-height:360px;overflow:auto;padding-right:.4rem}.regex-tool__match-item{padding:.8rem 1rem;border-radius:12px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7)}.regex-tool__match-text{font-weight:600;font-size:.95rem;margin-bottom:.25rem;word-break:break-all}.regex-tool__match-meta{font-size:.8rem;color:var(--color-text-dim)}.regex-tool__match-groups{margin-top:.35rem;font-size:.8rem;color:var(--color-text-dim);display:grid;gap:.2rem}.regex-tool__empty{padding:1rem;text-align:center;color:var(--color-text-dim);background:#ffffff59;border:1px dashed rgba(255,255,255,.6);border-radius:12px}.regex-tool__more{text-align:center;font-size:.85rem;color:var(--color-text-dim)}.regex-tool__error{margin-bottom:.6rem;color:var(--color-accent);font-size:.85rem}@media(max-width:900px){.regex-tool__grid,.regex-tool__pattern-row{grid-template-columns:1fr}}.timestamp-tool__controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}.timestamp-tool__actions{margin-left:auto}.timestamp-tool__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:start}.timestamp-tool__card-title{font-size:.95rem;font-weight:700;margin-bottom:1rem}.timestamp-tool__meta{display:grid;gap:.6rem;font-size:.9rem;color:var(--color-text-dim)}.timestamp-tool__meta div{display:flex;justify-content:space-between;gap:1rem}.timestamp-tool__error{margin-top:.4rem;color:var(--color-accent);font-size:.85rem}.timestamp-tool__empty{padding:1rem;text-align:center;color:var(--color-text-dim);background:#ffffff59;border:1px dashed rgba(255,255,255,.6);border-radius:12px}.timestamp-tool__tabs .glass-tab-trigger{padding:.35rem .8rem}@media(max-width:900px){.timestamp-tool__grid{grid-template-columns:1fr}.timestamp-tool__actions{width:100%;justify-content:center}}.word-tool__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.5rem;align-items:start}.word-tool__stats-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.word-tool__title{font-size:.95rem;font-weight:700}.word-tool__actions{margin-left:auto}.word-tool__stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem;font-size:.9rem;color:var(--color-text-dim)}.word-tool__stats-grid div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .8rem;background:#ffffff80;border:1px solid rgba(255,255,255,.6);border-radius:12px}.word-tool__stats-grid span:last-child{color:var(--color-text);font-weight:600}@media(max-width:900px){.word-tool__grid{grid-template-columns:1fr}}.markdown-tool__controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}.markdown-tool__actions{margin-left:auto}.markdown-tool__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.markdown-tool__preview{overflow:hidden}.markdown-tool__render{max-height:520px;overflow:auto;padding:.6rem .8rem;background:#fff9;border-radius:12px;border:1px solid rgba(255,255,255,.6);line-height:1.7}.markdown-tool__render h1,.markdown-tool__render h2,.markdown-tool__render h3{margin-top:1.2rem;margin-bottom:.6rem}.markdown-tool__render p{margin:.6rem 0}.markdown-tool__render pre{padding:.8rem;background:#11182714;border-radius:10px;overflow:auto}.markdown-tool__render code{font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.9em}.markdown-tool__render blockquote{border-left:3px solid rgba(59,130,246,.5);padding-left:.8rem;color:var(--color-text-dim);margin:.6rem 0}.markdown-tool__empty{color:var(--color-text-dim)}.markdown-tool__tabs .glass-tab-trigger{padding:.35rem .75rem}@media(max-width:900px){.markdown-tool__grid{grid-template-columns:1fr}}.image-lab__selector{display:flex;flex-direction:column;gap:1.2rem}.image-lab__selector-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.image-lab__selector-title{font-size:1.2rem;font-weight:700}.image-lab__selector-desc{color:var(--color-text-dim);font-size:.95rem;margin-top:.3rem}.image-lab__selector-meta{padding:.35rem .85rem;border-radius:9999px;font-size:.82rem;font-weight:600;color:var(--color-primary);background:#fff9;border:1px solid rgba(255,255,255,.75)}.image-lab__selector-tabs{display:grid;gap:.8rem}.image-lab__tabs{flex-wrap:wrap}.image-lab__tabs--scroll{overflow-x:auto;scrollbar-width:none}.image-lab__tabs--scroll::-webkit-scrollbar{display:none}.image-lab__tabs--wrap{flex-wrap:wrap}.image-lab__panel{display:flex;flex-direction:column;gap:1.5rem}.image-lab__panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.image-lab__panel-grid--single{grid-template-columns:1.1fr .9fr}.image-lab__panel-grid--wide{grid-template-columns:1fr 1.2fr}.image-lab__card-title{font-size:.95rem;font-weight:700;margin-bottom:.8rem}.image-lab__meta{margin-top:.8rem;font-size:.85rem;color:var(--color-text-dim)}.image-lab__action-row{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.image-lab__action-row--wrap{flex-wrap:wrap}.image-lab__field{margin-top:1rem}.image-lab__field-label{font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:.35rem}.image-lab__inline-fields{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.image-lab__grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.image-lab__color-field{display:grid;gap:.4rem}.image-lab__color-row{display:flex;align-items:center;gap:.6rem}.image-lab__color-input{width:46px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.6);background:#fff9;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}.image-lab__color-input::-webkit-color-swatch-wrapper{padding:4px}.image-lab__color-input::-webkit-color-swatch{border:none;border-radius:8px}.image-lab__color-text{flex:1;min-width:0}.image-lab__divider{height:1px;background:#94a3b84d;margin:1.2rem 0}.image-lab__chip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem .6rem;margin-bottom:1rem}.image-lab__preview{width:100%;max-height:260px;object-fit:contain;border-radius:12px;margin-top:1rem;background:#fff9;border:1px solid rgba(226,232,240,.8)}.image-stage{position:relative;width:100%;min-height:220px;max-height:420px;border-radius:16px;overflow:hidden;background:#ffffff8c;border:1px solid rgba(226,232,240,.8);display:flex;align-items:center;justify-content:center}.image-stage__img{max-width:100%;max-height:420px;width:auto;height:auto;display:block}.image-stage__overlay{position:absolute;pointer-events:auto}.image-stage__placeholder{color:var(--color-text-dim);font-size:.9rem;padding:2rem 1rem;text-align:center}.image-stage__rect{position:absolute;border:2px solid var(--color-primary);background:#3b82f61f;border-radius:8px;box-sizing:border-box;cursor:move;touch-action:none;pointer-events:auto}.image-stage__handle{position:absolute;width:12px;height:12px;background:var(--color-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #00000026}.image-stage__handle--nw{top:-6px;left:-6px;cursor:nwse-resize}.image-stage__handle--ne{top:-6px;right:-6px;cursor:nesw-resize}.image-stage__handle--sw{bottom:-6px;left:-6px;cursor:nesw-resize}.image-stage__handle--se{bottom:-6px;right:-6px;cursor:nwse-resize}.image-stage__scale-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px dashed rgba(59,130,246,.7);border-radius:10px;background:#3b82f614;box-sizing:border-box}.image-stage__scale-handle{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:2px solid #fff;box-shadow:0 2px 6px #00000026;cursor:nwse-resize;touch-action:none}.image-stage__rotate{position:absolute;inset:0;pointer-events:none}.image-stage__rotate-line{position:absolute;left:50%;top:50%;width:80px;height:2px;background:#3b82f6b3;transform-origin:left center}.image-stage__rotate-handle{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--color-primary);border:2px solid #fff;box-shadow:0 2px 6px #0003;transform:translate(-50%,-50%);cursor:grab;pointer-events:auto;touch-action:none}.image-stage__rotate-handle:active{cursor:grabbing}.canvas-stage{position:relative;width:100%;border-radius:16px;border:1px solid rgba(226,232,240,.8);overflow:hidden;display:flex;align-items:center;justify-content:center;max-height:420px}.canvas-stage__img{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.canvas-stage__img:active{cursor:grabbing}.image-lab__thumb-list{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.6rem}.image-lab__thumb{position:relative;border-radius:12px;border:1px solid rgba(226,232,240,.8);background:#fff9;overflow:hidden;cursor:grab}.image-lab__thumb img{width:100%;height:72px;object-fit:cover;display:block}.image-lab__thumb-index{position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:50%;background:#0f172ab3;color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center}.image-lab__thumb.is-dragging{opacity:.6}.image-stage__picker{position:absolute;inset:0;cursor:crosshair}.image-stage__picker.is-active{background:#0f172a26}.image-stage__picker-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0f172ab3;color:#fff;padding:.4rem .8rem;border-radius:999px;font-size:.8rem}.image-stage__watermark-layer,.image-stage__annotation-layer{position:absolute;inset:0}.image-stage__watermark{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;text-shadow:0 2px 6px rgba(0,0,0,.2);touch-action:none;pointer-events:auto}.image-stage__watermark:active{cursor:grabbing}.image-stage__tile-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0f172ab3;color:#fff;padding:.4rem .8rem;border-radius:999px;font-size:.8rem}.image-stage__annotation{position:absolute;transform:translate(-50%,-50%);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto}.image-stage__annotation:active{cursor:grabbing}.image-stage__annotation-text{font-weight:600}.image-stage__annotation-rect{border:2px solid currentColor;background:#fff3}.image-stage__annotation-number{border-radius:999px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.image-stage__annotation-arrow svg{display:block}.image-lab__preview-card{display:flex;flex-direction:column;gap:1rem}.image-lab__preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.image-lab__preview-block{display:flex;flex-direction:column;gap:.6rem}.image-lab__preview-label{font-size:.85rem;font-weight:600;color:var(--color-text)}.image-lab__preview-image{width:100%;max-height:300px;object-fit:contain;border-radius:12px;background:#fff9;border:1px solid rgba(226,232,240,.8)}.image-lab__preview-placeholder{min-height:180px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px dashed rgba(148,163,184,.6);color:var(--color-text-dim);font-size:.85rem;background:#fff6}.image-lab__preview-meta{font-size:.82rem;color:var(--color-text-dim)}.image-lab__palette{display:grid;gap:.6rem}.image-lab__palette-item{display:flex;align-items:center;gap:.8rem}.image-lab__palette-swatch{width:44px;height:44px;border-radius:12px;border:1px solid rgba(226,232,240,.8)}.image-lab__palette-hex{font-weight:700}.image-lab__annotation-list{display:grid;gap:1rem}.image-lab__annotation-item{padding:.8rem;border-radius:12px;background:#fff9;border:1px solid rgba(226,232,240,.7)}.image-lab__annotation-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem}.image-lab__annotation-type{font-size:.85rem;font-weight:600;color:var(--color-text)}.image-lab__compare-list{display:grid;gap:.6rem}.image-lab__compare-item{display:flex;justify-content:space-between;font-size:.95rem}.image-lab__compare-view{position:relative;width:100%;min-height:220px;border-radius:14px;overflow:hidden;background:#fff9;border:1px solid rgba(226,232,240,.8)}.image-lab__compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.image-lab__compare-img--after{border-left:2px solid rgba(59,130,246,.6)}@media(max-width:900px){.image-lab__panel-grid,.image-lab__panel-grid--single,.image-lab__panel-grid--wide{grid-template-columns:1fr}.image-lab__chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-lab__preview-grid{grid-template-columns:1fr}.image-stage{max-height:320px;min-height:180px}.image-stage__img{max-height:320px}}