@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--blue-600:#2563eb;--indigo-400:#818cf8;--indigo-500:#6366f1;--violet-500:#8b5cf6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-4xl:2.25rem;--text-7xl:4.5rem;--bg-color:linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);--bg-status:#ffffff;--bg-surface:#ffffff;--bg-border:#e2e8f0;--border-subtle:rgba(0, 0, 0, 0.05);--text-main:#1e293b;--text-muted:#64748b;--text-hover:rgba(37, 99, 235, 0.04);--label-color:#475569;--action-primary:var(--blue-600);--action-accent:var(--indigo-500);--action-hover:#1d4ed8;--status-working:#f59e0b;--status-ready:#10b981;--status-error:#ef4444;--status-neutral:var(--slate-400);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05);--input-bg:#f1f5f9;--input-track:#e2e8f0;--checkbox-border:#cbd5e1;--conversion-bg:#ffffff;--nav-bg:rgba(255, 255, 255, 0.85);--arrow-icon:url('data:image/svg+xml,<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.052 5.029a1 1 0 0 0 .189 1.401 7.002 7.002 0 0 1-3.157 12.487l.709-.71a1 1 0 0 0-1.414-1.414l-2.5 2.5a1 1 0 0 0 0 1.414l2.5 2.5a1 1 0 0 0 1.414-1.414l-.843-.842A9.001 9.001 0 0 0 17.453 4.84a1 1 0 0 0-1.401.189Zm-1.93-1.736-2.5-2.5a1 1 0 0 0-1.498 1.32l.083.094.843.843a9.001 9.001 0 0 0-4.778 15.892A1 1 0 0 0 7.545 17.4a7.002 7.002 0 0 1 3.37-12.316l-.708.709a1 1 0 0 0 1.32 1.497l.094-.083 2.5-2.5a1 1 0 0 0 .083-1.32l-.083-.094Z" fill="%232563eb"/></svg>')}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}#menu-checkbox{display:none}.flex-col,.flex-row{align-items:center;display:flex;flex-direction:row}.flex-col{flex-direction:column}.gap-sm{gap:5px!important}.gap-md{gap:10px!important}.gap-lg{gap:20px!important}.mb-no{margin-bottom:0!important}.ml-no{margin-left:0!important}.mr-no{margin-right:0!important}.mt-no{margin-top:0!important}.mt-sm{margin-top:5px!important}.mt-md{margin-top:10px!important}.mt-lg{margin-top:20px!important}.mt-\[1rem\]{margin-top:var(--space-4)!important}.mt-\[1\.5rem\],section h4.mt-md{margin-top:var(--space-6)!important}.mt-\[2rem\]{margin-top:var(--space-8)!important}.mt-\[2\.5rem\]{margin-top:var(--space-10)!important}.mt-\[3rem\]{margin-top:var(--space-12)!important}.mt-\[3\.5rem\]{margin-top:var(--space-14)!important}.mt-\[4rem\]{margin-top:var(--space-16)!important}.ml-sm{margin-left:5px!important}.ml-md{margin-left:10px!important}.ml-lg{margin-left:20px!important}.ml-\[1rem\]{margin-left:var(--space-4)!important}.ml-\[1\.5rem\]{margin-left:var(--space-6)!important}.ml-\[2rem\]{margin-left:var(--space-8)!important}.ml-\[2\.5rem\]{margin-left:var(--space-10)!important}.ml-\[3rem\]{margin-left:var(--space-12)!important}.ml-\[3\.5rem\]{margin-left:var(--space-14)!important}.ml-\[4rem\]{margin-left:var(--space-16)!important}.mb-sm{margin-bottom:10px!important}.mb-md{margin-bottom:20px!important}.mb-lg{margin-bottom:30px!important}.mb-\[1rem\]{margin-bottom:var(--space-4)!important}.mb-\[1\.5rem\]{margin-bottom:var(--space-6)!important}.mb-\[2rem\]{margin-bottom:var(--space-8)!important}.mb-\[2\.5rem\]{margin-bottom:var(--space-10)!important}.mb-\[3rem\]{margin-bottom:var(--space-12)!important}.mb-\[3\.5rem\]{margin-bottom:var(--space-14)!important}.mb-\[4rem\]{margin-bottom:var(--space-16)!important}.mr-sm{margin-right:5px!important}.mr-md{margin-right:10px!important}.mr-lg{margin-right:20px!important}.mr-\[1rem\]{margin-right:var(--space-4)!important}.mr-\[1\.5rem\]{margin-right:var(--space-6)!important}.mr-\[2rem\]{margin-right:var(--space-8)!important}.mr-\[2\.5rem\]{margin-right:var(--space-10)!important}.mr-\[3rem\]{margin-right:var(--space-12)!important}.mr-\[3\.5rem\]{margin-right:var(--space-14)!important}.mr-\[4rem\]{margin-right:var(--space-16)!important}.opaque-sm{opacity:.8!important}.opaque-md{opacity:.6!important}.opaque-lg{opacity:.4!important}.width-\[10\%\]{width:10%!important}.width-\[20\%\]{width:20%!important}.width-\[30\%\]{width:30%!important}.width-\[40\%\]{width:40%!important}.width-\[50\%\]{width:50%!important}.width-\[60\%\]{width:60%!important}.width-\[70\%\]{width:70%!important}.width-\[80\%\]{width:80%!important}.width-\[90\%\]{width:90%!important}.width-\[100\%\]{width:100%!important}.hidden{display:none!important}.text-center,header{text-align:center}.margin-center{margin-left:auto;margin-right:auto}.content-center{justify-content:center}.content-stretch{align-items:stretch}.space-between{justify-content:space-between}.disabled,input:disabled{opacity:.6;pointer-events:none}.text-pretty{hyphens:auto;text-wrap:pretty}.base-font{font-size:1.1rem}html{scroll-behavior:smooth}body{background:var(--bg-color);color:var(--text-main);display:flex;flex-direction:column;font-family:"Outfit",sans-serif;min-height:100vh;transition:background-color .3s ease,color .3s ease}button *,button div,button svg,svg{pointer-events:none}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;box-sizing:border-box;margin:0;height:100%;width:100%}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-sizing:border-box;box-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:pointer;height:16px;margin-top:-5px;width:16px}input[type=range]::-webkit-slider-runnable-track{background:var(--input-track);border-radius:var(--radius-full);cursor:pointer;height:9px;transition:all .5s;width:100%;-webkit-transition:all .5s}input[type=range]:hover::-webkit-slider-runnable-track{background:var(--action-primary)}input[type=range]::-ms-track{background:0 0;border-color:transparent;color:transparent;cursor:pointer;height:9px;transition:all .5s;width:100%;-ms-transition:all .5s}input[type=range]::-ms-thumb{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:pointer;height:16px;margin-top:-5px;width:16px}input[type=range]::-ms-fill-lower{background:var(--input-track);border-radius:var(--radius-full)}input[type=range]:focus::-ms-fill-lower{background:var(--action-primary)}input[type=range]::-ms-fill-upper{background:var(--input-track);border-radius:var(--radius-full)}input[type=range]:focus::-ms-fill-upper{background:var(--action-hover)}input[type=range]::-moz-range-thumb{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:pointer;height:16px;margin-top:-5px;width:16px}input[type=range]::-moz-range-track{background:var(--input-track);border-radius:var(--radius-full);cursor:pointer;height:9px;transition:all .5s;width:60%;-moz-transition:all .5s}input[type=range]:hover::-moz-range-track{background:var(--action-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--slate-300);border:1px solid transparent;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.link{color:var(--text-muted);text-decoration:none;transition:.3s}.link:hover{opacity:.9;transform:translateY(-2px)}.top-nav-box{backdrop-filter:blur(12px);background:var(--nav-bg);border-bottom:1px solid var(--border-subtle);display:flex;left:0;padding:5px 0;position:fixed;right:0;top:0;z-index:999;-webkit-backdrop-filter:blur(12px)}.top-nav-box .hero,.top-nav-box nav{align-items:center;display:flex;width:50%}.top-nav-box .hero{font-size:0;justify-content:start;margin-left:15%}.top-nav-box nav{justify-content:end;margin-right:15%}.top-nav-box nav button{background:0 0;border:0;color:var(--text-muted);cursor:pointer}.menu-btn{margin-right:10px}.top-nav-box nav button svg{height:24px;width:24px}.nav-links{display:flex;list-style:none}.nav-links li{position:relative}.dropdown-content a,.nav-links a{color:var(--text-muted);display:flex}.nav-links a{align-items:center;border-radius:var(--radius-sm);gap:5px;padding:.8rem 1.6rem;text-decoration:none;transition:background .3s;white-space:nowrap}.dropdown-content a svg,.nav-links a svg,.parent span svg{height:18px;width:18px}.nav-links a:hover{background:var(--text-hover);border-radius:var(--radius-sm)}.nav-links .promo-button:hover{opacity:1}.nav-links .promo-button a{color:#fff}.nav-links .promo-button a:hover{background:0 0}.dropdown-content{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:block;left:0;list-style:none;margin:0;min-width:200px;opacity:0;padding:0;position:absolute;transform:translateY(10px);transition:all .3s ease;visibility:hidden;width:100%;z-index:1}.dropdown-content a{gap:10px;padding:12px 16px;width:100%}.dropdown-content a:hover{background-color:var(--text-hover)}.dropdown:hover .dropdown-content{opacity:1;transform:translateY(0);visibility:visible}.menu-toggle{cursor:pointer;display:none;flex-direction:column}.menu-toggle span{background:var(--text-muted);border-radius:2px;height:4px;margin:3px 0;width:25px}.select-box{cursor:pointer;font-size:var(--text-base);font-weight:400;outline:0;position:relative}.select-box>div:first-child{background:var(--input-bg);border:1px solid var(--bg-border);color:var(--text-main);padding:.8rem;transition:.3s;white-space:nowrap}.select-box>div:first-child::after{content:"▾";float:right;margin-left:5px}.select-box>div:first-child:hover{background:var(--text-hover)}.select-box.open>div:last-child{display:block}.select-box>div:last-child{background:var(--bg-surface);border:1px solid var(--bg-border);box-shadow:var(--shadow-sm);display:none;left:0;overflow:hidden;position:absolute;right:0;top:100%;transition:.3s;white-space:nowrap;z-index:10}.select-box>div:last-child>a,.select-box>div:last-child>div{color:var(--text-main);display:block;padding:.8rem;text-decoration:none}.select-box>div:last-child>a:hover,.select-box>div:last-child>div:hover{background:var(--text-hover)}.select-box>div:last-child>a::before{color:var(--text-muted);content:"⇄";font-size:1.3rem;margin-right:10px}.range{--left:0;--show:none;display:grid;grid-template-areas:"left center right""input input input";grid-template-columns:1fr 1fr 1fr;position:relative;width:100%}.lo{grid-area:left;text-align:left}.mi{grid-area:center;text-align:center}.hi{grid-area:right;text-align:right}.range span{font-size:var(--text-xs);margin-bottom:10px;opacity:.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.range input{-webkit-appearance:none;appearance:none;box-sizing:border-box;grid-area:input;margin:0;padding:0;width:100%}.range input::-moz-range-track{background:var(--input-track);border-radius:var(--radius-full);border:0;width:100%}.range input::-moz-range-thumb{border:0}.range::before{align-items:center;background:#3291ff;border-radius:15px;box-shadow:rgba(50,50,93,.25)0 2px 5px -1px,rgba(0,0,0,.3)0 1px 3px -1px;color:#fff;content:attr(data-value);display:flex;font-family:monospace;font-size:var(--text-sm);justify-content:center;left:var(--left);opacity:0;padding:4px 12px;pointer-events:none;position:absolute;top:-5px;transform:translateX(-50%) translateY(0);transition:opacity .2s ease,transform .1s ease,background-color .3s ease;white-space:nowrap;width:30px;z-index:1}.range:has(input:active)::before{opacity:1;transform:translateX(-50%) translateY(-5px)}.range[data-level=safe]::before{background-color:var(--action-primary);color:#fff}.range[data-level=warning]::before{background-color:#ff9100;color:#fff}.range[data-level=danger]::before{background-color:#ff3232;color:#fff}.range[data-level=danger] input[type=range]::-webkit-slider-runnable-track{background:#ff3232}.cb input{appearance:none;background-color:var(--input-track);border:.15em solid var(--checkbox-border);border-radius:.15em;color:currentColor;cursor:pointer;display:grid;font:inherit;height:1.15em;margin:0;place-content:center;transform:translateY(-.075em);width:1.15em;-webkit-appearance:none}.cb input::before{box-shadow:inset 1em 1em #fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80%0,43% 62%);content:"";height:.65em;transform:scale(0);transform-origin:bottom left;transition:120ms transform ease-in-out;width:.65em}.cb input:checked::before{transform:scale(1)}.cb input:disabled{cursor:not-allowed;opacity:.6}.cb label{cursor:pointer;font-size:.9rem;opacity:.6}.graph{display:flex;flex-direction:column;gap:4rem;width:100%}.detail{color:var(--text-muted);display:block;font-size:.75rem;overflow:hidden;letter-spacing:.3em;margin-bottom:3rem;text-align:right;text-overflow:ellipsis;width:100%;white-space:nowrap}.handle,.parent,canvas{touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block;pointer-events:none;width:100%!important;height:100%!important}.parent{font-size:.75rem;line-height:0;position:relative;height:99px;width:100%}.parent::before{color:var(--label-color);content:attr(data-time);top:-13px;left:50%;transform:translateX(-50%)}.parent.top-align::before{top:-30px}.parent span{display:flex;top:-20px;left:0}.overlay{background:rgba(37,99,235,.08);box-shadow:inset 0 0 0 1px rgba(37,99,235,.2);cursor:grab;display:none;top:0;height:100%;z-index:5}.overlay:active{cursor:grabbing}.handle,.label,.overlay,.parent span,.parent::before{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{color:var(--label-color);padding:2px 4px;border-radius:4px;font-size:.8rem;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:-15px}#rScreen{bottom:-15px}#lHandle{border-radius:4px 0 0 4px}#rHandle{border-radius:0 4px 4px 0}.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(-110%);transition:all .5s ease-out;z-index:1000}.status-window.active{transform:translateY(0)}.nav-item a,.status-card{align-items:center;display:flex}.status-card{background:var(--conversion-bg);border:1px solid var(--bg-border);border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-main);min-width:140px;padding:.6rem 1.2rem;pointer-events:auto}.nav-item a{flex-direction:column;gap:5px;justify-content:center;opacity:.6;text-decoration:none;transform:scale(1);transition:transform .3s,opacity .3s;width:100%}.nav-item a::after{content:attr(data-text);font-size:var(--text-xs);white-space:nowrap}.nav-item a:hover{opacity:1;transform:scale(1.2)}.percent{font-family:monospace;font-size:.9rem;width:40px}.infomsg,.nav-item a{color:var(--text-main)}.infomsg{display:inline-block;font-size:.95rem;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress,main{display:flex;justify-content:center}.progress{align-items:center;flex-direction:column;gap:var(--space-6);margin-top:var(--space-14);width:100%}.progress::before{content:attr(data-text);display:inline-flex;opacity:.8}.preload{position:relative}.preload::before{animation:rotation 1s linear infinite;border:2px solid var(--text-main);border-bottom-color:transparent;border-radius:50%;content:"";opacity:.8;position:absolute;top:0;left:0}.preload.sm,.preload.sm::before{width:32px;height:32px}.preload,.preload.md,.preload.md::before,.preload::before{width:48px;height:48px}.preload::after{color:var(--text-main);content:attr(data-text);position:absolute;opacity:.8;font-size:1rem;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.preload.sm::after{font-size:.6rem}.preload.md::after{font-size:.8rem}main{flex-grow:1;margin-top:8rem;overflow:hidden;padding:var(--space-4)}.content-wrapper{max-width:900px;overflow:hidden}.tool-card p,header p,section h4+p{color:var(--text-muted)}header p,section h4{font-size:var(--text-lg)}h1{font-size:var(--text-7xl);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-4)}section h4{color:var(--slate-800);font-weight:600;margin-bottom:var(--space-1);line-height:1.4}section h4+p{margin-top:var(--space-1)!important;margin-bottom:var(--space-4)!important}.gradient-text{background:linear-gradient(135deg,var(--indigo-500),var(--violet-500));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.editor-card{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-6);padding:var(--space-10);width:90%}.tool-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));padding:0 var(--space-4)}.tool-card-link{color:inherit;text-decoration:none;transition:transform .4s ease}.tool-card-link:hover{transform:translateY(-5px)}.tool-card{background:var(--input-bg);border:1px solid var(--bg-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:var(--space-6);position:relative}.tool-card.bordered{border-color:var(--action-accent)}.tool-icon{color:var(--action-primary);font-size:var(--text-sm);font-weight:800;margin-bottom:var(--space-2);text-transform:uppercase}.tool-tag{background:var(--action-primary);border-radius:20px;color:#fff;font-size:var(--text-xs);font-weight:600;padding:2px 8px;position:absolute;right:1rem;top:1rem}.tool-tag.black{background:0 0;color:var(--text-main)}.tool-card h3{font-size:var(--text-xl);margin:0}.tool-card p{font-size:.9rem;line-height:1.4}.file-list{background:var(--input-bg);border:1px solid var(--bg-border);display:flex;flex-direction:column;gap:10px;margin-top:.6rem;max-height:500px;overflow:auto}.file-item{align-items:center;background:0 0;display:flex;gap:10px;position:relative;width:100%}.file-work,.file-work.process::before{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.file-work.process::before{animation:rotation 2s linear infinite;background:var(--input-bg);content:var(--arrow-icon);position:absolute;font-size:0;top:-2px;left:-2px;height:28px;width:28px}.file-name,.play-stop{background:0 0;border:0;color:var(--text-main);cursor:pointer}.file-work .instant,.file-work .working{color:var(--status-working)}.file-work .load{color:var(--action-primary)}.file-work .error{color:var(--status-error)}.file-work .button{color:var(--slate-300)}.file-name{--playing:0;border-radius:4px;font-family:"Outfit",sans-serif;font-size:var(--text-base);overflow:hidden;padding:4px 12px;position:relative;text-align:left;text-overflow:ellipsis;transition:.2s all;z-index:1;white-space:nowrap;width:100%}.file-name.active{background:var(--slate-700)!important;color:var(--slate-50)!important}.file-name.active::after{background:var(--action-primary);border-right:2px solid var(--indigo-400);content:"";opacity:.3;position:absolute;transition:width .1s linear;top:0;left:-2px;height:100%;width:var(--playing);z-index:-1}.file-prog{--percent:0;align-items:center;background:conic-gradient(var(--status-working) calc(var(--percent)*1%),var(--input-bg)0);border-radius:50%;display:flex;font-size:0;justify-content:center;padding:3px}.file-prog svg path:first-of-type{fill:var(--input-bg);transition:.3s fill}.file-prog svg path:last-of-type{fill:var(--input-bg);stroke:var(--input-bg);stroke-linejoin:round;stroke-width:1.2}.file-prog.ready{background:var(--status-ready)}.file-prog.ready svg path:first-of-type{fill:var(--status-ready)}.file-option{background:0 0;border:0;color:var(--text-main);cursor:pointer;font-size:0}.control-box,summary{position:relative}.unlock-wrapper{align-items:center;background:rgba(0,0,0,.07);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.1);border-radius:12px;content:"";display:none;position:absolute;justify-content:center;top:0;left:0;height:100%;width:100%;z-index:5}.unlock-wrapper.visible{display:flex}.unlock-button{background:linear-gradient(90deg,#7a3fe0 0,#b06eef 100%);box-shadow:0 4px 15px rgba(122,63,224,.4);color:#fff;border:0;padding:12px 25px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;text-decoration:none;gap:10px;transition:all .3s ease;z-index:6}.unlock-button:hover{box-shadow:0 6px 20px rgba(122,63,224,.6);transform:translateY(-2px)}.lock-icon{color:#fff;height:20px;width:20px}section{padding:var(--space-10);width:90%}details{border-block-end:1px solid var(--input-track);display:grid;grid-template-rows:0fr;margin-block:var(--space-2);padding-block:var(--space-2);transition:grid-template-rows .4s ease-out}details[open]{grid-template-rows:1fr}summary{cursor:pointer;grid-row:1/2;list-style:none;padding-right:2rem}details>p{grid-row:2/3;min-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);transition:opacity .3s ease-out .1s,transform .3s ease-out .1s}details[open]>p{opacity:1;transform:translateY(0)}summary::after,summary::before{border-block-start:3px solid var(--text-muted);content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:.7rem}summary::after{transform:translateY(-50%) rotate(90deg)}details[open] summary::after{transform:translateY(-50%) rotate(0deg)}section>h2{margin-bottom:5px}.text-muted,details h2,details p,details summary,section h2{color:var(--slate-600);font-size:var(--text-xl)}details summary{font-weight:500}section h3{color:var(--slate-600)}.info-box p,section li,section p{font-size:var(--text-base)}.info-box p,section li{line-height:1.6}section li,section p{hyphens:auto;text-wrap:pretty;color:var(--text-muted)}section li{margin-left:20px}details p{margin:15px 0}.info-box{background:rgba(37,99,235,.05);border-left:4px solid var(--action-primary);border-radius:var(--radius-md);margin:var(--space-8)0;padding:var(--space-6)}.info-box h3,section a{color:var(--action-primary)}.info-box h3,section li{margin-bottom:var(--space-2)}.info-box h3{font-size:var(--text-xl);margin-top:0!important}.info-box p{color:var(--text-main)!important;margin:0}section ol,section ul{list-style-position:outside;margin-top:var(--space-4);margin-bottom:var(--space-6)}section strong{color:var(--slate-800);font-weight:600}section a{text-decoration:none;transition:opacity .2s}section a:hover{text-decoration:underline;opacity:.8}@media (max-width:768px){.info-box{padding:var(--space-4);margin:var(--space-6)0}}.action-btns,.single-btns{margin-top:var(--space-8)}.action-btns{display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr 1fr}.btn{align-items:center;border:0;cursor:pointer;display:flex;font-family:"Outfit",sans-serif;font-size:var(--text-base);font-weight:600;justify-content:center;overflow:hidden;padding:.8rem;text-align:center;text-overflow:ellipsis;transition:.3s;white-space:nowrap;width:220px}.action-btns .btn{width:100%}.btn-wide,.rng-wide{padding:.8rem 1.6rem}.btn-inline{display:inline-flex}.btn-primary{background:var(--action-primary);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(21,93,252,.2);color:var(--slate-100)}.btn-primary:hover{opacity:.9;box-shadow:0 6px 20px rgba(21,93,252,.3);transform:translateY(-2px)}.btn-secondary,.rng-secondary{background:var(--input-bg);border:1px solid var(--bg-border);border-radius:var(--radius-md);color:var(--text-main)}.btn-secondary:hover{background:var(--text-hover)}.footer-hub{align-items:center;border-top:1px solid var(--bg-border);display:flex;gap:var(--space-12);justify-content:space-between;margin:0 auto;max-width:900px;padding:16px 0}.footer-brand,.footer-links a{color:var(--text-muted);font-size:.95rem}.footer-links ul{display:flex;gap:20px;list-style:none}.footer-links a{text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--slate-700)}.cookie-bar{background:var(--input-bg);border:1px solid var(--bg-border);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{color:var(--text-main);font-size:1rem;line-height:1.5;margin-bottom:1rem}.cookie-content a{color:var(--btn-primary-bg);text-decoration:underline}.cookie-actions{display:flex;gap:10px;justify-content:flex-end}.cookie-actions a{text-decoration:none;width:150px}@media (max-width:480px){.cookie-bar{bottom:10px;padding:var(--space-4)}.cookie-actions{flex-direction:column}.cookie-actions a{width:auto!important}}@media (min-width:769px){.dropdown-content{pointer-events:none}.dropdown:hover .dropdown-content{pointer-events:auto}}@media (max-width:768px){h1{font-size:var(--text-4xl)}main{padding:0!important}.menu-toggle{display:flex}.top-nav-box{border-bottom:none;box-shadow:none}.nav-links{background:var(--bg-surface);border-bottom:1px solid var(--checkbox-border);display:none;flex-direction:column;left:0;position:absolute;top:100%;width:100%}#menu-checkbox:checked~.nav-links{display:flex}.nav-links li{width:100%}.nav-links a{padding:12px 16px}.dropdown-content{background:var(--bg-surface);box-shadow:none;display:none;opacity:1;position:static;transform:none;visibility:visible}.dropdown-content.visible{border:0;display:block}.dropdown-content a{color:var(--text-muted);padding-left:40px}.range::before{top:-35px}.range span{display:none}.editor-card{border-radius:1.5rem;padding:var(--space-6)}.content-wrapper{padding:0 5px}.tech-stack-info,section{padding:var(--space-6);width:100%}.btn,.select-box{width:100%}.btn-inline{margin-left:0!important;margin-right:0!important;width:100%}.action-btns{grid-template-columns:1fr}.control-box>div,.footer-links ul{flex-direction:column}.file-control,.file-list{padding:.2rem .4rem;width:100%!important}.footer-hub{flex-direction:column-reverse;gap:12px;text-align:center;width:100%}.footer-links ul{gap:10px}}