:root{color:#e8ebf2;font-synthesis:none;text-rendering:optimizelegibility;--panel:#10131a;--panel2:#0d1016;--line:#242a35;--muted:#8992a4;--text:#e8ebf2;--accent:#9b8cff;--accent2:#7c6cff;--danger:#ff7b87;--success:#72d6a0;background:#090b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#19152d 0,#0b0d12 38%,#090b10 70%);min-width:320px;min-height:100vh;margin:0}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#090b10c7;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:750;text-decoration:none;display:flex}.brand-mark{color:#090b10;background:#fff;border-radius:8px;place-items:center;width:29px;height:29px;font-size:15px;display:grid}.header-note{color:#667084;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero{text-align:center;max-width:850px;margin:0 auto;padding:72px 20px 34px}.eyebrow{letter-spacing:.16em;color:#8e83d8;margin-bottom:17px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.055em;margin:0 0 20px;font-size:clamp(38px,6vw,66px);line-height:.98}.hero p{color:var(--muted);max-width:680px;margin:auto;font-size:17px;line-height:1.6}.tool-card{border:1px solid var(--line);background:linear-gradient(#13161ef5,#0c0f15fa);border-radius:20px;max-width:980px;margin:22px auto 0;overflow:hidden;box-shadow:0 24px 80px #00000059}.tool-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.tabs{gap:3px;display:flex;overflow:auto}.tab,.ghost,.secondary,.primary{cursor:pointer;font:inherit;border:0;justify-content:center;align-items:center;gap:8px;transition:all .18s;display:inline-flex}.tab{color:#7e8797;white-space:nowrap;background:0 0;border-radius:9px;padding:10px 13px;font-size:13px}.tab svg,.ghost svg,.secondary svg,.primary svg,.alert svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.tab.active{color:#f4f3ff;background:#201d31}.tab:hover:not(.active){color:#c6cad3;background:#151922}.ghost{color:#7e8797;background:0 0;border-radius:8px;padding:9px 10px;font-size:12px}.ghost:hover:not(:disabled){color:#d5d9e1;background:#181a21}.danger:hover:not(:disabled){color:var(--danger)}button:disabled{opacity:.4;cursor:not-allowed}.editor-area{padding:18px}.title-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.title-row input{color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:6px 2px;font-size:14px}.title-row input::placeholder{color:#5e6675}.counter{color:#626b7b;white-space:nowrap;font-size:11px}textarea{resize:vertical;color:#dfe3ea;tab-size:2;background:#0a0d12;border:1px solid #252b36;border-radius:12px;outline:none;width:100%;height:370px;min-height:220px;padding:17px;font:13px/1.65 SFMono-Regular,Consolas,Liberation Mono,monospace;display:block}textarea:focus{border-color:#4d456e;box-shadow:0 0 0 3px #7c6cff17}.dropzone{color:#7d8697;cursor:pointer;background:#0a0d12;border:1px dashed #3a4150;border-radius:12px;outline:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:370px;min-height:270px;display:flex;position:relative;overflow:hidden}.dropzone:focus,.dropzone:hover{background:#0c0f15;border-color:#6d61a2}.dropzone strong{color:#dfe2e8;font-size:14px}.dropzone span{font-size:12px}.dropzone img{object-fit:contain;width:100%;height:100%}.drop-overlay{background:linear-gradient(#0000,#000000d9);flex-direction:column;align-items:flex-start;padding:40px 18px 15px;display:flex;position:absolute;inset:auto 0 0}.upload-icon{color:#aaa1f4;background:#171a24;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:7px;display:grid}.upload-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.alert{border-radius:9px;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:12px;display:flex}.alert.error{color:#ff9aa4;background:#ff647414;border:1px solid #ff647433}.alert.success{color:#91e2b8;background:#59c99112;border:1px solid #59c9912e}.actions{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 18px;display:flex}.primary{color:#111018;background:#f1efff;border-radius:10px;min-height:43px;padding:12px 17px;font-weight:750}.primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 7px 25px #beb4ff26}.secondary-actions{gap:7px;display:flex}.secondary{color:#b8bfcb;background:#171a21;border:1px solid #292e39;border-radius:9px;padding:10px 13px;font-size:12px}.secondary:hover:not(:disabled){color:#fff;background:#1c2029;border-color:#3c4351}.spinner{border:2px solid #bdb9d8;border-top-color:#282431;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.share-result{background:#0d1016;border:1px solid #303546;border-radius:13px;margin:0 18px 18px;padding:16px;animation:.22s rise}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.share-result-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.result-label{letter-spacing:.13em;color:#787f91;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.share-result strong{font-size:13px}.pill{color:#9b91dc;letter-spacing:.08em;background:#201e2f;border-radius:999px;padding:5px 8px;font-size:9px}.url-box{background:#080a0e;border:1px solid #252a35;border-radius:9px;display:flex;overflow:hidden}.url-box input{color:#aeb5c2;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:11px 12px;font:11px/1.3 SFMono-Regular,Consolas,monospace}.url-box button{color:#c8cce3;cursor:pointer;background:#151821;border:0;border-left:1px solid #252a35;width:43px}.url-box button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:16px;height:16px}.share-result p{color:#626b7b;margin:9px 1px 0;font-size:11px}.trust-row{background:#0e111780;border:1px solid #ffffff0f;border-radius:13px;grid-template-columns:repeat(3,1fr);max-width:980px;margin:24px auto 0;display:grid;overflow:hidden}.trust-row div{border-right:1px solid #ffffff0f;padding:16px 18px}.trust-row div:last-child{border:0}.trust-row strong{color:#c7ccd6;margin-bottom:3px;font-size:12px;display:block}.trust-row span{color:#646d7d;font-size:11px}.info-grid{grid-template-columns:1fr 1fr;gap:16px;max-width:980px;margin:50px auto 0;display:grid}.info-card{background:#0e11177a;border:1px solid #ffffff12;border-radius:15px;padding:22px}.info-card h2{margin:0 0 16px;font-size:15px}.info-card ol{color:#858e9e;margin:0;padding-left:19px;font-size:12px;line-height:2}.info-card li strong{color:#bfc5d0}details{border-top:1px solid #202530;padding:11px 0}details:first-of-type{border-top:0;padding-top:0}summary{cursor:pointer;color:#b7bdc9;font-size:12px}details p{color:#717a8b;margin:8px 0 0;font-size:11px;line-height:1.55}.stacktoz-cta{background:radial-gradient(circle at 90% 20%,#7b69ff1f,#0000 38%),#111019;border:1px solid #292534;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;max-width:980px;margin:18px auto 55px;padding:24px;display:flex}.stacktoz-cta span:first-child{letter-spacing:.14em;color:#8175bf;font-size:9px;font-weight:800}.stacktoz-cta h2{letter-spacing:-.03em;margin:6px 0;font-size:22px}.stacktoz-cta p{color:#737c8c;margin:0;font-size:12px}.stacktoz-cta a{white-space:nowrap;color:#dcd9ff;background:#1c1927;border:1px solid #413b5c;border-radius:9px;padding:10px 13px;font-size:12px;text-decoration:none}.stacktoz-cta a:hover{background:#262037}footer{text-align:center;color:#565f6f;border-top:1px solid #ffffff0f;padding:24px;font-size:11px}footer a{color:#a9a1d5;text-decoration:none}footer a:hover{text-decoration:underline}@media (width<=720px){.topbar{padding:0 15px}.header-note{display:none}.hero{padding:52px 17px 26px}.hero h1{font-size:44px}.hero p{font-size:15px}.tool-card{border-radius:15px;margin:15px 10px 0}.tool-head{align-items:stretch}.tabs{flex:1}.tab{padding:9px 10px}.tab span{display:none}.tab.active span{display:inline}.ghost span{display:none}.editor-area{padding:13px}.title-row{margin-bottom:7px}textarea,.dropzone{height:310px;min-height:240px}.actions{flex-direction:column;align-items:stretch;padding:12px 13px 13px}.primary,.secondary-actions{width:100%}.secondary{flex:1}.share-result{margin:0 13px 13px}.trust-row{grid-template-columns:1fr;margin:14px 10px 0}.trust-row div{border-bottom:1px solid #ffffff0f;border-right:0}.trust-row div:last-child{border-bottom:0}.info-grid{grid-template-columns:1fr;margin:35px 10px 0}.stacktoz-cta{margin:14px 10px 45px;display:block}.stacktoz-cta a{margin-top:18px;display:inline-block}.counter{font-size:10px}}@media (width<=420px){.hero h1{font-size:39px}.eyebrow{font-size:9px}.tab{padding:8px}.title-row input{font-size:13px}.url-box input{font-size:9px}}