body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#e7e7e7;background-color:var(--bg-color,#e7e7e7);box-sizing:border-box;font-family:sans-serif;height:100vh;padding:1.8em;-webkit-user-select:none;user-select:none}.App,body{width:100%}.App{flex-wrap:wrap;gap:13px;justify-content:center;padding-bottom:90px;padding-top:36px}.App,.card{display:flex}.card{animation:of-set .4s ease-in alternate;background:#1e1e1e;border-radius:45px 13px 13px 45px;box-shadow:0 0 20px #1e1e1e80;box-sizing:border-box;color:#fff;line-height:54px;overflow:hidden;padding:.9em .9em .9em 1.35em;transition:all .5s ease-out;width:225px}@keyframes of-set{0%{opacity:0}}.card:hover{scale:.98}.card-link{border-radius:45px 13px 13px 45px}.card-link:focus-visible{outline:none}.card-link:focus-visible .card{box-shadow:0 0 0 2px #fff,0 0 25px #1e1e1e!important;box-shadow:0 0 0 2px #fff,0 0 25px var(--card-color,#1e1e1e)!important;outline:3px solid #1e1e1e;outline:3px solid var(--card-color,#1e1e1e);outline-offset:4px;scale:1.03;transform:translateY(-4px);transition:all .25s cubic-bezier(.2,.8,.2,1)}.dragging .card{box-shadow:0 10px 40px #0006!important;cursor:grabbing!important;opacity:.9;scale:1.05}.card-container{transition:transform .2s cubic-bezier(.18,.67,.6,1.22)}.card-name{font-size:16px;overflow:hidden;position:relative;white-space:nowrap;width:100%}.card-name span{display:inline-block;transform:translateX(10px);transition:transform .2s linear}.card:hover .card-name span{transform:translateX(-100%);transition:transform 4s linear}.card-name{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000)}.x-mark{animation:of-set .5s ease-in alternate;background-color:#fff;border:2px solid #fff;border-radius:50%;box-sizing:border-box;color:red;left:0;position:relative;scale:1.5;top:0}.card-icon-container{background:#ffffffaf;border-radius:50%;display:grid;height:54px;margin-left:-9px;margin-right:9px;min-width:54px!important;place-items:center;width:54px}.card-icon-container img{border-radius:45px;height:45px;width:45px}a{text-decoration:none}.modal-overlay{animation:fadeIn .3s ease-out forwards;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0006;display:flex;height:100vh;justify-content:center;left:0;place-items:center;position:fixed;top:0;width:100vw;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:scaleUp .4s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border:1px solid #f0f0f0;border-radius:24px;box-shadow:0 25px 50px -12px #00000026;color:#1e1e1e;max-width:500px;overflow:hidden;padding:0;width:90%}.plus{color:#1e1e1e;display:block;font-size:1.8rem}@keyframes scaleUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#1e1e1e;font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin:0}.close-btn{color:#999;cursor:pointer;font-size:1.2rem;transition:color .2s,transform .2s}.close-btn:hover{color:#fff;transform:rotate(90deg)}.live-preview{align-items:center;background:#0003;display:flex;justify-content:center;padding:40px 20px}.preview-card{cursor:default!important;margin:0!important;pointer-events:none;transform:none!important}.details.redesigned{background:#0000;gap:20px;max-width:none;padding:24px;width:auto}.details.redesigned,.input-group{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.input-group input[type=text]{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:16px;color:#1e1e1e;font-size:1.1rem;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group input:focus{background:#fff;border-color:#cbd5e1;box-shadow:0 0 0 4px #0000000d}.input-row{display:flex;gap:16px}.input-group.full{flex:1 1}.input-group.color{width:80px}.color-picker{background:#ffffff0d!important;border:1px solid #ffffff1a!important;height:48px!important;padding:4px!important}.tooltype.list{background:#0000;display:flex;flex-wrap:wrap;gap:8px;height:auto;max-height:none;overflow-y:visible;padding:0}.type-chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;color:#ffffffb3;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.type-chip:hover{background:#ffffff1a;color:#fff}.type-chip.active{background:#fff;border-color:#fff;color:#000;font-weight:600}.modal-footer{display:flex;gap:12px;margin-top:10px}.modal-footer button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s}.btn-save.accent{box-shadow:0 10px 20px #1dff7733!important}.btn-cancel,.btn-save.accent{border-radius:18px!important;font-size:1.1rem!important;padding:16px!important}.btn-cancel{background:#ffffff1a!important;color:#fff!important}.redesigned-user{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff0d!important;border:1px solid #ffffff1a!important;box-shadow:0 40px 80px #0009!important;max-width:420px!important;padding:30px!important}.redesigned-user .modal-header{border-bottom:none;padding:0 0 25px}.redesigned-user .modal-header h3{font-size:1.6rem;font-weight:700;letter-spacing:-.01em}.redesigned-user .details.redesigned{gap:25px;padding:0}.redesigned-user .input-group label{color:#666;font-weight:600;margin-bottom:2px}.redesigned-user .modal-footer{gap:15px;margin-top:15px}.btn-save.accent{background:#1dff77!important;box-shadow:0 12px 24px #1dff7740!important;color:#1e1e1e!important}.btn-cancel,.btn-save.accent{border-radius:16px!important;font-size:1rem!important;font-weight:700!important;padding:16px 24px!important}.btn-cancel{background:#f1f5f9!important;border:none;color:#475569!important;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e2e8f0!important;color:#1e293b!important}.modern-input{font-family:inherit;font-weight:500}.btn-save{box-shadow:0 10px 20px -5px #0000004d;color:#fff}.btn-save:hover{filter:brightness(1.2);transform:translateY(-2px)}.btn-save:active{transform:translateY(0)}.error-msg{color:#ff4d4d;font-size:.75rem;margin-top:4px}::placeholder{color:#a0aec0}.user{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;padding:30px 20px;width:100vw}.inputun,.user{background:#1e1e1e;color:#fff}.inputun{border:none;border-bottom:2px solid #fff;font-size:25px;line-height:30px;outline:none;padding:0 0 0 10px;width:250px}.user button{background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;font:700 22px arial;height:40px;margin-left:10px;margin-top:20px;outline:none;width:120px}::-webkit-scrollbar{background:#1e1e1e;width:10px}::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:0 50px 50px 0}.floatingAddCard{animation:align 2s ease-in-out alternate;background:#1e1e1e;border-radius:0 20px 20px 0;box-shadow:0 0 20px #1e1e1e90;display:grid;height:150px;left:-38px;place-items:center;position:fixed;top:40vh;width:80px}@keyframes align{0%{box-shadow:0 0 20px #0000;left:-40vh;opacity:0;scale:.4}80%{box-shadow:0 0 20px #0000;left:-38px;opacity:1;scale:.95}to{box-shadow:0 0 20px #1e1e1e90;scale:1}}.floatingAddCard .pic{animation:blur 4s ease-in-out alternate;color:#fff;padding-left:18px;scale:2}@media only screen and (max-width:425px){.floatingAddCard{animation:vanish .5s ease-in alternate;display:none}.App{gap:25px}.card{scale:1.1}}@keyframes vanish{0%{display:grid;left:-38px}to{filter:blur(20px);left:-20vh}}.edit-mark{animation:of-set .5s ease-in alternate;background-color:#fff0;border:2px solid #fff0;border-radius:50%;box-sizing:border-box;color:#fff;cursor:pointer;left:10px;margin-right:6px;padding:4px;position:relative;scale:1.2;top:0;transition:all .2s}.edit-mark:hover{border:2px solid #fff;scale:1.25}.card .edit-mark+.x-mark{margin-left:5px}.edit-modal-content{max-width:520px!important}.edit-modal-title{align-items:center;display:flex;gap:12px}.edit-title-icon{border-radius:10px;display:grid;flex-shrink:0;font-size:1rem;height:36px;place-items:center;transition:background .3s;width:36px}.edit-save-btn{transition:background-color .4s ease,transform .2s ease,color .3s}.edit-save-btn.saved{color:#1e1e1e!important;transform:scale(1.03)}.input-group input.error{border-color:#ff4d4d!important;box-shadow:0 0 0 3px #ff4d4d26}body.dark-theme{background-color:#121212;background-color:var(--bg-color,#121212);color:#f5f5f5;transition:background-color .4s ease}body.dark-theme .settings-modal,body.dark-theme .shortcuts-modal{background:#1e1e1e;box-shadow:0 15px 50px #0009;color:#f5f5f5}body.dark-theme .settings-header,body.dark-theme .shortcuts-header{border-bottom:2px solid #2a2a2a}body.dark-theme .settings-header h2,body.dark-theme .shortcuts-header h2{color:#f5f5f5}body.dark-theme .setting-item,body.dark-theme .shortcut-item{background:#2a2a2a}body.dark-theme .setting-item:hover,body.dark-theme .shortcut-item:hover{background:#333}body.dark-theme .setting-desc,body.dark-theme .shortcut-desc{color:#ccc}body.dark-theme .setting-title{color:#fff}body.dark-theme .close-settings,body.dark-theme .close-shortcuts{color:#777}body.dark-theme .close-settings:hover,body.dark-theme .close-shortcuts:hover{color:#fff}body.dark-theme .search-container{background:#1e1e1ecc;border-color:#ffffff1a}body.dark-theme .search-container:focus-within{background:#1e1e1ef2;border-color:#fff3;box-shadow:0 4px 15px #00000080}body.dark-theme .search-input{color:#fff}body.dark-theme .search-input::placeholder{color:#fff6}body.dark-theme .search-icon{color:#fff}body.dark-theme .importbox div{background:#1e1e1e;box-shadow:0 2px 5px #0006;color:#f5f5f5;color:var(--icon-color,#f5f5f5)}body.dark-theme .importbox div:hover{background:#2a2a2a}body.dark-theme .userbox .user-name-text{color:#f5f5f5}.App.density-compact{gap:8px}.App.density-compact .card{border-radius:35px 10px 10px 35px;line-height:40px;padding:.6em .6em .6em 1em;width:175px}.App.density-compact .card-icon-container{height:40px;margin-left:-5px;margin-right:7px;min-width:40px!important;width:40px}.App.density-compact .card-icon-container img{border-radius:32px;height:32px;width:32px}.App.density-compact .card-name{font-size:13px}.App.density-large{gap:18px}.App.density-large .card{border-radius:55px 16px 16px 55px;line-height:60px;padding:1.2em 1.2em 1.2em 1.6em;width:275px}.App.density-large .card-icon-container{height:60px;margin-left:-12px;margin-right:12px;min-width:60px!important;width:60px}.App.density-large .card-icon-container img{border-radius:50px;height:50px;width:50px}.App.density-large .card-name{font-size:18px}body.dark-theme .import-export-modal,body.dark-theme .modal-content{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 25px 50px -12px #0009;color:#f5f5f5}body.dark-theme .import-export-modal h2,body.dark-theme .modal-header{border-bottom-color:#2a2a2a}body.dark-theme .import-export-modal h2,body.dark-theme .modal-header h3{color:#f5f5f5}body.dark-theme .close-btn,body.dark-theme .import-export-modal .close{color:#777}body.dark-theme .close-btn:hover,body.dark-theme .import-export-modal .close:hover{color:#fff}body.dark-theme .input-group label,body.dark-theme .redesigned-user .input-group label{color:#fff6}body.dark-theme .input-group input[type=text],body.dark-theme .inputRN{background:#ffffff0d;border-color:#ffffff1a;color:#fff}body.dark-theme .input-group input:focus,body.dark-theme .inputRN:focus{background:#ffffff14;border-color:#fff3;box-shadow:0 0 0 4px #ffffff08}body.dark-theme .btn-cancel,body.dark-theme .import-export-modal button{background:#ffffff0d!important;color:#fff!important}body.dark-theme .btn-cancel:hover,body.dark-theme .import-export-modal button:hover:not(:disabled){background:#ffffff1a!important}body.dark-theme .custom-file-label{background:#ffffff0d;border-color:#fff3;color:#fff}body.dark-theme .custom-file-label:hover{background:#ffffff1a;border-color:#6cb8e6;color:#6cb8e6}body.dark-theme .infoBox{background:#ffffff08;color:#fff9}body.dark-theme .filename{background:#ffffff1a;color:#fff}body.dark-theme .code{border-color:#ffffff0d}.footer{animation:birth .5s ease-in alternate;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#26264040;border-radius:20px 20px 0 0;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -8px 32px #0003;box-sizing:border-box;color:#fff;display:flex;gap:40px;height:50px;justify-content:center;place-items:center;position:fixed;width:100vw;z-index:100}.footer a{color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;scale:1.1;text-decoration:none}@media only screen and (max-width:650px){.footer{animation:vanishDown .5s ease-in alternate;display:none}}@keyframes vanishDown{0%{bottom:0;display:flex;opacity:1}to{bottom:-50px;display:none;filter:blur(20px);opacity:0}}.import-export-modal{animation:scaleUp .4s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border:1px solid #f0f0f0;border-radius:24px;box-shadow:0 25px 50px -12px #00000026;color:#1e1e1e;margin:auto;max-width:600px;overflow:hidden;padding:0;width:90%}.import-export-modal h2{align-items:center;border-bottom:1px solid #f0f0f0;color:#1e1e1e;display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;letter-spacing:-.025em;margin:0;padding:20px 24px}.import-export-body{display:flex;flex-direction:column;gap:20px;padding:24px}.import-export-modal button{align-items:center;background:#f1f5f9;border:none;border-radius:14px;color:#475569;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.import-export-modal button:hover:not(:disabled){background:#e2e8f0;color:#1e293b;transform:translateY(-2px)}.import-export-modal button:disabled{cursor:not-allowed;opacity:.5}.import-export-modal .success-msg{background:#1dff7726;border-radius:12px;color:#1dff77;font-size:.9rem;font-weight:600;margin-top:10px;padding:12px;text-align:center}.import-export-modal .close{color:#999;cursor:pointer;font-size:1.2rem;transition:color .2s,transform .2s}.import-export-modal .close:hover{color:#333;transform:rotate(90deg)}.code{border:1px solid #e2e8f0;border-radius:12px;font-size:.8rem;height:-webkit-fit-content;height:fit-content;margin-top:10px;max-height:250px;overflow-y:auto}.hidden-file-input{display:none}.custom-file-label{align-items:center;background:#f8f9fa;border:1px dashed #cbd5e1;border-radius:14px;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.custom-file-label:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.btbox{flex-direction:column}.btbox,.btbox-row{display:flex;gap:12px}.btbox-row{flex-wrap:wrap}.btbox-row .custom-file-label,.btbox-row button{flex:1 1;min-width:140px}.inputRN{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#1e1e1e;font-size:1rem;padding:14px 20px;transition:all .3s;width:100%}.inputRN:focus{background:#fff;border-color:#cbd5e1;outline:none}.infoBox{background:#f8f9fa;border-radius:16px;color:#64748b;display:flex;flex-direction:column;font-size:.9rem;gap:8px;padding:16px}.infoBox p{margin:0}.highlight{color:#3b82f6;font-weight:600}.filename{background:#e2e8f0;border-radius:6px;color:#334155;font-family:monospace;padding:2px 8px}.export-modal-redesign{border:none!important;box-shadow:0 25px 50px -12px #00000014,0 0 0 1px #00000005!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:920px!important;width:95%!important}.export-modal-redesign h2{background:#0000;border-bottom:1px solid #f1f5f9!important;padding:24px 36px!important}.export-modal-redesign h2 .modal-title{align-items:center;color:#0f172a;display:flex;font-size:1.2rem;font-weight:600;gap:12px}.export-modal-redesign h2 .shield-icon{color:#1e1e1e;font-size:1.3rem}.export-body-redesign{grid-gap:36px;align-items:start;display:grid!important;gap:36px;grid-template-columns:1.15fr .85fr;padding:28px 36px 36px!important}.export-col-left,.export-col-right{display:flex;flex-direction:column;gap:24px}@media (max-width:680px){.export-body-redesign{gap:24px;grid-template-columns:1fr!important;padding:20px 24px!important}}.export-info-section{background:#f8fafca6;border:1px solid #e2e8f0cc;border-radius:18px;display:flex;flex-direction:column;gap:12px;padding:20px 24px;text-align:left}.info-badge{align-items:center;color:#1e1e1e;display:flex;font-size:.95rem;font-weight:600;gap:10px}.info-description{color:#475569!important;font-size:.88rem;line-height:1.6;margin:0}.info-steps{display:flex;flex-direction:column;gap:10px;margin-top:6px}.step-item{color:#64748b;font-size:.82rem;gap:12px}.step-item,.step-number{align-items:center;display:flex}.step-number{background:#f1f5f9;border-radius:50%;color:#1e1e1e;flex-shrink:0;font-size:.72rem;font-weight:700;height:20px;justify-content:center;width:20px}.export-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.export-stats-grid .stat-card{background:#f8fafca6;border:1px solid #e2e8f0cc;border-radius:16px;padding:16px 12px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.export-stats-grid .stat-card:hover{background:#f8fafcf2;border-color:#cbd5e1;transform:translateY(-2px)}.export-stats-grid .stat-value{color:#0f172a;font-size:1.6rem;font-weight:700;line-height:1}.export-stats-grid .stat-label{color:#64748b;font-size:.76rem;font-weight:500;margin-top:6px}.export-stats-grid .stat-card.total-stat{background:#eff6ff;border:1px solid #bfdbfe}.export-stats-grid .stat-card.total-stat:hover{background:#dbeafe;border-color:#93c5fd}.export-stats-grid .stat-card.total-stat .stat-value{color:#2563eb}.export-stats-grid .stat-card.public-stat{background:#f0fdf4;border:1px solid #bbf7d0}.export-stats-grid .stat-card.public-stat:hover{background:#dcfce7;border-color:#86efac}.export-stats-grid .stat-card.public-stat .stat-value{color:#16a34a}.export-stats-grid .stat-card.private-stat{background:#fff7ed;border:1px solid #fed7aa}.export-stats-grid .stat-card.private-stat:hover{background:#ffedd5;border-color:#fdba74}.export-stats-grid .stat-card.private-stat .stat-value{color:#ea580c}.stat-card.private-stat.private-excluded{background:#f1f5f966!important;border-color:#e2e8f080!important;opacity:.45;transform:none!important}.stat-card.private-stat.private-excluded .stat-value{color:#94a3b8!important}.export-form-group{display:flex;flex-direction:column;gap:16px;text-align:left}.username-display-card{align-items:center;background:#f1f5f9a6;border:1px solid #e2e8f080;border-radius:14px;display:flex;font-size:.88rem;justify-content:space-between;padding:12px 18px}.field-label{color:#475569;font-size:.84rem;font-weight:600}.user-badge{background:#0ea5e9;border-radius:20px;color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:4px 10px}.input-field-wrapper{display:flex;flex-direction:column;gap:8px}.redesigned-input{background:#fff;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 1px 2px 0 #00000005!important;color:#0f172a!important;font-size:.95rem!important;padding:14px 18px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.redesigned-input:focus{background:#fff!important;border-color:#0ea5e9!important;box-shadow:0 0 0 4px #0ea5e914!important}.input-help{color:#94a3b8;font-size:.74rem;line-height:1.3;margin-top:2px}.private-toggle-container{align-items:center;background:#f8fafca6;border:1px solid #e2e8f0cc;border-radius:18px;display:flex;justify-content:space-between;padding:16px 20px;text-align:left}.toggle-info{display:flex;flex-direction:column;gap:4px;padding-right:12px}.toggle-title{color:#334155;font-size:.9rem;font-weight:600}.toggle-desc{color:#64748b;font-size:.8rem;line-height:1.4}.switch-toggle{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.switch-toggle input{height:0;opacity:0;width:0}.slider{background-color:#cbd5e1}.slider,.slider:before{transition:.3s cubic-bezier(.4,0,.2,1)}.slider:before{bottom:3px;box-shadow:0 1px 3px #0000001a;height:20px;left:3px;width:20px}input:focus+.slider{box-shadow:0 0 1px #1e1e1e}input:checked+.slider:before{transform:translateX(22px)}input:disabled+.slider{background-color:#e2e8f0;cursor:not-allowed}input:disabled+.slider:before{background-color:#f1f5f9}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.export-actions{display:flex;flex-direction:column;gap:14px;margin-top:8px}.btn-export-primary{background:#1e1e1e!important;border:none!important;border-radius:14px!important;box-shadow:0 4px 14px #1e1e1e1f!important;color:#fff!important;font-size:.98rem!important;font-weight:600!important;padding:14px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.btn-export-primary:hover:not(:disabled){background:#333!important;box-shadow:0 6px 22px #1e1e1e38!important;transform:translateY(-2px)!important}.btn-export-primary:disabled{background:#e2e8f0!important;box-shadow:none!important;color:#94a3b8!important;cursor:not-allowed!important;transform:none!important}.export-footer-details{align-items:center;color:#64748b;display:flex;font-size:.8rem;justify-content:space-between;margin-top:4px}.filename-style{background:#f1f5f9;border-radius:6px;color:#334155;font-family:monospace;font-size:.78rem;padding:3px 8px}.encryption-badge{align-items:center;color:#10b981;display:flex;font-weight:600;gap:6px}body.dark-theme .export-modal-redesign{background:#1e1e1e!important;border:1px solid #2a2a2a!important;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff05!important}body.dark-theme .export-modal-redesign h2{background:#0000!important;border-bottom:1px solid #2a2a2a!important}body.dark-theme .export-modal-redesign h2 .modal-title{color:#f8fafc}body.dark-theme .export-modal-redesign h2 .shield-icon{color:#38bdf8}body.dark-theme .export-info-section{background:hsla(0,0%,100%,.015)!important;border-color:#ffffff0a!important}body.dark-theme .info-badge{color:#38bdf8}body.dark-theme .info-description{color:#cbd5e1!important}body.dark-theme .step-number{background:#38bdf81f;color:#38bdf8}body.dark-theme .step-item{color:#94a3b8}body.dark-theme .export-stats-grid .stat-card.total-stat{background:#3b82f614!important;border-color:#3b82f640!important}body.dark-theme .export-stats-grid .stat-card.total-stat:hover{background:#3b82f626!important;border-color:#3b82f666!important}body.dark-theme .export-stats-grid .stat-card.total-stat .stat-value{color:#60a5fa!important}body.dark-theme .export-stats-grid .stat-card.public-stat{background:#10b98114!important;border-color:#10b98140!important}body.dark-theme .export-stats-grid .stat-card.public-stat:hover{background:#10b98126!important;border-color:#10b98166!important}body.dark-theme .export-stats-grid .stat-card.public-stat .stat-value{color:#34d399!important}body.dark-theme .export-stats-grid .stat-card.private-stat{background:#f59e0b14!important;border-color:#f59e0b40!important}body.dark-theme .export-stats-grid .stat-card.private-stat:hover{background:#f59e0b26!important;border-color:#f59e0b66!important}body.dark-theme .export-stats-grid .stat-card.private-stat .stat-value{color:#fbbf24!important}body.dark-theme .export-stats-grid .stat-label{color:#94a3b8}body.dark-theme .stat-card.private-stat.private-excluded{background:hsla(0,0%,100%,.005)!important;border-color:#ffffff05!important;opacity:.3}body.dark-theme .stat-card.private-stat.private-excluded .stat-value{color:#64748b!important}body.dark-theme .username-display-card{background:#ffffff05;border-color:#ffffff0a}body.dark-theme .field-label{color:#94a3b8}body.dark-theme .redesigned-input{background:#ffffff05!important;border-color:#ffffff0f!important;color:#f1f5f9!important}body.dark-theme .redesigned-input:focus{background:#ffffff05!important;border-color:#38bdf8!important;box-shadow:0 0 0 4px #38bdf81f!important}body.dark-theme .input-help{color:#64748b}body.dark-theme .private-toggle-container{background:hsla(0,0%,100%,.015)!important;border-color:#ffffff0a!important}body.dark-theme .toggle-title{color:#e2e8f0}body.dark-theme .toggle-desc{color:#94a3b8}body.dark-theme .slider{background-color:#ffffff1a}body.dark-theme .btn-export-primary{background:#f1f5f9!important;box-shadow:0 4px 14px #ffffff0a!important;color:#0f172a!important}body.dark-theme .btn-export-primary:hover:not(:disabled){background:#fff!important;box-shadow:0 6px 22px #ffffff14!important}body.dark-theme .filename-style{background:#ffffff0a;color:#cbd5e1}body.dark-theme .export-footer-details{color:#94a3b8}.file-upload-container{display:flex;flex-direction:column;margin-top:8px}.custom-file-label-redesign{align-items:center;background:#f8fafca6;border:2px dashed #cbd5e1;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:36px 24px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-file-label-redesign:hover{background:#f0f9ffcc;border-color:#0ea5e9;color:#0284c7}.upload-icon{color:#94a3b8;font-size:2rem;transition:color .2s}.custom-file-label-redesign:hover .upload-icon{color:#0ea5e9}.upload-text{color:#334155;font-size:.95rem;font-weight:600}.upload-subtext{color:#94a3b8;font-size:.76rem}.success-border{background:#f0fdfaa6!important;border-color:#10b9814d!important}.success-color{color:#059669!important}.info-details-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.meta-row{border-bottom:1px solid #00000008;display:flex;font-size:.84rem;justify-content:space-between;padding-bottom:6px}.meta-label{color:#64748b;font-weight:500}.meta-val{color:#334155;font-weight:600}.highlighted-green{color:#10b981}.selection-quick-actions{display:flex;gap:10px;margin-top:-8px}.btn-selection-action{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;color:#475569!important;cursor:pointer;flex:1 1;font-size:.78rem!important;font-weight:500!important;justify-content:center;padding:8px 12px!important;transition:all .2s}.btn-selection-action:hover{background:#f8fafc!important;border-color:#cbd5e1!important;color:#0f172a!important}.btn-selection-action.reset-btn{background:#fef2f299!important;border-color:#ef444426!important;color:#ef4444!important}.btn-selection-action.reset-btn:hover{background:#fee2e2!important;border-color:#ef44444d!important;color:#dc2626!important}.btn-export-secondary{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 1px 2px #0000000d!important;color:#475569!important;font-size:.95rem!important;font-weight:600!important;padding:12px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.btn-export-secondary:hover:not(:disabled){background:#e2e8f0!important;border-color:#cbd5e1!important;color:#0f172b!important;transform:translateY(-2px)!important}.btn-export-secondary:disabled{background:#e2e8f0!important;border-color:#e2e8f0!important;box-shadow:none!important;color:#94a3b8!important;cursor:not-allowed!important;transform:none!important}.preview-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.preview-title{color:#334155;font-size:.88rem;font-weight:600}.preview-count{color:#94a3b8;font-size:.78rem;font-weight:500}.import-preview-list{display:flex;flex-direction:column;gap:8px;max-height:330px;overflow-y:auto;padding-right:4px;text-align:left}.import-preview-list::-webkit-scrollbar{width:6px}.import-preview-list::-webkit-scrollbar-track{background:#0000}.import-preview-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.import-preview-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mini-card-preview{align-items:center;background:#f8fafca6;border:1px solid #e2e8f0cc;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.mini-card-preview:hover{background:#f8fafcf2;border-color:#cbd5e1;transform:translateY(-1px)}.mini-card-preview.card-selected{background:#fff;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005}.mini-card-checkbox{align-items:center;display:flex}.mini-card-checkbox input[type=checkbox]{cursor:pointer;height:15px;width:15px}.mini-card-icon{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;overflow:hidden;width:24px}.mini-card-icon img{height:16px;object-fit:contain;width:16px}.mini-card-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.mini-card-name{color:#0f172a;font-size:.84rem;font-weight:600}.mini-card-name,.mini-card-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-card-url{color:#64748b;font-size:.7rem}.mini-card-category{background:#e0f2fe;border-radius:8px;color:#0369a1;flex-shrink:0;font-size:.68rem;font-weight:600;padding:2px 6px}body.dark-theme .custom-file-label-redesign{background:#ffffff03!important;border-color:#ffffff14!important}body.dark-theme .custom-file-label-redesign:hover{background:#38bdf80a!important;border-color:#38bdf8!important}body.dark-theme .custom-file-label-redesign:hover .upload-text{color:#38bdf8}body.dark-theme .upload-text{color:#e2e8f0}body.dark-theme .success-border{background:#14b8a60a!important;border-color:#10b98140!important}body.dark-theme .success-color{color:#34d399!important}body.dark-theme .meta-row{border-bottom-color:#ffffff08}body.dark-theme .meta-label{color:#94a3b8}body.dark-theme .meta-val{color:#e2e8f0}body.dark-theme .btn-selection-action{background:#ffffff05!important;border-color:#ffffff14!important;color:#94a3b8!important}body.dark-theme .btn-selection-action:hover{background:#ffffff0d!important;border-color:#ffffff26!important;color:#f1f5f9!important}body.dark-theme .btn-selection-action.reset-btn{background:#ef44440f!important;border-color:#ef444426!important;color:#fca5a5!important}body.dark-theme .btn-selection-action.reset-btn:hover{background:#ef44441f!important;color:#f87171!important}body.dark-theme .btn-export-secondary{background:#ffffff05!important;border-color:#ffffff14!important;color:#cbd5e1!important}body.dark-theme .btn-export-secondary:hover:not(:disabled){background:#ffffff0f!important;border-color:#ffffff26!important;color:#fff!important}body.dark-theme .btn-export-secondary:disabled{background:#ffffff05!important;border-color:#ffffff05!important;color:#64748b!important}body.dark-theme .preview-title{color:#e2e8f0}body.dark-theme .preview-count{color:#64748b}body.dark-theme .import-preview-list::-webkit-scrollbar-thumb{background:#475569}body.dark-theme .mini-card-preview{background:hsla(0,0%,100%,.015)!important;border-color:#ffffff0a!important}body.dark-theme .mini-card-preview:hover{background:#ffffff08!important;border-color:#ffffff14!important}body.dark-theme .mini-card-preview.card-selected{background:#ffffff05!important;box-shadow:0 4px 6px -1px #0000004d}body.dark-theme .mini-card-icon{background:#ffffff0d}body.dark-theme .mini-card-name{color:#f1f5f9}body.dark-theme .mini-card-url{color:#94a3b8}body.dark-theme .mini-card-category{background:#38bdf81f;color:#38bdf8}.preview-badge-count{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;color:#475569;font-size:.78rem;font-weight:600;letter-spacing:.01em;padding:4px 12px}.meta-badge{border:1px solid #cbd5e1;border-radius:12px;font-size:.78rem;font-weight:600;padding:3px 10px}.meta-badge.blue-badge{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.meta-badge.green-badge{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}body.dark-theme .preview-badge-count{background:#ffffff08;border-color:#ffffff14;color:#94a3b8}body.dark-theme .meta-badge.blue-badge{background:#3b82f614;border-color:#3b82f633;color:#60a5fa}body.dark-theme .meta-badge.green-badge{background:#10b98114;border-color:#10b98133;color:#34d399}.identity-modal-redesign{max-width:480px!important}.identity-modal-redesign .export-actions{flex-direction:row!important;gap:12px!important;margin-top:18px!important}.identity-modal-redesign .export-actions button{flex:1 1!important}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#26264040;border-bottom:1px solid #ffffff1a;border-radius:0 0 20px 20px;box-shadow:0 8px 32px #0003;box-sizing:border-box;color:#fff;display:flex;flex-wrap:wrap;font-size:18px;height:50px;justify-content:space-between;padding:9px 1em;place-items:center;position:fixed;top:0;width:100vw;z-index:100}.userbox{display:flex;gap:15px;place-items:center;position:relative}.filter-nav-navbar{align-items:center;color:#fff;display:flex;font-size:14px;gap:15px;margin-left:10px;-webkit-user-select:none;user-select:none}.filter-nav-item{transition:opacity .2s}.filter-nav-item.side{cursor:pointer;font-size:12px;opacity:.4}.filter-nav-item.side:hover{opacity:.8}.filter-nav-item.current{font-weight:700;opacity:1}.tooltip-container{position:relative}.search-container{align-items:center;background:#fff;border:1px solid #ffffff0d;border-radius:20px;display:flex;flex:1 1;margin:0 20px;max-width:300px;padding:0 12px;position:relative;transition:all .3s ease}.search-container:focus-within{background:#fff;border-color:#0000001a;box-shadow:0 4px 15px #0000001a;max-width:400px}.search-icon,.search-input{color:#1e1e1e;font-size:14px}.search-input{background:none;border:none;font-family:inherit;font-weight:700;outline:none;padding:8px 10px;width:100%}.search-input::placeholder{color:#1e1e1e80}.search-clear{color:#fff6;cursor:pointer;font-size:14px;transition:color .2s}.search-clear:hover{color:#ff5252}.importbox{animation:birthTop .5s ease-in alternate;display:flex;gap:10px;justify-content:right;place-items:center;position:relative}@keyframes birthTop{0%{filter:blur(20px);top:-50px}to{top:0}}.importbox div{background:#fff;border-radius:7px;color:#1e1e1e;color:var(--icon-color,#1e1e1e);cursor:pointer;display:grid;min-height:23px;min-width:23px;padding:5px;place-items:center;position:relative}.importbox div:hover .tooltip,.tooltip-container:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(0) scale(1);visibility:visible}.tooltip{border-radius:8px;box-shadow:0 8px 20px #0003;color:#1e1e1e;display:block;font-size:.75rem;font-weight:700;opacity:0;padding:5px 12px;pointer-events:none;top:45px;transform:translateX(-50%) translateY(10px) scale(.9);transition:all .2s cubic-bezier(.34,1.56,.64,1);visibility:hidden;white-space:nowrap;z-index:1000}.tooltip,.tooltip:after{background:#fff;left:50%;position:absolute}.tooltip:after{content:"";height:8px;top:-4px;transform:translateX(-50%) rotate(45deg);width:8px}.importbox div .ic{scale:1.3;transition:all .5s}.fex,.fin{transition:all .5s}.fin:hover{color:#0df}.fex:hover{color:#1dff77}.edit,.reloader{cursor:pointer;scale:1.2}.user-name-text{display:inline-block;margin-left:10px}@media only screen and (max-width:650px){.header{-webkit-backdrop-filter:initial;backdrop-filter:none;height:auto;min-height:50px;padding-bottom:9px}.search-container{margin:10px 0 0;max-width:none;order:3;width:100%}.search-container:focus-within{max-width:none}.importbox{animation:birth .5s ease-in alternate;bottom:10px;position:fixed;right:20px;transition:1s ease-in-out}.importbox .tooltip{bottom:45px;top:auto;transform:translateX(-50%) translateY(-10px) scale(.9)}.importbox div:hover .tooltip,.tooltip-container:hover .tooltip{transform:translateX(-50%) translateY(0) scale(1)}.importbox .tooltip:after{bottom:-4px;top:auto}}@keyframes birth{0%{bottom:-50px;filter:blur(20px)}to{bottom:0}}.edit-mode-btn{position:relative;transition:background .25s,box-shadow .25s,color .25s}.edit-mode-btn.edit-mode-active{background:#4fc3f7!important;box-shadow:0 0 0 3px #4fc3f759,0 0 12px #4fc3f780!important;color:#fff!important}.edit-mode-btn.edit-mode-active svg{color:#fff}.offline-badge{align-items:center;animation:pulseOffline 2s ease-in-out infinite;background-color:#fa03;border:1px solid #fa06;border-radius:12px;box-shadow:0 0 10px #ffaa001a;color:#fa0;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}@keyframes pulseOffline{0%{opacity:.8}50%{box-shadow:0 0 12px #ffaa0040;opacity:1}to{opacity:.8}}.notif-stack{left:50%;pointer-events:none;position:fixed;top:100px;transform:translateX(-50%);z-index:2000}.notif-anim-container{animation:notify-lifecycle 4s ease-out forwards;isolation:isolate;left:50%;overflow:hidden;place-items:center;position:absolute;top:0;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content}.notif-anim-container,.notification-item{border-radius:20px;display:flex;justify-content:center}.notification-item{backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);color:#fff;height:-webkit-fit-content;height:fit-content;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);max-width:500px;min-height:80px;min-width:250px;overflow:hidden;padding:0 20px;place-items:center;position:relative;text-align:center;transform-style:preserve-3d;transition:all .6s cubic-bezier(.34,1.56,.64,1);width:30vw}@keyframes notify-lifecycle{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);filter:blur(200px);opacity:0;transform:translateX(-50%) translateY(-120px) scale(.5)}10%{filter:blur(0);opacity:1;transform:translateX(-50%) translateY(0) scale(1)}85%{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);filter:blur(0);opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);filter:blur(20px);opacity:0;transform:translateX(-50%) translateY(20px) scale(.9)}}.Card-sorter.redesigned{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;gap:12px;height:auto;left:50%;min-width:300px;opacity:0;padding:15px;pointer-events:none;position:fixed;top:70px;transform:translateX(-50%) translateY(-20px);transition:all .4s cubic-bezier(.16,1,.3,1);width:auto;z-index:110}.Card-sorter.redesigned.visible{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}.sorter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;padding:0 5px}.sorter-header span{color:#fff6;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.close-sorter{color:#fff6;cursor:pointer;transition:color .2s}.close-sorter:hover{color:#fff}.sorter-grid{flex-wrap:wrap;gap:8px}.sorter-grid,.sorter-item{display:flex;justify-content:center}.sorter-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;color:#fff9;cursor:pointer;flex-direction:column;height:65px;transition:all .2s ease;width:65px}.sorter-item .icon,.sorter-item .icon-text{font-size:1.2rem;margin-bottom:4px}.sorter-item .icon-text{font-family:sans-serif;font-size:1rem;font-weight:800}.sorter-item .label{font-size:.7rem;font-weight:500}.sorter-item:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.sorter-item.active{background:#fff;border-color:#fff;box-shadow:0 10px 20px #ffffff1a;color:#000}.icon-stack{display:flex;gap:2px;margin-bottom:4px}.icon-stack svg{font-size:.9rem}@media only screen and (max-width:500px){.Card-sorter.redesigned{bottom:80px;top:auto;width:90%}}.shortcuts-modal{background:#fff;border-radius:20px;box-shadow:0 15px 50px #0003;left:50%;max-width:500px;opacity:0;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);transition:all .3s cubic-bezier(.34,1.56,.64,1);visibility:hidden;width:90%;z-index:2000}.shortcuts-modal.visible{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.shortcuts-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;visibility:hidden;width:100%;z-index:1999}.shortcuts-overlay.visible{opacity:1;visibility:visible}.shortcuts-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.shortcuts-header h2{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:10px;margin:0}.close-shortcuts{color:#999;cursor:pointer;font-size:1.2rem;transition:color .2s}.close-shortcuts:hover{color:#333}.shortcuts-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.shortcut-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;padding:8px 12px;transition:transform .2s}.shortcut-item:hover{background:#f0f2f5;transform:translateX(5px)}.shortcut-keys{display:flex;gap:5px}.key{background:#333;border-radius:6px;box-shadow:0 2px 0 #000;color:#fff;font-family:monospace;font-size:.9rem;min-width:25px;padding:4px 8px;text-align:center}.shortcut-desc{color:#555;font-size:.95rem;font-weight:500}.settings-modal{background:#fff;border-radius:20px;box-shadow:0 15px 50px #0003;left:50%;max-width:500px;opacity:0;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);transition:all .3s cubic-bezier(.34,1.56,.64,1);visibility:hidden;width:90%;z-index:2000}.settings-modal.visible{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;visibility:hidden;width:100%;z-index:1999}.settings-overlay.visible{opacity:1;visibility:visible}.settings-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.settings-header h2{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:10px;margin:0}.close-settings{color:#999;cursor:pointer;font-size:1.2rem;transition:color .2s}.close-settings:hover{color:#333}.settings-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.setting-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:transform .2s,background-color .2s}.setting-item:hover{background:#f0f2f5}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-title{color:#333;font-size:1.05rem;font-weight:600}.setting-desc{color:#666;font-size:.85rem}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;width:18px}input:checked+.slider{background-color:#1e1e1e}body.dark-theme input:checked+.slider{background-color:#4fc3f7}input:checked+.slider:before{transform:translateX(24px)}.settings-select{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:.95rem;font-weight:500;outline:none;padding:6px 12px;transition:border-color .2s}.settings-select:focus{border-color:#1e1e1e}body.dark-theme .settings-select:focus{border-color:#4fc3f7}.setting-item.color-item-vertical{align-items:flex-start;flex-direction:column;gap:12px}.custom-color-picker{display:flex;flex-direction:column;gap:10px;width:100%}.color-input-wrapper{align-items:center;display:flex;gap:8px;width:100%}.color-preview-circle{border:1px solid #ccc;border-radius:50%;box-shadow:inset 0 0 2px #0000001a;display:inline-block;flex-shrink:0;height:26px;transition:background-color .2s ease;width:26px}body.dark-theme .color-preview-circle{border-color:#444}.settings-text-color-input{border:1px solid #ccc;border-radius:8px;font-family:monospace;font-size:.85rem;outline:none;padding:6px 10px;transition:border-color .2s;width:100px}body.dark-theme .settings-text-color-input{background:#2a2a2a;border-color:#444;color:#fff}.settings-text-color-input:focus{border-color:#1e1e1e}body.dark-theme .settings-text-color-input:focus{border-color:#4fc3f7}.color-presets-grid{display:flex;flex-wrap:wrap;gap:8px}.preset-circle{border:1px solid #ddd;border-radius:50%;cursor:pointer;height:22px;transition:transform .2s,border-color .2s,box-shadow .2s;width:22px}.preset-circle:hover{border-color:#888;transform:scale(1.18)}.preset-circle.active{border-color:#1e1e1e;box-shadow:0 0 0 2px #fff,0 0 0 3px #1e1e1e;transform:scale(1.18)}body.dark-theme .preset-circle{border-color:#444}body.dark-theme .preset-circle.active{border-color:#4fc3f7;box-shadow:0 0 0 2px #1e1e1e,0 0 0 3px #4fc3f7}.color-reset-btn{background:#fff;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s}.color-reset-btn:hover{background:#f0f0f0;border-color:#999}body.dark-theme .color-reset-btn{background:#2a2a2a;border-color:#444;color:#ccc}body.dark-theme .color-reset-btn:hover{background:#333;color:#fff}
/*# sourceMappingURL=main.2969d947.css.map*/