body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#1e293b 40%,#1a1a3e 70%,#0f172a);color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bg-orb{border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;position:fixed;will-change:transform;z-index:0}.bg-orb--1{animation:orbFloat1 24s ease-in-out infinite;background:#3b82f6;height:420px;left:-60px;top:-80px;width:420px}.bg-orb--2{animation:orbFloat2 20s ease-in-out infinite;background:#8b5cf6;bottom:-100px;height:360px;right:-80px;width:360px}.bg-orb--3{animation:orbFloat3 28s ease-in-out infinite;background:#06b6d4;height:280px;left:50%;top:40%;width:280px}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,40px) scale(1.1)}66%{transform:translate(-30px,80px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,-30px) scale(1.05)}66%{transform:translate(40px,-60px) scale(.9)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-80px,50px) scale(1.15)}}.app-shell{display:grid;grid-template-columns:320px 1fr;grid-template-rows:auto 1fr auto;min-height:100vh;position:relative;z-index:1}.app-header{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#0f172a99;border-bottom:1px solid #ffffff14;grid-column:1/-1;grid-row:1;height:60px;justify-content:space-between;padding:0 28px;z-index:100}.app-header,.app-header__left{align-items:center;display:flex}.app-header__brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:19px;font-weight:700;letter-spacing:.02em}.app-header__right{align-items:center;display:flex;gap:12px}.app-header__user{align-items:center;display:flex;gap:10px}.app-header__username{color:#cbd5e1;font-size:14px;font-weight:500}.app-header__logout{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;color:#f87171;cursor:pointer;font-size:13px;padding:7px 14px;transition:all .25s ease}.app-header__logout:hover{background:#f871711f;border-color:#f8717140}.app-header__login{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f64d,#8b5cf640);border:1px solid #60a5fa59;border-radius:10px;box-shadow:0 2px 12px #3b82f626;color:#e2e8f0;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:7px;padding:8px 18px;transition:all .25s ease}.app-header__login:hover{background:linear-gradient(135deg,#3b82f673,#8b5cf666);box-shadow:0 4px 20px #3b82f640;transform:translateY(-1px)}.app-header__icon{height:16px;width:16px}.tool-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172a59;border-right:1px solid #ffffff0f;grid-column:1;grid-row:2;padding:24px}.tool-sidebar__title-hidden{display:none}.sidebar-desc{color:#94a3b8;font-size:13px;line-height:1.6;margin:0 0 20px}.tool-list{gap:14px}.tool-card,.tool-list{display:flex;flex-direction:column}.tool-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;cursor:pointer;gap:6px;overflow:hidden;padding:16px 18px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.tool-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tool-card:hover{background:#ffffff12;border-color:#ffffff24;box-shadow:0 8px 32px #00000040;transform:translateY(-2px)}.tool-card:hover:before{opacity:1}.tool-card--active{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 0 0 1px #3b82f626,0 8px 32px #3b82f61f}.tool-card--active:before{opacity:1}.tool-card strong{align-items:center;color:#f1f5f9;display:flex;font-size:16px;gap:8px}.tool-card span{color:#94a3b8;font-size:13px;line-height:1.5}.tool-card small{color:#64748b;font-size:11px;letter-spacing:.04em}.tool-card-icon{align-items:center;background:linear-gradient(135deg,#3b82f640,#8b5cf633);border-radius:10px;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.tool-card-icon svg{stroke:#60a5fa;height:18px;width:18px}.tool-workspace{grid-column:2;grid-row:2;padding:28px}.tool-layout{animation:toolFadeIn .35s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 8px 32px #0003;max-width:760px;padding:28px}@keyframes toolFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-layout__header h2{color:#f1f5f9;font-size:24px;font-weight:700;margin:0 0 8px}.tool-layout__header p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0 0 24px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field>span{color:#94a3b8;font-size:13px;font-weight:500}.auth-modal__field input,.field input[type=password],.field input[type=text]{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;color:#e2e8f0;font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease}.auth-modal__field input:focus,.field input[type=password]:focus,.field input[type=text]:focus{background:#ffffff0f;border-color:#60a5fa80;box-shadow:0 0 0 3px #3b82f61f}.field input[type=password]::placeholder,.field input[type=text]::placeholder{color:#94a3b880}.field input[type=range]{appearance:none;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;height:6px;outline:none;width:100%}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#e2e8f0;border:3px solid #3b82f6;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;-webkit-transition:box-shadow .2s ease;transition:box-shadow .2s ease;width:20px}.field input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 2px 16px #3b82f666}.field-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.checkbox-field{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;display:flex;gap:10px;padding:8px 12px;transition:background .2s ease}.checkbox-field:hover{background:#ffffff0f}.checkbox-field input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.checkbox-field span{color:#cbd5e1;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#3b82f659,#8b5cf64d);border:1px solid #60a5fa40;border-radius:12px;box-shadow:0 2px 12px #3b82f61f;color:#e2e8f0;cursor:pointer;font-size:14px;font-weight:500;padding:11px 20px;transition:all .25s ease}button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f680,#8b5cf673);box-shadow:0 4px 20px #3b82f638;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.4}button.secondary{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 2px 8px #0000001f}button.secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;box-shadow:0 4px 16px #0000002e}button.danger{background:#ef444433;border-color:#ef44444d;box-shadow:0 2px 8px #ef444414;color:#f87171}button.danger:hover:not(:disabled){background:#ef444459;border-color:#ef444473}button.small{border-radius:8px;font-size:12px;padding:6px 12px}.result-box{background:#0003;border:1px solid #ffffff0f;border-radius:14px;color:#60a5fa;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:15px;letter-spacing:.03em;line-height:1.6;margin-top:20px;min-height:48px;padding:16px;word-break:break-all}.hint{color:#94a3b8;font-size:13px;margin:12px 0 0}.hint.error{color:#f87171}.hint.success{color:#4ade80}.save-section{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:14px;margin-top:28px;padding-top:24px}.save-section h3{color:#e2e8f0;font-size:16px;font-weight:600;margin:0}.saved-list{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:10px;margin-top:28px;padding-top:24px}.saved-list h3{color:#e2e8f0;font-size:16px;margin:0}.saved-list__title{gap:8px}.saved-list__hint,.saved-list__title{align-items:center;display:inline-flex}.saved-list__hint{position:relative}.saved-list__hint-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:50%;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;height:18px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:18px}.saved-list__hint-icon:focus-visible,.saved-list__hint-icon:hover{background:#3b82f626;border-color:#60a5fa66;box-shadow:0 0 0 3px #3b82f61a;color:#60a5fa;outline:none}.saved-list__hint-tooltip{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172ae6;border:1px solid #ffffff1a;border-radius:8px;bottom:calc(100% + 10px);color:#cbd5e1;font-size:12px;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;visibility:hidden;white-space:nowrap}.saved-list__hint-tooltip:after{border:5px solid #0000;border-top-color:#0f172ae6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.saved-list__hint:focus-within .saved-list__hint-tooltip,.saved-list__hint:hover .saved-list__hint-tooltip{opacity:1;transform:translateX(-50%) translateY(-2px);visibility:visible}.saved-entry{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.saved-entry:hover{background:#ffffff0d;border-color:#ffffff1a}.saved-entry__info{display:flex;flex-direction:column;gap:4px;min-width:0}.saved-entry__info strong{color:#e2e8f0;font-size:14px}.saved-entry__pw{color:#60a5fa;font-family:SF Mono,Fira Code,monospace;font-size:13px;word-break:break-all}.saved-entry__actions{display:flex;flex-shrink:0;gap:6px}.idphoto-placeholder__notice{color:#94a3b8;line-height:1.6;margin-bottom:16px}.idphoto-placeholder__upload{background:#ffffff05;border:2px dashed #ffffff1f;border-radius:14px;color:#64748b;font-size:14px;margin-bottom:16px;padding:48px 16px;text-align:center}.idphoto-placeholder__colors{margin-top:0}.idphoto-placeholder__swatch{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s ease}.idphoto-placeholder__swatch:hover{background:#ffffff12}.idphoto-placeholder__swatch--active{background:#3b82f61a;border-color:#3b82f666;box-shadow:0 0 0 1px #3b82f626,0 4px 16px #3b82f61a}.idphoto-placeholder__dot{border:1px solid #ffffff26;border-radius:50%;display:inline-block;height:14px;width:14px}.empty-state{align-items:center;color:#64748b;display:flex;font-size:15px;justify-content:center;min-height:60vh}.site-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172a66;border-top:1px solid #ffffff0a;color:#475569;font-size:13px;grid-column:1/-1;grid-row:3;padding:16px 16px 20px;text-align:center}.site-footer a{color:#475569;text-decoration:none;transition:color .2s ease}.site-footer a:hover{color:#60a5fa}@media (max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.tool-sidebar{border-bottom:1px solid #ffffff0f;border-right:none;grid-column:1;grid-row:2}.tool-workspace{grid-column:1;grid-row:3}.site-footer{grid-column:1;grid-row:4}.field-group{grid-template-columns:1fr}}.auth-modal-overlay{align-items:center;animation:auth-modal-fade-in .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes auth-modal-fade-in{0%{opacity:0}to{opacity:1}}.auth-modal{animation:auth-modal-slide-in .3s ease;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#1e293bd9;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 24px 64px #0006,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:16px;max-width:90vw;padding:28px;position:relative;width:400px}@keyframes auth-modal-slide-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal__close{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e293be6;border:1px solid #ffffff1f;border-radius:50%;box-shadow:0 4px 16px #0000004d;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:-12px;top:-12px;transition:all .2s ease;width:30px}.auth-modal__close:hover{background:#ffffff1a;color:#e2e8f0}.auth-modal__tabs{border:1px solid #ffffff14;border-radius:12px;display:flex;gap:0;overflow:hidden}.auth-modal__tab{background:#ffffff0a;border:none;color:#94a3b8;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:11px;transition:all .2s ease}.auth-modal__tab--active{background:linear-gradient(135deg,#3b82f659,#8b5cf64d);box-shadow:inset 0 1px 0 #ffffff14;color:#e2e8f0}.auth-modal__field{display:flex;flex-direction:column;gap:6px}.auth-modal__field span{color:#94a3b8;font-size:13px;font-weight:500}.auth-modal__field input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;color:#e2e8f0;font-size:14px;outline:none;padding:11px 14px;transition:all .2s ease}.auth-modal__field input:focus{background:#ffffff0f;border-color:#60a5fa80;box-shadow:0 0 0 3px #3b82f61f}.auth-modal__field input::placeholder{color:#94a3b880}.auth-modal__submit{background:linear-gradient(135deg,#3b82f666,#8b5cf659);border:1px solid #60a5fa4d;border-radius:12px;box-shadow:0 4px 16px #3b82f626;color:#e2e8f0;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:all .25s ease}.auth-modal__submit:hover:not(:disabled){background:linear-gradient(135deg,#3b82f68c,#8b5cf680);box-shadow:0 6px 24px #3b82f640;transform:translateY(-1px)}.auth-modal__submit:disabled{cursor:not-allowed;opacity:.5}.auth-modal__tip{color:#64748b;font-size:12px;line-height:1.5;margin:0}.auth-modal__welcome{color:#e2e8f0;font-size:17px;margin:8px 0 0;text-align:center}.auth-modal__welcome strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.auth-modal__logout{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;color:#f87171;cursor:pointer;font-size:14px;padding:11px;transition:all .2s ease}.auth-modal__logout:hover{background:#f871711a;border-color:#f8717133}
/*# sourceMappingURL=main.364606e6.css.map*/