:root{--ink:#12231e;--muted:#66746f;--line:#dce5e1;--green:#15c887}*{box-sizing:border-box}html{background:#edf3f0}body{margin:0;color:var(--ink);background:radial-gradient(circle at 50% 8%,#fff 0,#f7faf8 34%,#edf3f0 100%);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{color:inherit}.hidden{display:none!important}.topbar{height:82px;padding:0 clamp(20px,6vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5e1;background:rgba(250,252,251,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand,.top-actions,.section-heading>div,.tag-preview{display:flex;align-items:center}.brand{gap:12px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#7c8985;font-size:10px;margin-top:2px}.brandmark,.mini-tag{display:grid;place-items:center;color:#082c20;background:linear-gradient(145deg,#38eba8,#13bd7f);font-weight:900;box-shadow:0 8px 22px rgba(21,200,135,.2)}.brandmark{width:38px;height:38px;border-radius:11px}.top-actions{gap:9px}.pill,.install{border-radius:999px;padding:8px 12px;font-size:11px;font-weight:750;border:1px solid var(--line);background:#fff}.pill.online{color:#0b7654}.pill.offline,.pill.warn{color:#8a611d;background:#fff7df}.pill.ok{color:#0c7c57;background:#eafaf4}.install{cursor:pointer;background:#13251f;color:#fff}.hero{text-align:center;padding:70px 20px 44px}.eyebrow{display:inline-block;padding:7px 13px;border-radius:999px;border:1px solid #c7eadc;color:#087451;background:#e9f9f2;font-size:10px;font-weight:850;letter-spacing:.13em}.eyebrow.dark{border-color:#285344;background:#15372c;color:#52e7b1}.hero h1{font:500 clamp(42px,6vw,72px)/.98 Georgia,serif;letter-spacing:-.055em;margin:23px 0 18px}.hero h1 em{color:#12ac76}.hero p{color:var(--muted);margin:0;font-size:15px}.workspace,.tools-section{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:22px;max-width:1120px;margin:0 auto;padding:0 22px 28px}.tools-section{grid-template-columns:1fr 1fr;margin-bottom:28px}.panel{background:rgba(255,255,255,.76);border:1px solid #c7d7d0;box-shadow:0 18px 55px rgba(27,61,49,.07);border-radius:24px;padding:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:19px}.section-heading>div{gap:10px}.section-heading span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#142820;color:#fff;font-size:10px;font-weight:800}.section-heading h2{font-size:16px;margin:0}.section-heading p{font-size:10px;color:#85918d;margin:0}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.preset{min-height:84px;text-align:left;border:1px solid #e0e7e4;border-radius:16px;background:#fff;padding:13px;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:10px;cursor:pointer}.preset.active{border-color:#18bd82;box-shadow:0 0 0 2px rgba(24,189,130,.13)}.preset-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e8f8f1;color:#09835b;font-weight:900;font-size:20px}.preset[data-color="mint"] .preset-icon{background:#e8f8f1;color:#09835b}.preset[data-color="violet"] .preset-icon{background:#f0eafe;color:#7255c7}.preset[data-color="amber"] .preset-icon{background:#fff1d7;color:#bd7916}.preset[data-color="blue"] .preset-icon{background:#e8f1ff;color:#3673c9}.preset[data-color="cyan"] .preset-icon{background:#e2f8f7;color:#168e89}.preset[data-color="rose"] .preset-icon{background:#ffe9ec;color:#c84f64}.preset[data-color="indigo"] .preset-icon{background:#ececff;color:#5c5cc0}.preset[data-color="lime"] .preset-icon{background:#eef9df;color:#678d24}.preset strong,.preset small{display:block}.preset strong{font-size:12px}.preset small{color:#88938f;font-size:10px;margin-top:4px}.select-dot{opacity:0;width:18px;height:18px;border-radius:50%;background:#15bd81;color:#fff;font-size:10px;text-align:center;line-height:18px}.preset.active .select-dot{opacity:1}.form-card{display:flex;flex-direction:column;gap:14px}.field{display:block}.field>span{display:block;font-size:10px;font-weight:800;margin:0 0 7px 3px;color:#4e6059}.field input,.field select{width:100%;height:47px;border:1px solid #dbe5e0;background:#fff;border-radius:12px;padding:0 14px;outline:none;color:#142820;font-size:13px}.field input:focus,.field select:focus{border-color:#17bd82;box-shadow:0 0 0 3px rgba(23,189,130,.11)}.field small{display:block;color:#89958f;font-size:9px;margin:6px 3px}.tag-preview{gap:13px;border:1px dashed #a9c9bb;background:#f2faf6;border-radius:16px;padding:13px;margin-top:14px;min-width:0}.mini-tag{flex:0 0 auto;width:51px;height:51px;border-radius:14px;font-size:10px}.tag-preview>div:last-child{min-width:0}.tag-preview small{display:block;color:#5c7a6d;font-size:8px;font-weight:850}.tag-preview strong{display:block;font-size:12px;margin-top:3px}.tag-preview p{font-size:10px;color:#72837b;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice,.result,.tool-result{border-radius:12px;padding:11px 12px;font-size:10px;line-height:1.45;margin-top:12px}.notice{background:#fff7df;color:#77541b;border:1px solid #f0dc9e}.result{font-weight:700}.result.success{background:#e7f9f1;color:#087752}.result.error{background:#ffeaed;color:#a93e51}.result.working{background:#eef4ff;color:#41669b}.write-button{height:54px;width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#16cc8d,#10a974);color:#052c1f;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;padding:0 16px;margin-top:14px;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 13px 30px rgba(16,181,123,.24)}.write-button span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.38)}.write-button i{font-style:normal;font-size:19px}.privacy{text-align:center;color:#8c9994;font-size:9px}.tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-buttons button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #dfe7e3;border-radius:14px;background:#fff;padding:12px;cursor:pointer}.tool-buttons button>b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e9f9f2;color:#09835b;font-size:18px}.tool-buttons .danger>b{background:#ffeaed;color:#bd4054}.tool-buttons strong,.tool-buttons small{display:block}.tool-buttons strong{font-size:11px}.tool-buttons small{color:#89958f;font-size:9px}.tool-result{background:#f2faf6;color:#3f6255;white-space:pre-wrap;word-break:break-word}.text-btn{border:0;background:transparent;color:#87938e;font-size:9px;cursor:pointer}.empty-history{text-align:center;padding:10px;color:#84928c}.empty-history b,.empty-history strong{display:block}.empty-history p{font-size:9px}.history-list{display:grid;gap:8px}.history-item{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;padding:8px;border-radius:10px;background:#f6f9f7}.history-item>b{color:#07845b}.history-item strong,.history-item small{display:block}.history-item strong{font-size:10px}.history-item small,.history-item time{font-size:8px;color:#87938e}.combo-runner{position:relative;max-width:700px;margin:36px auto 0;padding:34px;border-radius:24px;background:linear-gradient(145deg,#0c2a20,#081a15);color:#fff;box-shadow:0 24px 70px rgba(5,38,27,.25);text-align:center}.runner-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:1px solid #ffffff29;border-radius:50%;background:#ffffff14;color:#fff;font-size:20px}.combo-runner h1{margin:15px 0 10px;font:500 35px/1.05 Georgia,serif}.combo-runner>p{max-width:500px;margin:0 auto 22px;color:#a9c4ba;font-size:12px}.runner-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.runner-actions a{display:grid;grid-template-columns:32px 1fr 28px;align-items:center;gap:10px;text-align:left;text-decoration:none;color:#10261e;background:#fff;border-radius:14px;padding:13px}.runner-actions a>b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#dff8ef;color:#07815a}.runner-actions a strong,.runner-actions a small{display:block}.runner-actions a strong{font-size:11px}.runner-actions a small{max-width:170px;color:#7c8c86;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runner-actions a i{font-style:normal;color:#0fa872}.runner-tip{display:block;margin-top:13px;color:#829d93;font-size:8px}.how{max-width:760px;margin:8px auto 56px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;text-align:center}.how>div>span{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 9px;border:1px solid #cddbd5;border-radius:50%;font:700 11px Georgia;color:#0aa06c;background:#fff}.how strong{font-size:11px}.how p{font-size:9px;color:#87938e;margin:4px 0}@media(max-width:800px){.topbar{height:72px;padding:0 14px}.brand small,.pill.online,.section-heading p{display:none}.hero{padding:48px 18px 34px}.workspace,.tools-section{grid-template-columns:1fr;max-width:620px;padding:0 13px 22px}.panel{padding:18px}.combo-runner{margin:18px 13px 0;padding:28px 16px}.runner-actions{grid-template-columns:1fr}}@media(max-width:430px){.preset-grid,.tool-buttons{grid-template-columns:1fr}.preset{min-height:72px}.hero h1{font-size:45px}.how{grid-template-columns:1fr;gap:15px;padding:0 20px}}

/* build 3 — stany przycisków, wskaźnik rozmiaru, dostępność */
.build-tag{font-size:9px;color:#93a09b;letter-spacing:.04em}.size-badge{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:999px;font-size:8px;font-weight:850;letter-spacing:.03em;border:1px solid transparent}.size-badge:empty{display:none}.size-badge.ok{background:#e7f9f1;color:#0a7a55;border-color:#bde9d6}.size-badge.mid{background:#fff7df;color:#8a611d;border-color:#f0dc9e}.size-badge.over{background:#ffeaed;color:#a93e51;border-color:#f4c6ce}.write-button:disabled{cursor:progress;filter:saturate(.45);box-shadow:none}.tool-buttons button:disabled{opacity:.5;cursor:not-allowed}.tool-buttons button.scanning{border-color:#18bd82;box-shadow:0 0 0 2px rgba(24,189,130,.13)}.tool-buttons button.scanning>b{background:#d9f6ea;color:#07704e}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #0f9c6c;outline-offset:2px}@media(max-width:800px){.build-tag{display:none}}

/* build 4 — automatyzacja, tryby, auto-start nawigacji */
.preset[data-color="slate"] .preset-icon{background:#e9eeec;color:#41544c}.guide{margin-top:4px;border:1px solid #dbe5e0;border-radius:14px;background:#f7faf8;overflow:hidden}.guide summary{cursor:pointer;padding:12px 14px;font-size:12px;font-weight:800;color:#0d3d2c;list-style:none}.guide summary::-webkit-details-marker{display:none}.guide summary::before{content:"›";display:inline-block;margin-right:8px;transition:transform .18s;color:#18bd82;font-weight:900}.guide[open] summary::before{transform:rotate(90deg)}.guide>*:not(summary){padding:0 14px;font-size:11px;line-height:1.62;color:#48605a;margin:0 0 10px}.guide ol{padding-left:32px}.guide li{margin-bottom:5px}.guide em{color:#0d3d2c;font-style:normal;font-weight:700;background:#e7f6ef;padding:1px 5px;border-radius:5px;word-break:break-all}.guide .guide-head{font-weight:850;color:#0d3d2c;font-size:11px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.runner-countdown{margin-top:14px;padding:11px 14px;border-radius:14px;background:rgba(24,189,130,.16);border:1px solid rgba(24,189,130,.4);color:#c9f6e4;font-size:12px;font-weight:800;text-align:center;cursor:pointer}.runner-auto{display:flex;align-items:center;gap:9px;margin-top:12px;color:#a9c4b9;font-size:11px;font-weight:600;cursor:pointer}.runner-auto input{width:16px;height:16px;accent-color:#18bd82;flex:none}@media(prefers-reduced-motion:reduce){.guide summary::before{transition:none}}
.guide ul{padding-left:20px;margin:6px 0 0;list-style:disc}.guide ul li{margin-bottom:4px;color:#5a716b}.guide ol>li>ul{margin-bottom:2px}/* build 6 — biblioteka audio i tryb jednego tapnięcia */.track-empty{padding:14px;border:1px dashed #c9d8d2;border-radius:14px;background:#f7faf8;text-align:center}.track-empty strong{display:block;font-size:12px;color:#0d3d2c;margin-bottom:4px}.track-empty p{margin:0;font-size:11px;color:#63796f;line-height:1.55}.track-actions{display:flex;gap:8px;flex-wrap:wrap}.track-actions button{flex:1 1 150px;padding:11px 14px;border-radius:12px;border:1px solid #18bd82;background:#e7f9f1;color:#07704e;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit}.track-actions button:active{transform:translateY(1px)}.track-actions button.ghost{border-color:#dfe7e4;background:#fff;color:#7b8c86}.runner-file{display:flex;flex-direction:column;gap:10px;margin-top:6px}.runner-primary{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:0;border-radius:18px;background:#18bd82;color:#04261a;text-align:left;cursor:pointer;font-family:inherit}.runner-primary:disabled{background:#2c4a3e;color:#8fa79c;cursor:not-allowed}.runner-primary>b{font-size:19px;line-height:1}.runner-primary strong{display:block;font-size:14px;font-weight:850}.runner-primary small{display:block;margin-top:2px;font-size:11px;opacity:.72;word-break:break-word}.runner-secondary{display:flex;gap:8px}.runner-secondary button{flex:1;padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#c9ded5;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}#runnerAudio{display:none}.guide .guide-warn{background:#fff6e8;border-left:3px solid #e0a33a;border-radius:0 10px 10px 0;padding:11px 14px;margin:0 14px 10px;color:#6d5320}.guide .guide-warn strong{color:#8a611d}.track-empty .track-hint{margin-top:8px;padding-top:8px;border-top:1px solid #e2ebe7;color:#7b8c86;font-size:10px}