:root{--orange:#fe4800;--orange2:#ff6326;--black:#141414;--deep:#090909;--panel:#1b1b1b;--panel2:#222;--white:#fff;--grey:#7d8491;--soft:#d7d9dd;--line:rgba(255,255,255,.14);--focus:rgba(254,72,0,.34);--ok:#8fd4a7;--warn:#ffd37a;--bad:#ff8e82;--radius:24px}
*{box-sizing:border-box}html{background:#0d0d0d;color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0,rgba(254,72,0,.16),transparent 28%),radial-gradient(circle at 0 100%,rgba(255,255,255,.05),transparent 25%),linear-gradient(180deg,#1a1a1a,#0d0d0d);font-family:Arial,Helvetica,sans-serif;color:var(--white)}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{width:min(1220px,calc(100% - 32px));margin:28px auto;background:var(--black);border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.34);border-radius:30px;overflow:hidden;position:relative}.app-shell:before{content:"";position:absolute;right:-260px;top:-330px;width:560px;height:560px;border:70px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(22px,4vw,52px);border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;background:0;border:0;padding:0;cursor:pointer;text-transform:lowercase}.brand-logo{display:block;height:auto}.brand-logo--full{width:188px;max-width:38vw}.brand-logo--mark{display:none;width:44px;height:44px}.topbar-actions{display:flex;align-items:center;gap:10px}.install-btn,.offline-pill{border:1px solid var(--line);background:#202020;padding:9px 12px;font-size:12px;font-weight:700;text-transform:lowercase}.install-btn{cursor:pointer}.install-btn:hover{border-color:var(--orange);color:var(--orange)}main{padding:0 clamp(22px,4vw,52px) clamp(38px,5vw,64px)}.view{display:none}.view.is-active{display:block;animation:fade .18s ease}@keyframes fade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.hero,.module-head{padding:clamp(38px,6vw,74px) 0 32px}.hero{max-width:820px}.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--orange);font-size:13px;font-weight:800;text-transform:lowercase;margin-bottom:16px}.kicker:before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid var(--orange)}h1,h2{margin:0;letter-spacing:-.06em;line-height:.95;text-transform:lowercase}h1{font-size:clamp(48px,7vw,88px)}h2{font-size:clamp(42px,6vw,72px)}h1 span,h2 span{display:inline-block;background:var(--orange);color:var(--black);padding:.02em .14em .08em;margin-top:.08em}.hero p,.module-head p{max-width:760px;color:#d0d0d0;font-size:clamp(16px,1.8vw,19px);line-height:1.55;margin:20px 0 0}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-meta span{border:1px solid var(--line);background:#191919;padding:7px 10px;color:#9b9b9b;font-size:11px;font-weight:800;text-transform:lowercase}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-card{min-height:230px;text-align:left;border:1px solid var(--line);background:var(--panel);padding:26px;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:flex-start;transition:.16s ease}.tool-card:hover{border-color:var(--orange);transform:translateY(-3px);background:#202020}.tool-number{color:var(--grey);font-size:12px;margin-bottom:auto}.tool-title{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.045em;text-transform:lowercase}.tool-copy{margin-top:10px;color:#bbb;line-height:1.5;max-width:470px}.tool-open{margin-top:22px;color:var(--orange);font-size:12px;font-weight:800;text-transform:lowercase}.tool-arrow{position:absolute;right:24px;top:20px;color:var(--orange);font-size:28px}.back-btn{border:0;background:transparent;color:var(--grey);padding:0;margin-bottom:26px;cursor:pointer;font-weight:700}.back-btn:hover{color:var(--orange)}.split-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.field-block{padding:28px 0}.field-block:first-child{padding-right:28px;border-right:1px solid var(--line)}.field-block:last-child{padding-left:28px}.label-row{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:11px}.label-row label,.label-row strong{font-size:14px;font-weight:800;text-transform:lowercase}.label-row>span{font-size:12px;color:var(--grey)}.text-btn{border:0;background:transparent;color:var(--orange);padding:5px 0;cursor:pointer;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.text-btn:hover{color:#fff}.text-btn:disabled{color:#555;cursor:not-allowed;text-decoration:none}.inline-actions{display:flex;align-items:center;gap:14px}.code-area,.counter-area{display:block;width:100%;min-height:245px;padding:18px;border:1px solid #454545;border-radius:0;outline:0;background:var(--deep);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.55;resize:vertical}.code-area:focus,.counter-area:focus,input:focus,select:focus{border-color:var(--orange)!important;box-shadow:0 0 0 4px var(--focus);outline:0}.code-area.small{min-height:160px;background:#101010}.code-area.result{min-height:118px}.option-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#353535;border:1px solid #353535;margin:26px 0}.check-option{position:relative;display:flex;min-height:72px;align-items:center;gap:11px;padding:15px 17px;background:var(--panel);font-size:13px;font-weight:800;cursor:pointer;user-select:none}.check-option input{position:absolute;opacity:0}.check-option span{width:20px;height:20px;border:2px solid #777;flex:0 0 auto}.check-option input:checked+span{border-color:var(--orange);background:var(--orange);box-shadow:inset 0 0 0 4px var(--panel)}.primary-btn{min-height:50px;padding:13px 22px;border:2px solid transparent;background:var(--orange);color:var(--black);font-weight:800;text-transform:lowercase;cursor:pointer}.primary-btn:hover{background:var(--orange2);transform:translateY(-1px)}.section-title{font-size:26px;letter-spacing:-.04em;text-transform:lowercase;margin:34px 0 16px}.output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.output-card{background:var(--panel);border-top:5px solid var(--orange);padding:18px}.preset-row,.counter-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:22px}.chip{border:1px solid #444;background:var(--panel);padding:10px 13px;cursor:pointer;font-size:12px;font-weight:800}.chip:hover,.chip.is-active{border-color:var(--orange);color:var(--orange)}.chip.muted{color:var(--grey)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:1/-1}.form-field{display:flex;flex-direction:column;gap:8px}.form-field>span,.counter-toolbar>span{font-size:12px;color:var(--grey);font-weight:800;text-transform:lowercase}.form-field input,.form-field select,.custom-limit input{width:100%;height:48px;background:var(--deep);border:1px solid #454545;padding:0 13px;color:#fff;border-radius:0}.toggle-field{justify-content:flex-end}.switch-label{height:48px;display:flex;align-items:center;gap:10px;border:1px solid #454545;background:var(--deep);padding:0 13px;font-size:13px}.switch-label input{position:absolute;opacity:0;width:auto}.switch{width:30px;height:18px;border:1px solid #666;position:relative}.switch:after{content:"";position:absolute;width:10px;height:10px;left:3px;top:3px;background:#777;transition:.15s}.switch-label input:checked+.switch{border-color:var(--orange)}.switch-label input:checked+.switch:after{left:15px;background:var(--orange)}.result-panel,.source-panel{margin-top:22px;background:var(--panel);padding:22px;border-top:4px solid var(--orange)}.helper,.source-panel p{color:var(--grey);font-size:12px;line-height:1.5;margin:11px 0 0}.counter-toolbar{border-bottom:1px solid var(--line);padding-bottom:18px}.custom-limit{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--grey);font-weight:800}.custom-limit input{width:82px;height:38px}.counter-input-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.counter-input-head>span{font-size:12px;color:var(--grey);font-weight:800;text-transform:lowercase}.counter-area{min-height:300px;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.stat-card{background:var(--panel);padding:20px;border-top:3px solid #343434}.stat-card span{display:block;color:var(--grey);font-size:12px;text-transform:lowercase}.stat-card strong{display:block;font-size:34px;margin-top:7px}.limit-panel{margin-top:16px;background:var(--panel);padding:20px}.limit-copy{display:flex;justify-content:space-between;gap:18px;margin-bottom:12px}.limit-copy span{color:var(--grey);font-size:13px}.progress-track{height:8px;background:#333;overflow:hidden}.progress-bar{height:100%;width:0;background:var(--orange);transition:width .15s}.progress-bar.over{background:var(--bad)}.spec-controls{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-bottom:18px}.spec-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.spec-card,.upload-card{background:var(--panel);border-top:5px solid var(--orange);padding:24px;min-height:390px}.spec-title{font-size:30px;font-weight:900;letter-spacing:-.04em;text-transform:lowercase;margin-bottom:6px}.spec-platform{color:var(--orange);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.spec-ratio{font-size:66px;font-weight:900;letter-spacing:-.07em;line-height:1;margin:28px 0 6px}.spec-size{color:#ddd;font-size:19px}.spec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#353535;margin:26px 0 0;border:1px solid #353535}.spec-item{background:#181818;padding:14px}.spec-item span{display:block;color:var(--grey);font-size:11px;text-transform:lowercase}.spec-item strong{display:block;margin-top:5px;font-size:13px}.spec-note{margin-top:18px;color:#c7c7c7;font-size:13px;line-height:1.5}.upload-head{display:flex;justify-content:space-between;gap:10px}.upload-head span{color:var(--grey);font-size:12px}.dropzone{min-height:210px;border:1px dashed #555;margin-top:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:#111}.dropzone:hover,.dropzone.drag{border-color:var(--orange);background:#15100e}.dropzone input{display:none}.drop-icon{font-size:38px;color:var(--orange);line-height:1}.dropzone small{color:var(--grey)}.file-check{margin-top:16px;border:1px solid #333;background:#111;padding:14px;font-size:13px;line-height:1.55}.file-summary{margin-top:16px;padding:13px 14px;border-left:4px solid var(--grey);background:#111;font-size:13px;font-weight:800}.file-summary.ok{border-color:var(--ok);color:var(--ok)}.file-summary.warn{border-color:var(--warn);color:var(--warn)}.file-summary.bad{border-color:var(--bad);color:var(--bad)}.file-check.empty{color:var(--grey)}.ghost-btn{margin-top:10px;border:1px solid #444;background:transparent;padding:9px 12px;color:var(--grey);font-size:12px;font-weight:800;cursor:pointer}.ghost-btn:hover{border-color:var(--orange);color:var(--orange)}.check-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #292929}.check-row:last-child{border:0}.status-ok{color:var(--ok)}.status-warn{color:var(--warn)}.status-bad{color:var(--bad)}.source-panel a{display:inline-block;margin-top:10px;color:var(--orange);font-size:12px;font-weight:800}.footer{border-top:1px solid var(--line);padding:20px clamp(22px,4vw,52px);display:flex;justify-content:space-between;gap:20px;color:var(--grey);font-size:12px}.footer a{color:var(--orange)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#fff;color:#111;padding:11px 16px;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transition:.18s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.tool-grid,.split-grid,.spec-layout{grid-template-columns:1fr}.field-block:first-child{padding-right:0;border-right:0;border-bottom:1px solid var(--line)}.field-block:last-child{padding-left:0}.option-grid{grid-template-columns:repeat(2,1fr)}.output-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.spec-controls{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
@media(max-width:620px){.app-shell{width:calc(100% - 20px);margin:10px auto;border-radius:22px}.brand-logo--full{display:none}.brand-logo--mark{display:block}.topbar{padding:16px 18px}main{padding-left:18px;padding-right:18px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:190px}.option-grid,.stat-grid{grid-template-columns:1fr}.footer{flex-direction:column}.limit-copy{flex-direction:column;gap:4px}.spec-list{grid-template-columns:1fr}.spec-ratio{font-size:52px}.topbar-actions{gap:6px}.install-btn{padding:8px 9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.install-dialog{width:min(520px,calc(100% - 32px));border:1px solid var(--line);border-top:5px solid var(--orange);background:var(--panel);color:var(--white);padding:0;box-shadow:0 28px 80px rgba(0,0,0,.58)}.install-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}.install-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}.install-dialog-head strong{font-size:20px;letter-spacing:-.03em}.install-dialog>p{margin:0;padding:20px 22px;color:#d0d0d0;line-height:1.6}.install-dialog-actions{display:flex;justify-content:flex-end;padding:0 22px 22px}.dialog-close{width:36px;height:36px;border:1px solid #444;background:#111;color:#fff;font-size:24px;line-height:1;cursor:pointer}.dialog-close:hover{border-color:var(--orange);color:var(--orange)}

.naaman-meme{position:fixed;right:clamp(10px,2vw,28px);bottom:clamp(10px,2vw,28px);z-index:20;width:clamp(48px,6vw,72px);padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));transform-origin:50% 55%;transition:filter .2s ease,scale .2s ease;will-change:transform}.naaman-meme img{display:block;width:100%;height:auto}.naaman-meme:hover,.naaman-meme:focus-visible,.naaman-meme.is-jumping{filter:drop-shadow(0 0 15px rgba(254,72,0,.75));scale:1.45}.naaman-meme:focus-visible{outline:3px solid var(--orange);outline-offset:5px;border-radius:8px}.naaman-meme.is-jumping{pointer-events:none}

@media(prefers-reduced-motion:reduce){.naaman-meme:hover,.naaman-meme:focus-visible{scale:1;filter:drop-shadow(0 0 15px rgba(254,72,0,.75))}}