@charset "UTF-8";
:root{color-scheme:dark;--bg:#080914;--panel:#101424;--ink:#f1f5ff;--muted:#acb5cf;--cyan:#4dfce7;--pink:#ff5adc;--blue:#5390ff;--yellow:#ffea6b;--line:#29344b;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);line-height:1.6;overflow-x:clip}body:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse at 8% 4%,#20235988,transparent 42%),radial-gradient(ellipse at 93% 55%,#601b5844,transparent 42%),linear-gradient(#080914,#0a1021);pointer-events:none}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{border:1px solid #63edd1;border-radius:12px;background:#133d3d;color:#f3fff9;padding:.7rem 1.1rem;cursor:pointer;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px}button:hover,.button:hover{background:#1b5554;text-decoration:none}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--line);background:#090e1c;color:var(--ink);border-radius:10px;min-width:0}input[type=checkbox]{width:auto;accent-color:var(--cyan)}input[type=range]{padding:0}textarea{min-height:110px;resize:vertical}input[type=file]{padding:.7rem}label{display:block;font-size:.9rem;color:#dbe1f3;margin:.6rem 0}label>input,label>select,label>textarea{display:block;margin-top:.35rem}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-80px;left:20px;background:#000;padding:10px;z-index:99}.skip:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(18px,5vw,90px);border-bottom:1px solid #ffffff10;max-width:1800px;margin:auto}.brand{font-size:1.75rem;letter-spacing:-1.5px;font-weight:900;color:#fff;line-height:1}.brand span{color:var(--cyan)}.brand small{display:block;font-size:.55rem;letter-spacing:2px;color:#b4bfd4;margin-top:8px;font-weight:500}.site-header nav{display:flex;flex-wrap:wrap;gap:8px 22px}.site-header nav a{font-size:.72rem;letter-spacing:1.1px;color:#ccd3e8;font-weight:750;padding:9px 0}.site-header nav a.active{color:var(--cyan);box-shadow:0 2px var(--cyan)}.page{max-width:1380px;margin:auto;padding:40px clamp(18px,4vw,64px) 80px;min-height:65vh}h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-2px;line-height:1.12;margin:18px 0 24px}h2{line-height:1.2;font-size:1.5rem}h3{line-height:1.3}.eyebrow{font-size:.67rem;letter-spacing:2px;font-weight:750;color:var(--cyan)}.muted,small{color:var(--muted)}.hero{text-align:center;max-width:870px;margin:20px auto 70px;position:relative}.hero:before{content:"";position:absolute;border:1px solid #5390ff22;border-radius:50%;width:min(660px,calc(100% - 50px));height:310px;inset:-15px 0 auto;margin:auto;transform:rotate(-14deg);z-index:-1;box-shadow:0 0 90px #2456c322;animation:light 10s ease-in-out infinite alternate}.hero h1{font-size:clamp(4rem,11vw,9.2rem);font-weight:950;letter-spacing:-7px;margin:28px 0 0;text-shadow:0 0 50px #517bff4d}.hero h1 span{background:linear-gradient(115deg,#72f9de,#6dadff,#f093fa);color:transparent;background-clip:text}.tagline{letter-spacing:clamp(4px,1vw,10px);font-weight:700;font-size:clamp(.85rem,1.7vw,1.2rem);color:#d7def5;margin:8px}.hero-copy{font-size:1.2rem;color:#bcc8e5;margin:24px 0}.universe-search{display:flex;padding:7px;border:1px solid #7881dd88;border-radius:18px;background:#121628;max-width:680px;margin:25px auto 10px;box-shadow:0 0 35px #a040ff18}.universe-search input{border:0;background:transparent;padding:13px 20px;font-size:1rem}.universe-search button{background:linear-gradient(135deg,#575fe7,#b250c4);border:0;font-size:1.6rem;width:58px;flex:none}.hero .muted{font-size:.77rem}.universes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.universe{--accent:var(--cyan);display:block;position:relative;padding:30px;border:1px solid color-mix(in srgb,var(--accent),transparent 65%);border-radius:var(--radius);color:var(--ink);background:linear-gradient(145deg,color-mix(in srgb,var(--accent),transparent 94%),#0c1020);transition:transform .2s,border-color .2s;overflow:hidden;min-height:288px}.universe:hover{transform:translateY(-4px);border-color:var(--accent);text-decoration:none}.universe:after{content:"";width:130px;height:130px;position:absolute;right:-60px;top:-70px;box-shadow:0 0 100px 20px var(--accent);opacity:.11;border-radius:50%}.u1{--accent:#6996ff}.u2{--accent:#ffdc4a}.u3{--accent:#ce80ff}.u4{--accent:#ff9960}.u5{--accent:#ff70c9}.orbit-icon{display:block;font-size:2.2rem;line-height:1;color:var(--accent);margin-bottom:22px}.universe .eyebrow{color:var(--accent);letter-spacing:1.5px;font-size:.6rem}.universe h2{font-size:1.65rem;letter-spacing:-.5px;margin:10px 0}.universe p{font-size:.9rem;color:#aebbd4;max-width:320px;margin:10px 0 25px}.card-arrow{font-size:.62rem;font-weight:800;letter-spacing:1.4px;color:var(--accent,var(--cyan))}.promise{margin-top:70px;border-top:1px solid var(--line);padding:30px 0;text-align:center}.promise p{max-width:650px;margin:20px auto;color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px clamp(18px,5vw,90px);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-size:.75rem;color:var(--muted)}footer strong{color:#b6c1d8;letter-spacing:1px}footer small{width:100%}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.tool-card{border:1px solid var(--line);background:linear-gradient(135deg,#11182a,#101120);border-radius:18px;padding:24px;color:var(--ink);overflow-wrap:anywhere;min-width:0}.tool-card:hover{border-color:#588f91;text-decoration:none}.tool-card h2{margin-top:10px}.tool-card p{font-size:.9rem;color:#bec9e1}.tool-card .badges{display:flex;flex-wrap:wrap;gap:8px}.badges span{font-size:.68rem;border:1px solid #43516c;padding:4px 8px;border-radius:20px}.tags{font-size:.7rem!important}.report{display:block;margin-top:15px}.subtle{background:transparent;border-color:var(--line);padding:.35rem .6rem;font-size:.76rem;min-height:38px}.panel{background:#101626;border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin:24px 0;min-width:0}.filters,.searchbar{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.filters label{flex:1;min-width:140px}.searchbar input{max-width:650px}.searchbar label{width:100%}.searchbar{margin:24px 0}.status{display:block;white-space:pre-wrap;margin:12px 0;color:var(--yellow);overflow-wrap:anywhere}.workspace{padding:26px;border:1px solid #416577;background:#101827;border-radius:20px}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.check{display:flex;align-items:center;gap:8px}.preview{max-width:100%;max-height:400px;object-fit:contain;background:#070b14;border-radius:12px}canvas.preview{width:auto;height:auto}.results{display:flex;flex-wrap:wrap;gap:14px}.result{padding:14px;border:1px solid var(--line);border-radius:12px;max-width:100%;min-width:0}.result img{max-width:200px;max-height:150px;object-fit:contain;display:block}.result a{display:block;margin:8px 0}.code-output{white-space:pre-wrap;max-height:350px;overflow:auto;background:#090e19;padding:20px;border-radius:10px;font-family:ui-monospace,monospace}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;min-width:600px;width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-nav{display:flex;gap:18px;flex-wrap:wrap}.tool-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px;border-bottom:1px solid var(--line)}details{margin:20px 0}summary{cursor:pointer;color:var(--cyan)}audio,video{max-width:100%}.visualizer-toolbar{flex-wrap:wrap}#visualizer-shell{min-width:0}#visualizer-frame{width:100%;height:75vh;border:0}#visualizer-presets[hidden]{display:none}.markdown-preview{border:1px solid var(--line);padding:20px;overflow-wrap:anywhere}.markdown-preview img{max-width:100%}
@keyframes light{from{opacity:.4}to{opacity:1}}
@media(max-width:980px){.site-header{align-items:flex-start}.site-header nav{justify-content:flex-end;gap:8px 15px}.universes,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{margin-bottom:40px}}
@media(max-width:600px){.site-header{display:block;padding:22px 18px}.site-header nav{justify-content:flex-start;margin-top:25px;gap:6px 16px}.site-header nav a{font-size:.64rem}.page{padding:24px 16px 50px}.hero{margin:20px auto 35px}.hero h1{letter-spacing:-4px}.hero .eyebrow{font-size:.55rem}.hero-copy{font-size:1rem}.universes,.cards{grid-template-columns:1fr}.universe{min-height:220px;padding:24px}.orbit-icon{float:right;margin:0}.universe p{max-width:270px}.controls,.split,.admin-form{grid-template-columns:1fr}.workspace,.panel{padding:18px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters label{min-width:0}.filters button{width:100%}h1{letter-spacing:-1px}.hero:before{height:220px}.tool-toggle{gap:8px}.tool-toggle button{padding:.6rem;font-size:.8rem}.searchbar{display:block}.searchbar button{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* V1.1 help: native details, no framework, scoped to help components. */
.tool-help{margin:1rem 0 1.5rem;min-width:0}.help-short{max-width:85ch;line-height:1.65}.help-details{border:1px solid #2a696b;border-radius:14px;background:#0b1524;margin:.8rem 0}.help-details summary{padding:1rem;cursor:pointer;color:#60f2df;font-weight:700;min-height:44px}.help-details summary:focus-visible{outline:3px solid #ffde59;outline-offset:3px}.help-content{padding:0 1.25rem 1.25rem;overflow-wrap:anywhere}.help-content h2{font-size:1.2rem}.help-content h3{font-size:1rem;margin:1.4rem 0 .4rem;color:#b1f5e9}.help-content p,.help-content li{line-height:1.65;white-space:pre-line}.help-content li{padding-left:.2rem;margin:.6rem 0}.help-list-item{padding:1rem 0;border-top:1px solid #28434c;min-width:0}.help-list-item h3{margin:.5rem 0}.help-overview dt{font-weight:700;margin-top:.8rem}.help-overview dd{margin:.3rem 0 1rem;line-height:1.6}.help-reset{margin-top:1rem}.admin-form textarea{max-width:100%;min-width:0}#help-editor{scroll-margin-top:1rem}#help-editor code{overflow-wrap:anywhere}.help-list,.help-overview{min-width:0}@media(max-width:600px){.help-content{padding:0 .9rem 1rem}.help-details summary{padding:.9rem}.help-content ol{padding-left:1.3rem}}

/* Community V1.2: scoped layout, no changes to converter/visualizer controls. */
.community-shell{min-width:0;max-width:100%}.community-nav,.community-actions,.community-pagination{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1rem 0}.community-nav form,.community-actions form{margin:0}.community-card{border:1px solid #235255;border-radius:12px;padding:1rem;margin:.8rem 0;background:#0c1523}.community-card h2{font-size:1.25rem;margin:.3rem 0}.community-meta{font-size:.85rem;color:#b3c6d3}.community-expiry{color:#67f3df;font-size:.9rem}.community-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.community-form{max-width:780px}.community-form label{display:block;margin:.8rem 0}.community-form textarea{width:100%;max-width:100%}.community-form .check{display:flex}.community-comments{min-width:0}.community-comment{margin:.6rem 0;padding:.7rem 1rem;border-left:3px solid #257575;background:#111b2b;overflow-wrap:anywhere}.community-filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:end;margin:1rem 0}.community-filters label{flex:1;min-width:160px}.community-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.community-attachments{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.community-attachments>div{max-width:320px;min-width:0}.community-attachments img{max-width:100%;max-height:240px;object-fit:contain;border-radius:10px}.community-attachments a{display:block;overflow-wrap:anywhere}.community-category-edit{display:flex;align-items:end;flex-wrap:wrap;gap:1rem;margin:.8rem 0}.community-privacy p{line-height:1.65;max-width:85ch}@media(max-width:600px){.community-card{padding:.8rem}.community-nav{gap:.7rem}.community-filters{gap:.6rem}.community-attachments>div{width:100%}.community-shell h1{font-size:2.1rem}}

/* V1.3: compact accessible workspace controls */
.workspace input,.workspace select,.workspace textarea{max-width:100%;min-width:0}.workspace .controls{align-items:end}.workspace video{display:block;max-width:100%;max-height:50vh}.workspace .result img{max-height:320px;object-fit:contain}.workspace .actions{flex-wrap:wrap}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #55ffee;outline-offset:3px}.community-card{overflow-wrap:anywhere}.community-meta{font-variant-numeric:tabular-nums}

[data-tool="convert/audio"] .audio-file-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.5rem 0} [data-tool="convert/audio"] .audio-file-row span{flex:1 1 220px;overflow-wrap:anywhere} [data-tool="convert/audio"] audio{max-width:100%;display:block;margin-bottom:.7rem}