@import "root.css?44ae0440fe";@import "util.css?44ae0440fe";@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}*{margin:0;padding:0}*,::after,::before{box-sizing:border-box}#menu-checkbox{display:none}.hidden{display:none!important}html{scroll-behavior:smooth}button div,button svg,svg{pointer-events:none}button{position:relative}button:disabled{pointer-events:none}button:disabled::before{background:rgba(0,0,0,.7);border-radius:var(--radius-half);content:"";position:absolute;top:0;left:0;height:100%;width:100%}button:disabled::after{animation:rotation 1s linear infinite;border:3px solid #fff;border-bottom-color:transparent;border-radius:50%;content:"";display:inline-block;position:absolute;height:32px;width:32px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:var(--radius-full)}.handle{touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block;pointer-events:none;width:100%!important;height:100%!important}.parent,summary{position:relative}.parent,canvas{touch-action:none;-webkit-user-select:none;user-select:none}.parent{height:120px;width:100%}.overlay{background:rgb(172,207,185,.13);cursor:grab;display:none;top:0;height:100%;z-index:5}.overlay:active{cursor:grabbing}.handle,.label,.overlay{position:absolute}.handle{background:var(--action-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:ew-resize;top:0;height:100%;width:15px;transition:background .2s;z-index:20}.handle:hover{background:var(--action-hover)}.label{background:var(--orange-600);box-shadow:rgba(0,0,0,.16)0 1px 4px;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;z-index:30}.dot,.dots-grid,.label{pointer-events:none}.dots-grid{display:grid;gap:3px;grid-template-columns:1fr}.dot{background:rgba(255,255,255,.9);border-radius:50%;height:3px;width:3px}#lScreen{top:-36px}#rScreen{bottom:-35px}#lHandle{border-radius:4px 0 0 4px}#rHandle{border-radius:0 4px 4px 0}#lScreen::before,#rScreen::before{border-left:5px solid transparent;border-right:5px solid transparent;display:block;content:"";position:absolute;left:50%;transform:translateX(-50%);height:5px;width:10px}#lScreen::before{border-top:10px solid var(--orange-600);bottom:-8px}#rScreen::before{border-bottom:10px solid var(--orange-600);top:-8px}.status-window{display:flex;justify-content:center;left:0;margin-left:auto;margin-right:auto;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(-120%);transition:all .5s ease-out;z-index:1001}.status-window.visible{transform:translateY(6%)}.status-card{align-items:center;border:1px solid;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;min-width:140px;padding:1rem 2rem;pointer-events:auto}.percent{font-size:.9rem;font-variant-numeric:tabular-nums;width:40px}.message,main{overflow:hidden}.message,.progress{font-variant-numeric:tabular-nums}.message{display:inline-block;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.progress{font-size:1.2rem;text-align:center;width:100%}.progress.hidden{display:none}main{display:flex;flex-grow:1;justify-content:center;margin-top:2rem;padding:var(--space-4)}.content-wrapper{max-width:1000px;overflow:hidden}.tool-grid .tool-card h3,header{text-align:center}header p{font-size:1.4rem}h1{font-size:var(--text-7xl);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-4)}section h4{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1);line-height:1.4}section h4.mt-md{margin-top:var(--space-6)!important}section h4+p{margin-top:var(--space-1)!important;margin-bottom:var(--space-4)!important}.editor-card,details{border-radius:var(--radius-md)}.editor-card{margin-top:var(--space-12);padding:var(--space-6);position:relative;width:90%}.editor-card.borderles{border-radius:0;padding:0}.editor-card.bordered{background:var(--slate-100);border:0;border-radius:50px;box-shadow:rgba(0,0,0,.05)0 0 0 1px;padding:7px}.editor-card h3,.tool-card h3{font-size:1.4rem;text-align:center}.editor-card p,.tool-card p{font-size:1.1rem}.badge{border-top:1px solid;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,2fr));position:fixed;padding:.8rem;left:0;bottom:0;gap:var(--space-6);width:100%;z-index:999}.badge.hidden,.format-option input{display:none}.detail,.played{font-size:1rem}.played{font-variant-numeric:tabular-nums}.detail{overflow:hidden;max-width:200px;text-overflow:ellipsis;white-space:nowrap}.tool-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.tool-card-link{color:inherit;text-decoration:none;transition:transform .4s ease}.tool-card-link:hover{transform:translateY(-5px)}.tool-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);height:100%;position:relative}.tool-card.featured{background:linear-gradient(180deg,white 0%,var(--slate-100) 100%);border:2px solid var(--blue-200)}.tool-card h3{font-size:1.6rem;margin:0}.tool-card p{flex-grow:1;line-height:1.4}summary{border:4px solid transparent;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);cursor:pointer;display:block;font-size:1.2rem;font-weight:600;outline:0;padding:1rem 1rem 1rem 2.2rem}details{box-sizing:border-box;box-shadow:var(--shadow-lg);margin-top:5px}.tool-card,details p{padding:var(--space-6)}details summary::-webkit-details-marker{display:none}details[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0}details[open]>summary:before{transform:rotate(90deg)}summary:before{border-width:.4rem;border-style:solid;content:"";position:absolute;top:1.3rem;left:1rem;transform:rotate(0);transform-origin:.2rem 50%;transition:.25s transform ease}section{width:90%}section>h2{margin-bottom:5px}section h2{font-size:1.7rem}section h3{font-size:1.6rem;text-align:center}.text-muted,section p{font-size:1.2rem}section p{hyphens:auto}.info-box p,section li{font-size:1.2rem;line-height:1.6}.info-box h3,section li{margin-bottom:var(--space-2)}section li{hyphens:auto;margin-left:20px}.info-box{margin:var(--space-8)0;padding:var(--space-6)0}.info-box h3{margin-top:0!important;text-align:center}.info-box p{margin:0}section ol,section ul{list-style-position:outside;margin-top:var(--space-4);margin-bottom:var(--space-6)}section strong{font-weight:600}section a{text-decoration:none}section a:hover{text-decoration:underline}.single-btns{margin-top:var(--space-8)}.action-btns,.double-btns{display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr;margin-top:var(--space-8)}.action-btns{grid-template-columns:1fr 1fr 1fr}.btn{align-items:center;border:0;border-radius:var(--radius-half);cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;padding:0 1.6rem;height:48px;opacity:.85;text-align:center;transition:.3s;white-space:nowrap}.btn-image:hover,.btn-primary:hover,.btn-text:hover{opacity:1;transform:translateY(-2px)}.btn-image{font-size:0}.btn-inline{display:inline-flex}.tool-grid .tool-card.bordered{align-items:flex-start;border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--space-4);text-align:left}.tech-stack-info{margin-left:auto;margin-right:auto;text-align:left}.tech-divider{background:var(--blue-600);margin:0 auto var(--space-6) auto;opacity:.5;height:1px;width:60px}.tech-description{font-size:1.2rem;font-weight:400;line-height:1.8}.highlight{border-bottom:2px solid rgba(125,160,138,.2)}.highlight,.highlight-alt{font-weight:600}.footer-hub{align-items:center;border-top:1px solid var(--bg-border);display:flex;gap:var(--space-12);justify-content:space-between;margin:3rem auto;max-width:900px;padding:16px 0}.footer-links ul{display:flex;gap:20px;list-style:none}.footer-brand,.footer-links a{font-size:1rem;text-decoration:none;transition:color .2s ease}.cookie-bar{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);bottom:20px;display:flex;flex-direction:column;left:50%;max-width:600px;padding:1.5rem;position:fixed;transform:translateX(-50%);z-index:9999;width:90%;gap:1rem}.cookie-content p{font-size:1rem;line-height:1.5;margin-bottom:1rem}.cookie-content a{text-decoration:underline}.cookie-actions{display:flex;gap:10px;justify-content:flex-end}.cookie-actions a{text-decoration:none;width:150px}.overlay{background:rgba(37,99,235,.08);box-shadow:inset 0 0 0 1px rgba(37,99,235,.2)}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(15,23,42,.7);display:none;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-overlay.visible{display:flex}.export-modal{box-shadow:var(--shadow-xl);border-radius:1.5rem;max-width:450px;padding:2rem;position:relative;width:90%}.modal-close{background:0 0;border:0;cursor:pointer;padding:.4rem;position:absolute;top:15px;right:15px}.export-options{display:grid;gap:1rem;margin-top:1.5rem}.export-card{border:1px solid;align-items:center;border-radius:1rem;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:1.5rem 1rem;position:relative;transition:all .2s}.export-card *{pointer-events:none}.modal-subtitle,.modal-title{font-size:1.5rem;margin-bottom:.25rem;text-align:center}.modal-subtitle{font-size:.875rem;margin-bottom:1.5rem}.format-selection{border-radius:.75rem;display:flex;gap:15px;padding:.25rem;margin-bottom:1.5rem}.format-option{cursor:pointer;flex:1;text-align:center}.format-option span{border-radius:.5rem;display:block;font-size:1rem;font-weight:600;padding:.8rem;transition:all .2s}.format-option input+span{border:1px solid}.format-option input:checked+span{box-shadow:var(--shadow-sm)}.card-info{display:flex;flex-direction:column;gap:.1rem}.track-name{font-weight:700;text-align:left}.track-desc{font-size:.85rem;text-align:left}.card-price{font-size:1.1rem;font-weight:700}.bundle-highlight{position:relative;overflow:hidden}.best-value-badge{border-radius:10px;font-size:.65rem;margin-top:4px;padding:2px 8px;position:absolute;top:5px;right:10px;width:fit-content}.modal-footer-note{font-size:.7rem;margin-top:1.5rem;text-align:center}.format-selection span{font-size:clamp(.8rem,4vw,1rem)}@media (max-width:768px){h1{font-size:var(--text-4xl)}.editor-card,header{padding:var(--space-6)}main{padding:0!important}.editor-card{border-radius:1.5rem;width:80%}.content-wrapper{padding:0 5px}.info-box{padding:var(--space-4);margin:var(--space-6)0}.tech-stack-info,section{padding:0 var(--space-6)}.tech-stack-info{padding:0;width:100%}.btn,section{width:100%}.btn-inline{margin-left:0!important;margin-right:0!important;width:100%}.action-btns,.double-btns{grid-template-columns:1fr}.file-control,.file-list{padding:0;width:100%!important}.footer-hub{flex-direction:column-reverse;gap:12px;text-align:center;width:100%}}@media (max-width:480px){.btn{font-size:1rem!important}.btn-image{font-size:0!important}.cookie-bar{bottom:10px;padding:var(--space-4)}.cookie-actions{flex-direction:column}.cookie-actions a{width:auto!important}.checkout-modal,.export-modal{padding:1.5rem;width:95%;margin:10px;max-height:90vh;overflow-y:auto}.modal-title{font-size:1.25rem}.export-card{padding:.85rem}}