.case-page{padding-top:42px}.case-head{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:end;margin-bottom:30px}.case-head h1{margin:10px 0 15px}.case-head .lede{max-width:850px;margin:0}.case-head aside{padding:18px;border:1px solid #bcd9d2;border-radius:16px;background:#effaf6;color:var(--pine)}.case-head aside p{margin:7px 0 0;color:#326259;font-size:12px}.case-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:18px;position:relative;z-index:0}.case-input-column{min-width:0;overflow:hidden;border:1px solid #cfd8d2;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.case-input-panel,.case-result-panel{padding:28px}.case-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.case-panel-heading h2,.case-section-heading h2{margin:7px 0 0;font-size:30px}.case-input-panel textarea{display:block;width:100%;min-height:196px;margin-top:24px;padding:16px;border:1px solid #a8cec4;border-radius:14px;outline:none;resize:vertical;color:var(--ink);background:#f8fcfa;box-shadow:inset 0 0 0 1px rgba(238,249,244,.75);line-height:1.65}.case-input-panel textarea:focus{border-color:var(--pine);box-shadow:0 0 0 3px rgba(25,107,94,.13)}.case-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:11px}.case-editor-footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.case-editor-footer button{border:0;border-radius:7px;background:#edf4ef;color:var(--pine);padding:5px 7px;font-size:10px;font-weight:700}.case-result-panel{align-self:start;min-width:0;overflow:hidden;border:1px solid #cfd8d2;border-radius:var(--radius);background:linear-gradient(145deg,#effaf6,#f9fcf7);box-shadow:var(--shadow)}.case-result-tabs{padding-bottom:18px;border-bottom:1px solid var(--line)}.case-result-tabs>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.case-result-tabs button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.case-result-tabs button:hover{border-color:#77b6a9;color:var(--pine)}.case-result-tabs button.active{border-color:var(--pine);background:var(--pine);color:#fff}.case-result-tabs+.case-panel-heading{margin-top:20px}.case-result-panel pre{min-height:196px;overflow:auto;margin:24px 0 15px;padding:18px;border:1px solid #c2ded7;border-radius:14px;background:#fff;white-space:pre-wrap;word-break:break-word;font:15px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.case-result-actions{display:flex;flex-wrap:wrap;gap:8px}.case-result-actions .secondary-button{padding:9px 11px;font-size:11px}.case-result-actions button:disabled{opacity:.45;cursor:not-allowed}.case-optional,.case-protect{margin:0 28px 10px;border:1px solid #c8ddd4;border-radius:14px;background:#f7fbf8}.case-optional summary,.case-protect summary{display:flex;justify-content:space-between;gap:20px;padding:12px 14px;cursor:pointer;list-style:none}.case-optional summary::-webkit-details-marker,.case-protect summary::-webkit-details-marker{display:none}.case-optional summary b,.case-protect summary b{display:block;font-size:13px}.case-optional summary small,.case-protect summary small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.case-details-chevron{flex:0 0 16px;align-self:center;width:16px;height:16px;transition:transform .16s ease}.case-optional[open] .case-details-chevron,.case-protect[open] .case-details-chevron{transform:rotate(180deg)}.case-extra-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 14px 14px}.case-extra-groups h3{margin:0 0 8px;font-size:13px}.case-extra-groups section>div{display:flex;flex-wrap:wrap;gap:6px}.case-extra-groups button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 8px;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.case-extra-groups button.active{border-color:#77b6a9;background:#eaf8f2;color:var(--pine)}.case-protect{margin-bottom:14px}.case-protect-body{display:grid;gap:10px;padding:0 14px 14px;color:var(--muted);font-size:12px}.case-protect-body label{display:flex;align-items:center;gap:9px}.case-batch input,.case-protect-body input[type=checkbox]{accent-color:var(--pine)}.case-term-input{display:flex;gap:8px}.case-term-input input{min-width:0;flex:1 1;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:#fff}.case-term-input .secondary-button{padding:8px 12px;font-size:11px}.case-term-list{display:flex;flex-wrap:wrap;gap:6px}.case-term-list button{border:1px solid #badbd2;border-radius:999px;background:#fff;padding:4px 8px;color:var(--pine);font-size:11px}.case-protect-body p{margin:0;font-size:11px;line-height:1.6}.case-batch{display:flex;align-items:center;gap:9px;margin:0 28px 18px;color:var(--muted);font-size:12px;font-weight:700}.case-explainer{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:42px;width:100%;margin-top:72px}.case-explainer h2{margin:10px 0 13px}.case-explainer>div>p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.case-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-content-grid article{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.case-content-grid h3{margin:0 0 7px;font-size:14px}.case-content-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.case-faq{width:100%;margin-top:74px}.case-faq .section-heading h2{margin:9px 0 20px}.case-faq>div:last-child{width:100%}.case-faq details{width:100%;padding:15px 0;border-top:1px solid var(--line)}.case-faq details:last-child{border-bottom:1px solid var(--line)}.case-faq summary{cursor:pointer;font-weight:700}.case-faq p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.7}@media (max-width:850px){.case-explainer,.case-head,.case-workspace{grid-template-columns:1fr}.case-head{gap:20px}.case-head aside{max-width:350px}.case-workspace{gap:14px}.case-extra-groups{grid-template-columns:1fr}.case-explainer{gap:22px}}@media (max-width:650px){.case-result-tabs button{padding:8px 9px}}@media (max-width:560px){.case-page{padding-top:28px}.case-input-panel,.case-result-panel{padding:20px}.case-panel-heading{align-items:start;flex-direction:column}.case-input-panel textarea,.case-result-panel pre{min-height:210px}.case-editor-footer{align-items:flex-start;flex-direction:column}.case-editor-footer>div{justify-content:flex-start}.case-optional,.case-protect{margin-right:20px;margin-left:20px}.case-protect-body{padding:0 14px 14px}.case-batch{margin-right:20px;margin-left:20px}.case-content-grid{grid-template-columns:1fr}}.case-stats{display:flex;flex-wrap:wrap;gap:0 8px}.case-stats>span{white-space:nowrap}.case-stats>span+span:before{content:"·";margin-right:8px}.case-editor-footer>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1 1;width:min(100%,510px)}.case-editor-footer button{min-width:0;min-height:32px;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.25}.unit-page{padding-top:42px}.unit-head{display:grid;grid-template-columns:1fr 270px;gap:42px;align-items:end;margin-bottom:29px}.unit-head h1{margin:10px 0 15px}.unit-head .lede{margin:0}.unit-head aside{padding:17px;border:1px solid #bcd9d2;border-radius:16px;background:#effaf6;color:var(--pine);font-size:12px}.unit-head aside p{margin:7px 0 0;color:#326259;line-height:1.6}.unit-workspace{display:grid;grid-template-columns:1.23fr .77fr;overflow:hidden;border:1px solid #cfd8d2;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.unit-main{padding:26px}.unit-smart{padding:15px;border:1px solid #bcd9d2;border-radius:14px;background:#f0faf6}.unit-smart label{display:block;color:var(--pine);font-size:11px;font-weight:800}.unit-smart>div{display:flex;gap:8px;margin-top:8px}.unit-smart input{min-width:0;flex:1 1;border:1px solid #bdd7d0;border-radius:9px;padding:10px;background:#fff}.unit-smart button{border:0;border-radius:9px;background:var(--pine);color:#fff;padding:0 13px;font-size:11px;font-weight:700}.unit-smart p{margin:8px 0 0;color:#4e746b;font-size:11px}.unit-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:15px}.unit-category-grid button{min-width:0;min-height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px;text-align:left}.unit-category-grid button.active{border-color:#70afa1;background:#effaf6}.unit-category-grid b{display:block;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.unit-fields{display:grid;grid-template-columns:1fr 1fr 42px 1fr .62fr;gap:9px;align-items:end;margin-top:18px}.unit-fields label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.unit-fields input,.unit-fields select{width:100%;min-width:0;height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 40px 0 11px;color:var(--ink);font-size:13px}.unit-fields select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 19px) 19px,calc(100% - 13px) 19px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.unit-swap{display:grid;width:46px;height:46px;padding:0;place-items:center;justify-self:center;border:1px solid #afd6cd;border-radius:50%;background:#effaf6;color:var(--pine);font-size:19px;line-height:1}.unit-actions{display:flex;gap:9px;margin-top:21px}.unit-actions .primary-button,.unit-actions .secondary-button{padding:11px 13px;font-size:12px}.unit-result{display:flex;flex-direction:column;padding:29px;background:linear-gradient(145deg,#eaf8f4,#f9fcf7)}.unit-result>p{margin:19px 0 2px;color:var(--muted);font-size:15px}.unit-result>strong{font:600 clamp(43px,6vw,72px)/.92 Georgia,serif;letter-spacing:-.07em;color:var(--pine)}.unit-result>b{margin-top:9px;font-size:16px}.unit-result section{margin-top:20px;padding-top:15px;border-top:1px solid #c7e0d9}.unit-result section em,.unit-result section span{display:block}.unit-result section span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.unit-result section em{margin-top:5px;color:var(--pine);font-size:13px;font-style:normal;font-weight:700}.unit-result footer{margin-top:auto;padding-top:20px;color:#51746c;font-size:11px;line-height:1.6}.unit-explainer{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;margin-top:72px}.unit-explainer h2{margin:9px 0 13px}.unit-explainer p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.unit-links{display:grid;align-self:start;align-content:start;grid-template-columns:repeat(2,1fr);gap:9px}.unit-links a{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:12px;font-weight:700}.unit-links b{color:var(--pine);font-size:18px}.unit-faq{margin-top:74px}.unit-faq h2{margin:9px 0 20px}.unit-faq details{padding:15px 0;border-top:1px solid var(--line)}.unit-faq details:last-child{border-bottom:1px solid var(--line)}.unit-faq summary{cursor:pointer;font-weight:700}.unit-faq p{max-width:850px;margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.7}@media(max-width:1200px){.unit-category-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:950px){.unit-explainer,.unit-head,.unit-workspace{grid-template-columns:1fr}.unit-head aside{max-width:340px}.unit-category-grid{grid-template-columns:repeat(3,1fr)}.unit-result{min-height:300px}.unit-result footer{margin-top:25px}}@media(max-width:650px){.unit-page{padding-top:28px}.unit-main,.unit-result{padding:20px}.unit-category-grid{grid-template-columns:repeat(2,1fr)}.unit-fields{grid-template-columns:1fr 1fr}.unit-swap{grid-column:1/-1;width:46px;justify-self:center;transform:rotate(90deg)}.unit-links{grid-template-columns:1fr}.unit-smart>div{flex-direction:column}.unit-smart button{height:38px}}.fraction-page{padding-top:42px}.fraction-head{display:grid;grid-template-columns:1fr 220px;gap:42px;align-items:end;margin-bottom:28px}.fraction-head h1{margin:9px 0 13px}.fraction-head .lede{margin:0}.fraction-head aside{padding:16px;border:1px solid #bcd9d2;border-radius:15px;background:#effaf6;color:var(--pine);font-size:12px;font-weight:800}.fraction-workspace{display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.fraction-main,.fraction-side{padding:26px}.fraction-main{border-right:1px solid var(--line)}.fraction-input{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:800}.fraction-input input{height:54px;border:1px solid #bcd5cf;border-radius:11px;padding:0 13px;background:#fff;color:var(--ink);font:20px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.fraction-input small{color:#5d7870;font-size:10px;font-weight:400}.fraction-mode,.fraction-select{display:grid;gap:7px;margin-top:17px;color:var(--muted);font-size:11px;font-weight:800}.fraction-mode>div{display:flex;flex-wrap:wrap;gap:7px}.fraction-mode button{height:33px;border:1px solid #c8dad4;border-radius:8px;background:#fff;padding:0 11px;color:var(--ink);font-size:11px;font-weight:800}.fraction-mode button.active{border-color:#68a593;background:#eaf7f2;color:var(--pine)}.fraction-select select{width:150px;height:41px;appearance:none;border:1px solid #c8dad4;border-radius:8px;background:#fff;padding:0 40px 0 11px;color:var(--ink);background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 19px) 17px,calc(100% - 13px) 17px;background-size:6px 6px;background-repeat:no-repeat}.fraction-results{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:22px}.fraction-results div{display:grid;gap:5px;padding:12px;border:1px solid #d5e4de;border-radius:10px;background:#fbfdfb}.fraction-results span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.fraction-results strong{font:600 31px/.95 Georgia,serif;color:var(--pine);letter-spacing:-.04em}.fraction-results b{font:700 15px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.fraction-main>.secondary-button{margin-top:13px;padding:9px 12px;font-size:11px}.fraction-steps{margin-top:23px;padding-top:17px;border-top:1px solid var(--line)}.fraction-steps h3{margin:0;font-size:14px}.fraction-steps ol{margin:9px 0 0;padding-left:19px;color:var(--muted);font-size:12px;line-height:1.7}.fraction-error{margin:20px 0 0;padding:12px;border-left:3px solid #c96d52;border-radius:8px;background:#fff1ed;color:#743a2b;font-size:12px}.fraction-side{background:linear-gradient(145deg,#edf8f3,#fbfdf8)}.fraction-side>strong{display:block;margin-top:15px;font:600 clamp(45px,6vw,68px)/.9 Georgia,serif;letter-spacing:-.07em;color:var(--pine)}.fraction-side>p{margin:14px 0;color:var(--muted);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.fraction-bar{display:flex;gap:3px;margin-top:24px}.fraction-bar i{height:26px;flex:1 1;border:1px solid #c0d8d0;border-radius:4px;background:#fff}.fraction-bar i.filled{border-color:#5b9d89;background:#69ac98}.fraction-ruler{margin-top:25px;padding-top:17px;border-top:1px solid #c8dfd7}.fraction-ruler>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.fraction-ruler>div{display:flex;align-items:flex-start;height:42px;margin-top:9px;border-bottom:2px solid #47786a}.fraction-ruler i{position:relative;display:block;flex:1 1;border-left:1px solid #47786a}.fraction-ruler em{position:absolute;top:26px;left:-3px;color:#52746b;font-size:9px;font-style:normal}.fraction-side small{display:block;margin-top:25px;color:#5b7a72;font-size:11px;line-height:1.6}.fraction-explainer{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;margin-top:70px}.fraction-explainer h2,.fraction-faq h2{margin:9px 0 13px}.fraction-explainer>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.fraction-explainer article{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff}.fraction-explainer h3{margin:0;font-size:13px}.fraction-explainer p,.fraction-faq p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.fraction-faq{margin-top:70px}.fraction-faq details{padding:15px 0;border-top:1px solid var(--line)}.fraction-faq details:last-child{border-bottom:1px solid var(--line)}.fraction-faq summary{cursor:pointer;font-weight:700}.fraction-related{margin-top:24px;font-size:13px;font-weight:800}.fraction-related a{color:var(--pine)}@media(max-width:850px){.fraction-explainer,.fraction-head,.fraction-workspace{grid-template-columns:1fr}.fraction-head aside{max-width:260px}.fraction-main{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:550px){.fraction-page{padding-top:28px}.fraction-head aside{display:none}.fraction-main,.fraction-side{padding:19px}.fraction-explainer>div:last-child,.fraction-results{grid-template-columns:1fr}.fraction-mode>div{display:grid;grid-template-columns:1fr 1fr}.fraction-mode button{width:100%}}.fraction-head h1{font-size:clamp(42px,5vw,64px)}.favicon-page{padding-top:42px}.favicon-head{display:grid;grid-template-columns:1fr 270px;gap:42px;align-items:end;margin-bottom:28px}.favicon-head h1{margin:10px 0 15px}.favicon-head .lede{margin:0}.favicon-head aside{padding:17px;border:1px solid #bcd9d2;border-radius:16px;background:#effaf6;color:var(--pine);font-size:12px}.favicon-head aside p{margin:7px 0 0;color:#326259}.favicon-workspace{display:grid;grid-template-columns:1fr 1fr .78fr;overflow:hidden;border:1px solid #cfd8d2;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.favicon-canvas,.favicon-editor,.favicon-preview{padding:24px;border-right:1px solid var(--line)}.favicon-source-tabs{display:flex;gap:6px;flex-wrap:wrap}.favicon-source-tabs button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px 10px;color:var(--muted);font-size:11px;font-weight:700}.favicon-source-tabs button.active{border-color:var(--pine);background:var(--pine);color:#fff}.favicon-upload{display:grid;place-items:center;min-height:120px;margin-top:20px;padding:16px;border:1px dashed #9bc9bd;border-radius:13px;background:#f3fbf7;color:var(--pine);text-align:center}.favicon-upload b,.favicon-upload span{display:block}.favicon-upload span{margin-top:5px;color:var(--muted);font-size:10px}.favicon-upload img{max-width:88px;max-height:88px}.favicon-upload input{margin-top:10px;font-size:11px}.favicon-text-field{display:grid;gap:7px;margin-top:20px;color:var(--ink);font-size:12px;font-weight:800}.favicon-text-field input{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;font-size:18px}.favicon-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.favicon-control-grid label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.favicon-control-grid input[type=color],.favicon-control-grid select{width:100%;height:39px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:4px 8px}.favicon-control-grid select{appearance:none;padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 15px,calc(100% - 14px) 15px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.favicon-control-grid input[type=range]{width:100%;accent-color:var(--pine)}.favicon-privacy{margin:20px 0 0;color:var(--muted);font-size:11px}.favicon-canvas{display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#f5fbf8,#fff)}.favicon-canvas>canvas{width:min(100%,310px);height:auto;margin:18px 0;padding:1px;background:#fff}.favicon-tiny{width:100%;padding-top:17px;border-top:1px solid #c8e0d9;font-size:11px}.favicon-tiny>button{float:right;border:0;background:transparent;color:var(--pine);font-size:11px;font-weight:700}.favicon-tiny>div{display:flex;justify-content:space-between;align-items:end;gap:7px;margin-top:12px}.favicon-tiny figure{display:grid;gap:5px;margin:0;text-align:center}.favicon-tiny canvas{width:35px;height:35px}.favicon-tiny figcaption{color:var(--muted);font-size:9px}.favicon-preview{position:relative;background:#f6faf7}.favicon-dark-toggle{position:absolute;top:22px;right:20px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:5px 7px;font-size:10px}.browser-chrome{display:flex;align-items:center;gap:8px;margin-top:24px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px}.browser-chrome.dark{background:#26302d;color:#fff}.browser-chrome i,.favicon-google i{display:grid;place-items:center;width:21px;height:21px;border-radius:5px;background:var(--pine);color:#fff;font-size:10px;font-style:normal;font-weight:800}.favicon-google{display:flex;gap:9px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.favicon-google b,.favicon-google p,.favicon-google small{display:block}.favicon-google p,.favicon-google small{color:var(--muted);font-size:9px}.favicon-google p{margin:3px 0 0}.favicon-score{margin-top:18px;padding:13px;border:1px solid #badbd2;border-radius:11px;background:#effaf6}.favicon-score span,.favicon-score strong{display:block}.favicon-score span{font-size:10px;color:var(--muted);font-weight:800}.favicon-score strong{margin-top:3px;color:var(--pine);font:600 38px/1 Georgia,serif}.favicon-score p{margin:7px 0 0;color:#4b7268;font-size:10px;line-height:1.5}.favicon-export{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:24px;border-top:1px solid var(--line);background:#fbfdf9}.favicon-export h2{margin:8px 0 5px;font-size:27px}.favicon-export p{margin:0;color:var(--muted);font-size:12px}.favicon-export small{grid-column:1/-1;color:var(--muted);font-size:11px}.favicon-install{grid-column:1/-1;padding-top:15px;border-top:1px solid var(--line)}.favicon-install>div{display:flex;gap:6px}.favicon-install button{border:0;background:transparent;padding:5px 7px;color:var(--muted);font-size:11px;font-weight:700}.favicon-install button.active{color:var(--pine);text-decoration:underline}.favicon-install pre{overflow:auto;margin:8px 0 0;padding:11px;border-radius:9px;background:#192522;color:#e6eee9;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.favicon-basics{display:grid;grid-template-columns:.72fr 1.28fr;gap:38px;margin-top:72px}.favicon-basics h2{margin:10px 0}.favicon-basic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.favicon-basic-grid article{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.favicon-basic-grid h3{margin:0 0 7px;font-size:14px}.favicon-basic-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.favicon-faq{margin-top:70px}.favicon-faq h2{margin:9px 0 20px}.favicon-faq details{padding:15px 0;border-top:1px solid var(--line)}.favicon-faq details:last-child{border-bottom:1px solid var(--line)}.favicon-faq summary{cursor:pointer;font-weight:700}.favicon-faq p{max-width:820px;margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.7}@media(max-width:1000px){.favicon-workspace{grid-template-columns:1fr 1fr}.favicon-preview{border-top:1px solid var(--line)}.favicon-export,.favicon-preview{grid-column:1/-1;border-right:0}.favicon-basics,.favicon-head{grid-template-columns:1fr}.favicon-head aside{max-width:340px}}@media(max-width:620px){.favicon-page{padding-top:28px}.favicon-workspace{grid-template-columns:1fr}.favicon-canvas,.favicon-editor,.favicon-preview{border-right:0;border-bottom:1px solid var(--line)}.favicon-basic-grid,.favicon-export{grid-template-columns:1fr}.favicon-export .primary-button{width:max-content}}.favicon-head.privacy-badge-head h1{margin:0 0 15px}.favicon-content{margin-top:72px}.favicon-content-card h3{margin:0 0 7px;color:var(--ink);font-size:14px;line-height:1.4}.favicon-content-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}@media (max-width:620px){.favicon-content{margin-top:54px}}.color-picker-page{padding-bottom:84px}.color-page-head{max-width:920px;margin-bottom:31px}.color-page-head h1{margin:0}.color-page-head .lede{max-width:820px;margin:13px 0 0}.color-privacy{max-width:760px;margin:13px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.color-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.color-main-panel,.color-output{padding:28px}.color-main-panel{border-right:1px solid var(--line)}.color-history,.color-image-head,.color-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.color-panel-title h2{margin:8px 0 0;font:600 32px/1 Georgia,serif;letter-spacing:-.04em}.color-preview-dot{flex:0 0 auto;width:46px;height:46px;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--line),0 7px 18px rgba(18,43,35,.12)}.color-main-panel .react-colorful{width:100%;height:260px;margin-top:25px}.color-main-panel .react-colorful__saturation{border-radius:14px 14px 0 0}.color-main-panel .react-colorful__alpha,.color-main-panel .react-colorful__hue{height:18px;margin-top:12px;border-radius:99px}.color-main-panel .react-colorful__pointer{width:20px;height:20px;border:3px solid #fff;box-shadow:0 0 0 1px rgba(21,45,38,.3)}.color-input-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:23px}.color-input-row label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.color-input-row input:not([type]),.color-input-row input[type=text]{width:100%;height:45px;border:1px solid var(--line);border-radius:10px;padding:0 12px;color:var(--ink);font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace}.color-input-row input[type=range]{width:100%;accent-color:var(--pine)}.color-input-row output{color:var(--pine);font-size:12px}.color-actions{display:flex;gap:10px;margin-top:23px}.color-output{min-width:0;background:linear-gradient(145deg,#f0faf6,#fff 72%)}.color-output>.eyebrow{color:var(--pine)}.color-output-preview{display:grid;gap:6px;min-height:118px;margin-top:15px;padding:20px;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.color-output-preview strong{font:600 29px/1 Georgia,serif;letter-spacing:-.04em}.color-output-preview span{font-size:11px;font-weight:700}.color-output dl{margin:24px 0 0;border-top:1px solid rgba(190,216,205,.86)}.color-output dl>div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid rgba(190,216,205,.86)}.color-output dt{padding-top:4px;color:var(--muted);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.color-output dd{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;margin:0}.color-output code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:11px}.color-output dd button{flex:0 0 auto;border:1px solid #b8d7ca;border-radius:7px;background:#fff;padding:5px 8px;color:var(--pine);font-size:10px;font-weight:700}.color-contrast{margin:18px 0 0;color:var(--muted);font-size:12px}.color-contrast strong{color:var(--ink)}.color-notice{margin:15px 0 0;padding:9px 10px;border:1px solid #bfdbcf;border-radius:9px;background:#fff;color:var(--pine);font-size:11px;line-height:1.5}.color-history,.color-image-section{grid-column:1/-1;padding:30px;border-top:1px solid var(--line)}.color-history h2,.color-image-head h2{margin:8px 0 0;font-size:25px;line-height:1.1}.color-history p,.color-image-head p{max-width:600px;margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.color-image-head>div:last-child{display:grid;justify-items:end;gap:8px;max-width:255px}.color-image-head small{color:var(--muted);font-size:10px;line-height:1.45;text-align:right}.color-drop-zone{display:flex;align-items:center;justify-content:center;gap:12px;min-height:92px;margin-top:23px;border:1px dashed #a8c9bb;border-radius:14px;background:#f7fcf9;color:var(--muted);font-size:12px}.color-drop-zone.is-dragging{border-color:var(--pine);background:#e8f7f0}.color-drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.color-sampling-canvas{display:none;max-width:100%;height:auto;margin-top:16px;border:1px solid var(--line);border-radius:13px;background:repeating-conic-gradient(#f5f5f5 0 25%,#fff 0 50%) 50%/14px 14px;cursor:crosshair}.color-sampling-canvas.is-ready{display:block}.color-sampled{display:flex;align-items:center;gap:8px;margin:12px 0 0;color:var(--muted);font-size:11px}.color-sampled span{width:18px;height:18px;border:1px solid var(--line);border-radius:50%}.color-palette{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.color-palette h3{margin:0;font-size:14px}.color-palette p{margin:5px 0 0;color:var(--muted);font-size:11px}.color-swatches{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.color-swatches button{position:relative;width:38px;height:38px;overflow:hidden;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--line);transition:transform .16s ease,box-shadow .16s ease}.color-swatches button:focus-visible,.color-swatches button:hover{z-index:1;transform:translateY(-3px);box-shadow:0 0 0 2px var(--pine)}.color-swatches span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.color-history{align-items:center;background:#fbfdfc}.color-history>div:first-child{max-width:520px}.color-history .color-swatches{margin-left:auto}@media(max-width:850px){.color-workspace{grid-template-columns:1fr}.color-main-panel{border-right:0;border-bottom:1px solid var(--line)}.color-history,.color-image-section{grid-column:auto}.color-history,.color-image-head{align-items:flex-start}.color-history{flex-direction:column}.color-history .color-swatches{margin-left:0}.color-picker-page{padding-bottom:60px}}@media(max-width:560px){.color-history,.color-image-section,.color-main-panel,.color-output{padding:20px 17px}.color-input-row{grid-template-columns:1fr}.color-image-head,.color-palette{align-items:flex-start;flex-direction:column}.color-image-head>div:last-child{justify-items:start}.color-image-head small{text-align:left}.color-palette .color-swatches{justify-content:flex-start}.color-drop-zone{flex-direction:column;padding:15px;text-align:center}.color-main-panel .react-colorful{height:230px}.color-output dl>div{grid-template-columns:48px minmax(0,1fr)}}.color-faq,.color-formats,.color-guide,.color-related{margin-top:76px}.color-guide{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:50px;padding:31px;border:1px solid #c9dad2;border-radius:20px;background:linear-gradient(135deg,#edf9f5,#fff)}.color-faq .section-heading h2,.color-formats .section-heading h2,.color-guide .section-heading h2,.color-related .section-heading h2{margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.12}.color-guide ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.color-guide li{display:grid;grid-template-columns:43px minmax(0,1fr);gap:13px;padding:17px 0;border-top:1px solid #c9ded5}.color-guide li:last-child{border-bottom:1px solid #c9ded5}.color-guide li>span{color:var(--pine);font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.color-formats h3,.color-guide h3,.color-related h3{margin:0;font-size:15px}.color-faq p,.color-formats p,.color-guide p,.color-related p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.color-formats>div:last-child,.color-related>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.color-formats article,.color-related a{display:block;min-width:0;padding:19px;border:1px solid #cadbd3;border-radius:14px;background:#fff}.color-formats h3{color:var(--pine)}.color-related a{color:inherit;text-decoration:none;transition:border-color .16s ease,transform .16s ease}.color-related a:focus-visible,.color-related a:hover{border-color:#7fac9c;transform:translateY(-2px)}.color-related span{display:block;margin-top:15px;color:var(--pine);font-size:11px;font-weight:700}.color-faq{display:grid;grid-template-columns:minmax(210px,.62fr) minmax(0,1.38fr);gap:50px}.color-faq>div:last-child{border-bottom:1px solid var(--line)}.color-faq details{border-top:1px solid var(--line)}.color-faq summary{padding:18px 0;cursor:pointer;color:var(--ink);font-size:14px;font-weight:700}.color-faq p{padding:0 0 18px}@media(max-width:760px){.color-faq,.color-guide{grid-template-columns:1fr;gap:25px}.color-guide{padding:23px}.color-faq,.color-formats,.color-guide,.color-related{margin-top:55px}.color-formats>div:last-child,.color-related>div:last-child{grid-template-columns:1fr}}@media(max-width:560px){.color-guide{padding:20px 17px}}.color-page-head.privacy-badge-head{max-width:none}.color-page-head.privacy-badge-head h1{margin:0 0 13px}.color-picker-content{margin-top:72px}.color-picker-formats-grid,.color-picker-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}@media(max-width:800px){.color-picker-content{margin-top:54px}.color-picker-formats-grid,.color-picker-guide-grid{grid-template-columns:minmax(0,1fr)}}.rgb-page{padding-bottom:80px}.rgb-page-head{max-width:860px;margin-bottom:30px}.rgb-page-head h1{margin:0}.rgb-page-head .lede{margin:13px 0 0}.rgb-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.rgb-controls,.rgb-values{padding:28px}.rgb-controls{border-right:1px solid var(--line)}.rgb-preview{display:grid;gap:7px;min-height:108px;margin-top:15px;padding:20px;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.rgb-preview strong{font:600 31px/1 Georgia,serif}.rgb-preview span{font-size:11px;font-weight:700}.rgb-channel-list{display:grid;gap:14px;margin-top:23px}.rgb-channel-list label{display:grid;grid-template-columns:1fr 72px;gap:9px;align-items:center}.rgb-channel-list label>span{display:flex;grid-column:1/-1;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:700}.rgb-channel-list label>b{color:var(--ink)}.rgb-channel-list input[type=range]{width:100%;accent-color:var(--pine)}.rgb-channel-list input[type=number],.rgb-hex input{height:38px;border:1px solid var(--line);border-radius:8px;padding:0 9px;color:var(--ink);font:600 12px ui-monospace,SFMono-Regular,monospace}.rgb-hex{display:grid;gap:7px;margin-top:22px;color:var(--muted);font-size:11px;font-weight:700}.rgb-actions{display:flex;gap:10px;margin-top:20px}.rgb-values{background:linear-gradient(145deg,#effaf6,#fff 72%)}.rgb-values>.eyebrow{color:var(--pine)}.rgb-values>div{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #cde0d7}.rgb-values>div:first-of-type{margin-top:14px;border-top:1px solid #cde0d7}.rgb-values strong{color:var(--muted);font:700 10px ui-monospace,SFMono-Regular,monospace}.rgb-values code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.rgb-values button{border:1px solid #b8d7ca;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:700}.rgb-values button,.rgb-values p{background:#fff;color:var(--pine)}.rgb-values p{margin:14px 0 0;padding:9px;border-radius:8px;font-size:11px}.rgb-bottom{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:26px 28px;border-top:1px solid var(--line)}.rgb-preset-list,.rgb-ramp{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.rgb-preset-list button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;background:#fff;padding:6px 9px;color:var(--ink);font-size:10px}.rgb-preset-list i{width:12px;height:12px;border:1px solid rgba(0,0,0,.15);border-radius:50%}.rgb-ramp button{width:36px;height:36px;overflow:hidden;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--line)}.rgb-ramp span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.rgb-recent small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.rgb-faq,.rgb-guide{margin-top:74px}.rgb-guide{padding:30px;border:1px solid #c9dad2;border-radius:20px;background:linear-gradient(135deg,#edf9f5,#fff)}.rgb-faq h2,.rgb-guide h2{margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.12}.rgb-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px}.rgb-guide article{padding:18px;border:1px solid #c9dad2;border-radius:14px;background:#fff}.rgb-guide h3{margin:0;color:var(--pine);font-size:14px}.rgb-faq p,.rgb-guide p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.rgb-faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:48px}.rgb-faq>div:last-child{border-bottom:1px solid var(--line)}.rgb-faq details{border-top:1px solid var(--line)}.rgb-faq summary{padding:18px 0;cursor:pointer;font-size:14px;font-weight:700}.rgb-faq p{padding-bottom:18px}@media(max-width:800px){.rgb-workspace{grid-template-columns:1fr}.rgb-controls{border-right:0;border-bottom:1px solid var(--line)}.rgb-bottom{grid-column:auto}.rgb-bottom,.rgb-faq,.rgb-guide>div{grid-template-columns:1fr}.rgb-faq{gap:24px}}@media(max-width:560px){.rgb-bottom,.rgb-controls,.rgb-values{padding:20px 17px}.rgb-channel-list label{grid-template-columns:1fr 60px}.rgb-faq,.rgb-guide{margin-top:54px}.rgb-guide{padding:20px 17px}}.rgb-page-head.privacy-badge-head{max-width:none}.rgb-page-head.privacy-badge-head h1{margin:0 0 13px}.rgb-content{margin-top:72px}.rgb-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width:800px){.rgb-content{margin-top:54px}.rgb-guide-grid{grid-template-columns:minmax(0,1fr)}}.privacy-badge{position:relative;align-self:center;display:inline-flex;width:max-content;max-width:100%;color:var(--pine-dark)}.privacy-badge>button{display:inline-flex;align-items:center;min-height:44px;max-width:100%;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:inherit;font-size:14.5px;font-weight:700;line-height:1.2;text-align:left;transition:border-color .18s ease}.privacy-badge.is-open>button,.privacy-badge>button:focus-visible,.privacy-badge>button:hover{border-color:var(--pine)}.privacy-badge>button svg{width:18px;height:18px;flex:none;color:var(--pine)}.privacy-badge__detail{position:absolute;right:0;bottom:calc(100% + 12px);z-index:3;width:min(320px,calc(100vw - 40px));margin:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow);color:var(--muted);font-size:14px;font-weight:400;line-height:1.6;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;visibility:hidden}.privacy-badge.is-open .privacy-badge__detail,.privacy-badge:focus-within .privacy-badge__detail,.privacy-badge:hover .privacy-badge__detail{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.privacy-badge.is-dismissed .privacy-badge__detail{opacity:0;pointer-events:none;transform:translateY(4px);visibility:hidden}.privacy-badge-head{display:block}.privacy-badge-head .hero-description{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;width:100%}.privacy-badge-head .hero-description .lede{max-width:none;margin:0}.privacy-badge-head .hero-description .privacy-badge{align-self:start;justify-self:end}@media (max-width:850px){.privacy-badge{align-self:start}.privacy-badge-head .hero-description{grid-template-columns:1fr;gap:14px}.privacy-badge-head .hero-description .privacy-badge{justify-self:start}}.wheel-page{padding-bottom:82px}.wheel-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.wheel-stage{position:relative;display:grid;place-items:center;min-height:510px;padding:55px 30px 40px;background:radial-gradient(circle at 50% 45%,#fff 0 30%,#edf9f5 72%,#d7eee5)}.decision-wheel{position:relative;width:min(100%,390px);aspect-ratio:1;border:10px solid #fff;border-radius:50%;box-shadow:0 18px 0 rgba(11,92,80,.12),0 28px 48px rgba(23,37,32,.18);transition:transform 4s cubic-bezier(.09,.72,.13,1);will-change:transform}.wheel-label{position:absolute;top:50%;left:50%;width:46%;transform-origin:0 0;color:#172520;font:800 clamp(17px,3vw,28px)/1 Georgia,serif;text-align:right}.wheel-pointer{position:absolute;z-index:2;top:45px;width:0;height:0;border-right:19px solid transparent;border-left:19px solid transparent;border-top:39px solid #172520;filter:drop-shadow(0 3px 0 rgba(255,255,255,.65))}.wheel-fairness{position:absolute;bottom:17px;max-width:390px;margin:0;color:#477069;font-size:11px;line-height:1.45;text-align:center}.wheel-controls{display:flex;flex-direction:column;padding:33px;background:linear-gradient(155deg,#fff,#fbfdfc)}.wheel-controls>label{display:grid;gap:8px;color:var(--ink);font-size:12px;font-weight:700}.wheel-controls input{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;background:#fff;color:var(--ink)}.wheel-controls fieldset{display:flex;gap:8px;margin:25px 0 0;padding:0;border:0}.wheel-controls legend{margin-bottom:9px;color:var(--muted);font-size:11px;font-weight:700}.wheel-controls fieldset button,.wheel-sound,.wheel-templates button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 10px;color:var(--muted);font-size:11px;font-weight:700}.wheel-controls fieldset button.active{border-color:var(--pine);background:#e9f6ef;color:var(--pine)}.wheel-actions{display:flex;gap:10px;margin-top:25px}.wheel-actions .primary-button{flex:1 1}.wheel-sound{align-self:flex-start;margin-top:13px}.wheel-result{display:grid;min-height:178px;align-content:center;margin-top:22px;padding:20px;border:1px solid #c7ddd5;border-radius:14px;background:#f4fbf8;text-align:center}.wheel-result>span{color:var(--muted);font-size:11px;font-weight:700}.wheel-result strong{margin-top:5px;color:var(--pine);font:800 45px/1 Georgia,serif}.wheel-result p{margin:10px auto 0;color:var(--muted);font-size:13px;line-height:1.55}.wheel-result .secondary-button{justify-self:center;margin-top:14px}.wheel-templates{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:18px 28px;border-top:1px solid var(--line);background:#fcfdfc}.wheel-templates .eyebrow{margin-right:8px}.wheel-workspace+[data-pine-paper-section]{margin-top:72px}.wheel-shared-steps,.wheel-shared-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.wheel-shared-steps [data-pine-paper-content-card],.wheel-shared-uses [data-pine-paper-content-card]{min-height:0}@media(max-width:780px){.wheel-workspace{grid-template-columns:1fr}.wheel-stage{min-height:420px;padding:44px 25px 38px}.wheel-templates{grid-column:auto;flex-wrap:wrap;padding:18px}.wheel-workspace+[data-pine-paper-section]{margin-top:54px}.wheel-shared-steps,.wheel-shared-uses{grid-template-columns:1fr}.wheel-controls{padding:24px}.wheel-pointer{top:34px}}@media(max-width:500px){.wheel-stage{min-height:365px;padding:40px 17px 34px}.decision-wheel{width:min(100%,310px)}.wheel-pointer{top:27px}.wheel-label{font-size:17px}.wheel-actions{flex-wrap:wrap}.wheel-actions .primary-button{min-width:100%}.wheel-templates button{font-size:10px}.wheel-result strong{font-size:38px}}.wheel-page .tool-head h1{font-size:clamp(38px,3vw,44px);line-height:1.05}.wheel-uses{display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;margin-top:70px}.wheel-faq h2,.wheel-uses h2{margin:10px 0;font-size:clamp(26px,2.2vw,34px);line-height:1.15;letter-spacing:-.04em}.wheel-uses>div>p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.wheel-use-list{display:grid;gap:10px}.wheel-use-list article{padding:17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.7)}.wheel-use-list h3{margin:0 0 6px;font-size:15px}.wheel-use-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.wheel-related{margin-top:50px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#f5f8f3}.wheel-related h2{margin:0 0 8px;font-size:25px}.wheel-related p{margin:0;color:var(--muted);font-size:13px}.wheel-related nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.wheel-related a{padding:9px 12px;border:1px solid #c9dad3;border-radius:9px;background:#fff;color:var(--pine);font-size:12px;font-weight:700}.wheel-related a:hover{border-color:#82b4a6;background:#ecf8f3}@media(max-width:780px){.wheel-uses{grid-template-columns:1fr;gap:22px;margin-top:54px}.wheel-related{margin-top:38px;padding:22px}}.scanner-page{padding-bottom:82px}.scanner-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.scanner-input,.scanner-output{padding:30px}.scanner-input{border-right:1px solid var(--line)}.scanner-actions,.scanner-result-actions{display:flex;gap:10px;flex-wrap:wrap}.scanner-file{position:absolute;width:1px;height:1px;opacity:0}.scanner-permission,.scanner-private{margin:15px 0;color:var(--muted);font-size:11px;line-height:1.55}.scanner-view{position:relative;display:grid;min-height:320px;margin-top:18px;overflow:hidden;border:1px dashed #9fc8bb;border-radius:15px;background:#eff9f4}.scanner-view>button{display:grid;place-items:center;gap:8px;border:0;background:transparent;color:var(--pine);font:700 16px Georgia,serif;cursor:pointer}.scanner-view small{color:var(--muted);font:400 11px system-ui,sans-serif}.scanner-view video{width:100%;height:100%;object-fit:cover}.scanner-loading{position:absolute;right:14px;bottom:14px;padding:8px 10px;border-radius:999px;background:#172520;color:#fff;font-size:11px}.scanner-notice{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:11px;border:1px solid #ecc8bb;border-radius:9px;background:#fff8f4;color:#87513d;font-size:12px}.scanner-notice button{border:0;background:transparent;color:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.scanner-output{display:grid;align-content:center;background:linear-gradient(145deg,#f3fbf7,#fff)}.scanner-output>p{color:var(--muted);font-size:14px}.scanner-output h2{margin:8px 0 0;font-size:28px}.scanner-format{margin:8px 0;color:var(--pine);font-size:11px;font-weight:700}.scanner-output code{display:block;overflow-wrap:anywhere;margin-top:14px;border:1px solid #c6ddd4;background:#fff;color:var(--ink);line-height:1.55}.scanner-output code,.scanner-warnings{padding:13px;border-radius:10px;font-size:12px}.scanner-warnings{margin-top:16px;background:#fff3ec;color:#864b36}.scanner-warnings p{margin:7px 0 0}.scanner-result-actions{margin-top:18px}.scanner-result-actions a{text-decoration:none}.scanner-reading{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:72px}.scanner-reading article{padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff}.scanner-reading article:first-child{border-top:3px solid #c8ee62}.scanner-reading h2{margin:0;font-size:19px}.scanner-faq p,.scanner-reading p{color:var(--muted);font-size:13px;line-height:1.7}.scanner-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;margin-top:76px;margin-bottom:50px}.scanner-faq h2{margin:10px 0}.scanner-faq details{padding:18px 0;border-top:1px solid var(--line)}.scanner-faq details:last-child{border-bottom:1px solid var(--line)}.scanner-faq summary{font-size:15px;font-weight:700;cursor:pointer}.scanner-faq p{margin:10px 0 0}@media(max-width:760px){.scanner-workspace{grid-template-columns:1fr}.scanner-input{border-right:0;border-bottom:1px solid var(--line)}.scanner-faq,.scanner-reading{grid-template-columns:1fr;margin-top:54px}.scanner-faq{gap:22px}.scanner-input,.scanner-output{padding:22px}.scanner-view{min-height:270px}}@media(max-width:460px){.scanner-actions .primary-button,.scanner-actions .secondary-button{flex:1 1}.scanner-result-actions>*{width:100%;text-align:center}.scanner-notice{flex-direction:column}}.scanner-page .tool-head h1{font-size:clamp(38px,3vw,44px);line-height:1.05}.scanner-permission{color:#7c8984}.scanner-view.is-dragging{border-style:solid;border-color:#4d9b88;background:#e2f5ee;box-shadow:inset 0 0 0 3px rgba(77,155,136,.12)}.scanner-view>button{padding:26px}.scanner-upload-icon{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.scanner-empty{max-width:330px}.scanner-empty h2{margin:10px 0 9px;font-size:26px}.scanner-empty p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.scanner-empty ul{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none}.scanner-empty li{position:relative;padding-left:17px;color:#547067;font-size:12px}.scanner-empty li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--lime)}.scanner-guide{display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;margin-top:70px}.scanner-faq h2,.scanner-guide h2{margin:10px 0;font-size:clamp(26px,2.2vw,34px);line-height:1.15;letter-spacing:-.04em}.scanner-guide>div>p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.scanner-guide-list{display:grid;gap:10px}.scanner-guide-list article{padding:17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.7)}.scanner-guide-list h3{margin:0 0 6px;font-size:15px}.scanner-guide-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.scanner-related{margin-top:50px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#f5f8f3}.scanner-related h2{margin:0 0 8px;font-size:25px}.scanner-related p{margin:0;color:var(--muted);font-size:13px}.scanner-related nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.scanner-related a{padding:9px 12px;border:1px solid #c9dad3;border-radius:9px;background:#fff;color:var(--pine);font-size:12px;font-weight:700}.scanner-related a:hover{border-color:#82b4a6;background:#ecf8f3}@media(max-width:760px){.scanner-guide{grid-template-columns:1fr;gap:22px;margin-top:54px}.scanner-related{margin-top:38px;padding:22px}.scanner-empty{max-width:none}}.m3u8-page{padding:78px 0 96px;background:radial-gradient(circle at 90% 4%,#dff2e9 0,transparent 23rem),#fbfaf5}.m3u8-head{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:end;margin-bottom:36px}.m3u8-head h1{margin:12px 0;font-size:clamp(2.65rem,6vw,5.4rem);letter-spacing:-.07em}.m3u8-head .lede{max-width:800px;font-size:1.18rem;line-height:1.7}.m3u8-head aside{padding:23px;border:1px solid #bed4ca;border-radius:22px;background:#fffdf6;color:#41645b}.m3u8-head aside p{font-size:.88rem;line-height:1.5}.m3u8-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:18px}.m3u8-controls,.m3u8-player,.m3u8-xray{border:1px solid #cbd9d2;border-radius:24px;background:#fff;padding:25px}.m3u8-base input,.m3u8-controls label{display:grid;gap:9px;font-weight:700;color:#214f49}.m3u8-base input,.m3u8-controls input{width:100%;box-sizing:border-box;border:1px solid #b7cbc2;border-radius:13px;padding:14px 15px;font:inherit}.m3u8-actions,.m3u8-bottom-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.m3u8-controls input.m3u8-file{position:absolute;width:1px;height:1px;min-width:0;padding:0;border:0;opacity:0;pointer-events:none}.m3u8-private{color:#4d7067;font-size:.88rem;line-height:1.55}.m3u8-base{margin-top:15px;padding:14px;border-radius:14px;background:#f0f7f3}.m3u8-base p{margin-top:0;font-weight:700}.m3u8-base button{margin-top:10px}.m3u8-player{grid-row:span 2}.m3u8-video{position:relative;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#123d39,#205d57);display:grid;place-items:center;color:#d5eee2}.m3u8-video video{width:100%;height:100%;object-fit:contain}.m3u8-video p{position:absolute;z-index:0}.m3u8-video video~p{display:none}.m3u8-status{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.m3u8-status span{padding:6px 9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;background:#eef5f1;color:#426960;font-size:.78rem}.m3u8-quality{display:flex;align-items:center;gap:10px;font-weight:700}.m3u8-quality select{border:1px solid #bdd0c6;border-radius:9px;padding:7px;background:#fff}.m3u8-issue{margin-top:16px;border-left:4px solid #e48c69;background:#fff5ef;padding:13px 15px;color:#6a4437}.m3u8-issue p{margin:7px 0;line-height:1.45}.m3u8-xray{grid-column:2;grid-row:1}.m3u8-xray h2{font-size:1.2rem;margin:10px 0}.m3u8-xray h3{font-size:.92rem;margin:22px 0 6px}.m3u8-xray dl{margin:0}.m3u8-xray dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e3ece7;padding:8px 0}.m3u8-xray dt{color:#58786f}.m3u8-xray dd{margin:0;text-align:right;font-weight:700}.m3u8-xray ul{padding-left:20px;font-size:.83rem;color:#56736a}.m3u8-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.m3u8-guide article{padding:22px;border-radius:18px;background:#edf6f1}.m3u8-guide h3{margin:0}.m3u8-faq p,.m3u8-guide p{line-height:1.6;color:#527168}.m3u8-faq{margin-top:60px;max-width:850px}.m3u8-faq h2{font-size:clamp(1.7rem,3vw,2.5rem)}.m3u8-faq details{border-top:1px solid #c8d8d0;padding:17px 0}.m3u8-faq summary{cursor:pointer;font-weight:700}.m3u8-related{margin-top:25px}.m3u8-related a{color:#096a61}@media(max-width:850px){.m3u8-page{padding-top:42px}.m3u8-head,.m3u8-workspace{grid-template-columns:1fr}.m3u8-head{gap:20px}.m3u8-player,.m3u8-xray{grid-row:auto}.m3u8-xray{grid-column:auto}.m3u8-guide-grid{grid-template-columns:1fr}.m3u8-controls,.m3u8-player,.m3u8-xray{padding:18px;border-radius:18px}}.m3u8-private{display:flex;align-items:center;gap:7px}.m3u8-private svg{width:15px;height:15px;flex:none}.m3u8-knowledge,.m3u8-use-cases{margin-top:70px}.m3u8-use-cases{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px}.m3u8-knowledge h2,.m3u8-use-cases h2{margin:9px 0 16px}.m3u8-use-cases>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.m3u8-use-cases article{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.m3u8-use-cases h3{margin:0;font-size:15px}.m3u8-knowledge>p,.m3u8-use-cases p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.m3u8-knowledge{max-width:760px}.m3u8-source{font-size:13px!important}.m3u8-source a{color:var(--pine);font-weight:700}.m3u8-faq-title{margin:30px 0 0;font-size:17px}.m3u8-faq-knowledge-title{margin-top:34px;border-top:1px solid var(--line);padding-top:28px}@media(max-width:850px){.m3u8-use-cases,.m3u8-use-cases>div:last-child{grid-template-columns:1fr}.m3u8-knowledge,.m3u8-use-cases{margin-top:52px}}.m3u8-page{padding:54px 0 76px;background:transparent}.m3u8-page .tool-head h1{font-size:clamp(38px,3vw,44px);line-height:1.05}.m3u8-workspace{grid-template-columns:minmax(0,1fr)}.m3u8-player{grid-row:auto}.m3u8-quality{margin-top:16px}.m3u8-quality select{appearance:none;min-width:116px;padding:8px 42px 8px 12px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23182422' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:12px 8px}.m3u8-guide{display:block;margin-top:56px}.m3u8-faq h2,.m3u8-guide>div:first-child h2{margin:10px 0;font-size:clamp(26px,2.2vw,34px);line-height:1.15;letter-spacing:-.04em}.m3u8-guide>div:first-child p{margin:0;max-width:880px;color:var(--muted);font-size:14px;line-height:1.75}.m3u8-guide-grid{margin-top:24px}.m3u8-faq{max-width:none}.m3u8-related{margin-top:48px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#f5f8f3}.m3u8-related h2{margin:0 0 8px;font-size:25px}.m3u8-related p{margin:0;color:var(--muted);font-size:13px}.m3u8-related nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.m3u8-related a{padding:9px 12px;border:1px solid #c9dad3;border-radius:9px;background:#fff;color:var(--pine);font-size:12px;font-weight:700}.m3u8-related a:hover{border-color:#82b4a6;background:#ecf8f3}@media(max-width:850px){.m3u8-page{padding-top:42px}.m3u8-related{margin-top:38px;padding:22px}}.bmi-head h1,.calorie-head h1,.case-head h1,.currency-head h1,.favicon-head h1,.fraction-head h1,.markdown-head h1,.mortgage-head h1,.percentage-head h1,.tip-head h1,.tool-head h1,.unit-head h1,.validator-head h1{font-size:clamp(38px,3vw,44px)}@media (min-width:851px){.site-header.is-floating .header-actions{gap:8px;flex:none}.site-header.is-floating .all-tools-trigger,.site-header.is-floating .language-trigger{width:38px;height:38px;padding:0;align-items:center;justify-content:center}.site-header.is-floating .language-trigger{display:flex}.site-header.is-floating .all-tools-label,.site-header.is-floating .all-tools-trigger:before,.site-header.is-floating .language-current,.site-header.is-floating .language-trigger .nav-chevron{display:none}.site-header.is-floating .all-tools-icon{display:block}}.barcode-units{grid-column:1/-1;display:flex;gap:5px;margin-top:15px}.barcode-units button{min-width:42px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:10px;font-weight:700}.barcode-units button.is-active{border-color:#79ad9d;background:#e8f5ef;color:var(--pine)}.barcode-page .tool-head{display:block;margin-bottom:28px}.barcode-page .tool-head h1{font-size:clamp(38px,3vw,44px);line-height:1.05}.barcode-page .tool-head .lede{max-width:820px}.barcode-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);overflow:hidden;border:1px solid #c7d8d1;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.barcode-controls,.barcode-preview{min-width:0;padding:28px}.barcode-controls{border-right:1px solid var(--line)}.barcode-control-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:22px}.barcode-control-head p{max-width:380px;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.barcode-coach{min-height:38px;padding:8px 11px;white-space:nowrap;font-size:11px}.barcode-controls>label,.barcode-customize label{display:grid;gap:7px;margin-top:16px;color:var(--ink);font-size:11px;font-weight:700}.barcode-controls input,.barcode-controls select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:9px;padding:10px 42px 10px 11px;background-color:#fff;color:var(--ink)}.barcode-controls input[type=color]{padding:4px}.barcode-controls select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.barcode-link{margin-top:9px;padding:0;border:0;background:transparent;color:var(--pine);font-size:11px;font-weight:700;text-align:left}.barcode-validation{margin:10px 0 0;font-size:11px;line-height:1.55}.barcode-validation.valid{color:#2a6931}.barcode-validation.error{color:var(--danger)}.barcode-validation.warning{color:#8b6724}.barcode-customize{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.barcode-customize summary{padding:15px 0;cursor:pointer;color:var(--pine);font-weight:700;font-size:13px}.barcode-customize-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:0 0 18px}.barcode-customize-grid input{padding-right:11px}.barcode-toggle{grid-column:1/-1;display:flex!important;align-items:center;gap:8px;margin-top:20px!important;font-size:12px!important}.barcode-toggle input{width:17px!important;min-height:17px!important;padding:0!important}.barcode-disclaimer,.barcode-print-hint,.barcode-private{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.barcode-preview{background:linear-gradient(145deg,#edf9f5,#fff 74%)}.barcode-preview>.eyebrow{margin-bottom:15px}.barcode-canvas{display:grid;min-height:246px;place-items:center;padding:24px;border:1px solid #c7ddd5;border-radius:16px;background:#fff}.barcode-canvas img{display:block;max-width:100%;height:auto}.barcode-canvas p{max-width:270px;margin:0;color:var(--muted);font-size:12px;text-align:center}.barcode-summary{display:inline-flex;margin:17px 0 0;padding:6px 9px;border-radius:999px;background:#e8f5e2;color:#2a6931;font:700 10px monospace}.barcode-summary.warning{background:#fff4df;color:#8b6724}.barcode-checks{margin-top:18px}.barcode-checks h2{margin:0 0 8px;font:700 13px Arial,sans-serif;letter-spacing:0}.barcode-check{display:grid;grid-template-columns:132px 1fr;gap:8px;padding:10px 0;border-top:1px solid rgba(199,216,209,.8);font-size:10px;line-height:1.5}.barcode-check b{color:var(--pine)}.barcode-check span{color:var(--muted)}.barcode-check.warning b{color:#8b6724}.barcode-check.error b{color:var(--danger)}.barcode-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.barcode-actions .primary-button,.barcode-actions .secondary-button{min-height:38px;padding:9px 11px;font-size:11px}.barcode-actions button:disabled{cursor:not-allowed;opacity:.45}.barcode-disclaimer{padding:10px 11px;border-left:3px solid #b9d8ce;background:rgba(255,255,255,.68)}.barcode-toast{position:fixed;top:80px;left:50%;z-index:60;transform:translateX(-50%);padding:11px 15px;border:1px solid #bcd9d2;border-radius:10px;background:#effaf6;color:#24564c;box-shadow:var(--shadow);font-size:12px;font-weight:700}.barcode-coach-dialog{width:min(540px,calc(100% - 32px));border:1px solid #bfd9d0;border-radius:18px;padding:28px;background:#fff;box-shadow:0 24px 70px rgba(19,37,31,.24)}.barcode-coach-dialog::backdrop{background:rgba(18,37,31,.34)}.barcode-coach-dialog h2{margin:11px 0 19px;font-size:29px}.barcode-coach-dialog>div{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.barcode-coach-dialog>div button{display:flex;flex-direction:column;align-items:start;gap:5px;min-height:72px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:12px;font-weight:700;text-align:left}.barcode-coach-dialog>div button:hover{border-color:#8ebead;background:#effaf6}.barcode-coach-dialog small{color:var(--pine);font:500 10px monospace}.barcode-dialog-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1}.barcode-page .privacy-badge-head .hero-description .lede{max-width:none}.barcode-workspace+[data-pine-paper-section]{margin-top:72px}.barcode-shared-formats,.barcode-shared-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.barcode-shared-formats [data-pine-paper-content-card],.barcode-shared-steps [data-pine-paper-content-card]{min-height:0}.barcode-developer,.barcode-faq,.barcode-info,.barcode-related{margin-top:66px}.barcode-info{padding:27px;border:1px solid #c7ddd5;border-radius:18px;background:linear-gradient(135deg,#effaf6,#fff)}.barcode-developer h2,.barcode-faq h2,.barcode-info h2,.barcode-related h2{margin:10px 0 13px;font-size:clamp(24px,3vw,34px);line-height:1.08}.barcode-developer p,.barcode-faq p,.barcode-info p,.barcode-related p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.barcode-format-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.barcode-format-grid p{padding:13px;border:1px solid #d3e4dc;border-radius:11px;background:rgba(255,255,255,.75)}.barcode-format-grid b,.barcode-format-grid span{display:block}.barcode-format-grid b{color:var(--pine);font-size:12px}.barcode-format-grid span{margin-top:5px;font-size:11px}.barcode-info-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#fff}.barcode-faq{max-width:none}.barcode-faq details{padding:16px 0;border-top:1px solid var(--line)}.barcode-faq details:last-child{border-bottom:1px solid var(--line)}.barcode-faq summary{font-size:14px;font-weight:700;cursor:pointer}.barcode-developer{padding:24px;border-left:4px solid #b9d8ce;background:#eef7f3}.barcode-developer a{color:var(--pine);font-weight:700}.barcode-related{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff}.barcode-related .secondary-button{margin-top:18px;font-size:12px}.barcode-related p+p{margin-top:9px}.barcode-related a:not(.secondary-button){color:var(--pine);font-weight:700}@media(max-width:850px){.barcode-workspace{grid-template-columns:1fr}.barcode-controls{border-right:0;border-bottom:1px solid var(--line)}.barcode-preview{padding-top:25px}.barcode-format-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.barcode-page .tool-head h1{font-size:38px}.barcode-controls,.barcode-preview{padding:20px 17px}.barcode-control-head{display:grid}.barcode-check,.barcode-customize-grid,.barcode-format-grid,.barcode-info-split,.barcode-related,.barcode-shared-formats,.barcode-shared-steps{grid-template-columns:1fr}.barcode-check{gap:2px}.barcode-coach-dialog>div{grid-template-columns:1fr}.barcode-info{padding:21px 17px}.barcode-workspace+[data-pine-paper-section]{margin-top:54px}.barcode-developer,.barcode-faq,.barcode-info,.barcode-related{margin-top:50px}}.world-page{padding-bottom:96px}.world-page .tool-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:32px;align-items:end;margin-bottom:28px}.world-page .tool-head h1{margin:0 0 14px}.world-page .tool-head .lede{margin:0;max-width:760px}.world-page .privacy-chip{justify-self:end;width:100%;padding:14px 16px;border:1px solid #c7ddd5;border-radius:14px;background:linear-gradient(145deg,#f0faf6,#fff);color:var(--pine)}.world-page .privacy-chip summary{cursor:pointer;font-size:12px;font-weight:800;list-style:none}.world-page .privacy-chip summary::-webkit-details-marker{display:none}.world-page .privacy-chip summary:after{float:right;content:"+";font:500 20px/1 Georgia,serif}.world-page .privacy-chip[open] summary:after{content:"−"}.world-page .privacy-chip p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.world-workspace{margin-top:32px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.world-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}.world-toolbar>label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.world-toolbar input:not([type=checkbox]){width:100%;min-height:48px;border:1px solid #bdcec7;border-radius:11px;background:#fff;padding:12px 14px;color:var(--ink);outline:none}.world-toolbar input:not([type=checkbox]):focus{border-color:var(--pine);box-shadow:0 0 0 3px rgba(15,90,81,.12)}.world-switches{display:flex;gap:9px;flex-wrap:wrap}.world-switches label{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--ink);font-size:12px;font-weight:700;white-space:nowrap}.world-switches input{accent-color:var(--pine)}.city-results{position:relative;z-index:2;display:grid;gap:2px;max-width:720px;margin:8px 0 0;padding:6px;list-style:none;border:1px solid #cbd8d2;border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(28,41,36,.08)}.city-results button{display:grid;width:100%;gap:2px;border:0;border-radius:8px;background:transparent;padding:10px 12px;color:var(--ink);text-align:left}.city-results button:hover{background:#eff7f3}.city-results span{color:var(--muted);font-size:12px}.popular-cities{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 12px}.popular-cities>span{margin-right:3px;color:var(--muted);font-size:12px;font-weight:800}.popular-cities button{min-height:32px;border:1px solid #c8d5cf;border-radius:999px;background:#fff;padding:6px 11px;color:var(--pine);font-size:12px;font-weight:700}.popular-cities button:hover:not(:disabled){border-color:#7eab9c;background:#eef8f3}.popular-cities button:disabled{opacity:.48;cursor:not-allowed}.world-selection-count{margin:16px 0;color:var(--muted);font-size:12px;font-weight:700}.world-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.world-card{min-width:0;padding:19px;border:1px solid var(--line);border-radius:17px;background:#fbfdfb;box-shadow:0 4px 13px rgba(28,41,36,.04)}.world-card.state-night{border-color:#233e3b;background:linear-gradient(145deg,#153c38,#0d2827);color:#fff}.world-card.state-evening{background:linear-gradient(145deg,#fff8e8,#fff)}.world-card-top{display:flex;justify-content:space-between;gap:10px}.world-card-top>div{min-width:0}.world-card p{margin:0}.world-card-top p{overflow:hidden;font-size:10px;font-weight:800;letter-spacing:.06em;opacity:.7;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.world-card h2{margin:4px 0 0;font-family:Arial,sans-serif;font-size:17px;line-height:1.2;letter-spacing:-.03em}.card-actions{display:flex;gap:4px;flex:none}.card-actions button{display:grid;place-items:center;width:30px;height:30px;border:1px solid;border-radius:8px;background:transparent;color:inherit;font-size:16px;line-height:1}.card-actions button:hover{background:rgba(15,90,81,.1)}.state-night .card-actions button:hover{background:rgba(255,255,255,.13)}.world-time{display:block;margin:25px 0 3px;font-family:Georgia,serif;font-size:clamp(30px,2.5vw,38px);font-weight:700;letter-spacing:-.055em;line-height:.95}.world-date{min-height:20px;color:var(--muted);font-size:12px}.state-night .world-date{color:rgba(255,255,255,.74)}.world-card dl{display:grid;gap:9px;margin:18px 0}.world-card dl div{display:grid;gap:2px}.world-card dt{font-size:10px;font-weight:700;opacity:.63;text-transform:uppercase}.world-card dd{overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:700}.availability{display:flex;align-items:center;gap:6px;margin-top:12px!important;font-size:12px;font-weight:800}.availability-working{color:#217047}.availability-reasonable{color:#a0640e}.state-night .availability{color:#c9f3d5}.meeting-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:24px;margin:24px 0;padding:25px;border:1px solid #bfd7ce;border-radius:18px;background:linear-gradient(135deg,#ecf8f3,#f9fcf9)}.meeting-panel .eyebrow{font-size:10px}.meeting-panel h2{margin:9px 0;font-size:clamp(24px,2.4vw,32px)}.meeting-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.meeting-result{display:grid;align-content:center;gap:10px;padding:19px;border:1px solid #c8ddd4;border-radius:14px;background:#fff}.meeting-result strong{color:var(--pine);font-size:13px}.meeting-result time{font-size:13px;font-weight:800;line-height:1.55}.meeting-result small{color:var(--muted);font-size:11px;line-height:1.55}.world-timeline{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fcfdfb;overflow-x:auto}.timeline-heading{display:flex;justify-content:space-between;gap:18px;margin-bottom:16px;color:var(--muted);font-size:12px}.timeline-heading strong{color:var(--ink)}.timeline-row{display:grid;grid-template-columns:118px minmax(520px,1fr);gap:12px;align-items:center;margin:10px 0}.timeline-row>span{overflow:hidden;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.timeline-row>div{position:relative;display:flex;height:31px;align-items:center;justify-content:space-around;border-radius:8px;background:linear-gradient(90deg,#284b49 0 29%,#dce9a2 29% 67%,#e9c580 67% 87%,#284b49 87%);color:#17332f;font-size:10px;font-weight:800}.timeline-row b:first-of-type,.timeline-row b:last-of-type{color:#fff}.timeline-row i{position:absolute;top:-4px;width:2px;height:39px;background:#c4483d;box-shadow:0 0 0 2px #fff}.world-guide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;margin-top:76px;padding:0 0 66px;border-bottom:1px solid var(--line)}.world-faq h2,.world-guide h2,.world-related h2{margin:10px 0 14px}.world-faq p,.world-guide-cards p,.world-guide>div>p,.world-related p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.world-guide-cards{display:grid;gap:0}.world-guide-cards article{padding:17px 0;border-top:1px solid var(--line)}.world-guide-cards article:last-child{border-bottom:1px solid var(--line)}.world-guide-cards h3{margin:0 0 6px;font-size:15px}.world-faq{margin-top:66px}.world-faq details{padding:17px 0;border-top:1px solid var(--line)}.world-faq details:last-child{border-bottom:1px solid var(--line)}.world-faq summary{cursor:pointer;color:var(--ink);font-size:15px;font-weight:800}.world-faq p{margin-top:10px}.world-related{margin-top:64px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#f5f8f3}.world-related p{max-width:780px}.world-related nav{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.world-related a{padding:10px 12px;border:1px solid #c8d8d1;border-radius:10px;background:#fff;color:var(--pine);font-size:12px;font-weight:800}.world-related a:hover{border-color:#7eab9c;background:#eff8f3}@media(max-width:920px){.world-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.world-guide{grid-template-columns:1fr;gap:26px}}@media(max-width:700px){.world-page{padding-bottom:62px}.world-page .tool-head{grid-template-columns:1fr;gap:17px;margin-bottom:24px}.world-page .privacy-chip{justify-self:stretch}.world-workspace{margin-top:24px;padding:18px}.meeting-panel,.world-toolbar{grid-template-columns:1fr}.world-switches{display:grid;grid-template-columns:1fr 1fr}.world-switches label{min-width:0;padding:0 9px;font-size:11px}.timeline-row{grid-template-columns:92px minmax(500px,1fr)}.world-guide{margin-top:54px;padding-bottom:50px}.world-faq,.world-related{margin-top:50px}.world-related{padding:22px 18px}}@media(max-width:480px){.world-cards{grid-template-columns:1fr}.world-toolbar input:not([type=checkbox]){font-size:16px}.popular-cities{gap:6px}.world-card{padding:17px}.world-time{font-size:36px}.meeting-panel{padding:20px}.timeline-heading{min-width:620px}.world-related nav{display:grid;grid-template-columns:1fr}.world-related a{text-align:center}}.world-card h3{margin:4px 0 0;overflow-wrap:anywhere;font-family:Arial,sans-serif;font-size:17px;line-height:1.2;letter-spacing:-.03em}.world-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.world-clock-card-area{margin:0 0 34px;padding:20px;border:1px solid #bfd7ce;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(25,74,63,.06)}.world-view-switch{display:inline-flex;padding:3px;border:1px solid #c8d8d1;border-radius:10px;background:#f1f7f3}.world-view-switch button{min-height:32px;border:0;border-radius:7px;background:transparent;padding:0 11px;color:var(--muted);font-size:12px;font-weight:800}.world-view-switch button[aria-pressed=true]{background:var(--pine);color:#fff}.world-cards-clocks{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.world-cards-clocks .world-clock-card{display:grid;grid-template-rows:72px 168px auto 24px 38px;min-height:382px;text-align:center;background:#fff;color:var(--ink);border-color:#d6dfda;box-shadow:0 12px 28px rgba(18,18,20,.08)}.world-clock-card .world-card-top{min-height:72px;text-align:left}.world-cards-clocks .world-card-top p,.world-cards-clocks .world-date{color:var(--muted)}.world-cards-clocks .card-actions button{border-color:#a7b4ae;color:var(--ink)}.world-cards-clocks .card-actions{gap:4px}.world-cards-clocks .card-actions button{inline-size:26px;min-inline-size:26px;block-size:26px;min-block-size:26px;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;font-size:15px;line-height:1}.world-clock-face{width:154px;margin:auto;align-self:center}.world-clock-face svg{display:block;width:100%;height:auto}.world-clock-dial{fill:#f5f5f7;stroke:#aebbb5;stroke-width:2}.world-clock-inner{fill:#fff}.dial-night .world-clock-dial{fill:#47474b;stroke:#6f7075}.dial-night .world-clock-inner{fill:#353538}.dial-night .world-clock-numbers text{fill:#fff}.dial-night .world-clock-hour,.dial-night .world-clock-minute{stroke:#fff}.world-clock-numbers text{fill:#1d1d1f;font:700 10px/1 ui-rounded,SF Pro Rounded,system-ui,sans-serif}.world-clock-hour{stroke:#252529;stroke-width:5;stroke-linecap:round}.world-clock-minute{stroke:#252529;stroke-width:3.5;stroke-linecap:round}.world-clock-second{stroke:#f5a623;stroke-width:1.8;stroke-linecap:round}.world-clock-center{fill:#f5a623;stroke:#f5f5f7;stroke-width:1.5}.world-clock-card .world-time{margin-top:6px}.world-cards-clocks .availability{display:grid;grid-template-columns:16px minmax(0,1fr);justify-content:center;gap:2px 5px;min-height:36px;margin:14px auto 0!important;text-align:left;line-height:1.15}.world-cards-clocks .availability>span:first-child{grid-row:1/span 2;align-self:center}.world-cards-clocks .availability>span:nth-child(2){font-size:11px;font-weight:800}.world-cards-clocks .availability small{grid-column:2;color:#61716c;font-size:10px;font-weight:700}.world-cards-clocks .availability-night>span:nth-child(2){color:#405b50}.world-cards-clocks .availability-reasonable>span:nth-child(2){color:#8d570b}.world-cards-clocks .availability-working>span:nth-child(2){color:#1d6e49}.world-planning-card{display:grid;gap:0;margin:34px 0 0;padding:20px;border:1px solid #bfd7ce;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(25,74,63,.06)}.world-planning-card .manual-meeting-panel,.world-planning-card .meeting-panel,.world-planning-card .world-timeline{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.world-planning-card .manual-meeting-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);gap:22px;padding:18px}.manual-meeting-panel h2{margin:9px 0;font-size:clamp(24px,2.4vw,32px);line-height:1.12}.manual-meeting-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.manual-meeting-control{display:grid;align-content:start;gap:8px}.manual-meeting-control label{display:grid;gap:7px;color:var(--ink);font-size:12px;font-weight:800}.manual-meeting-control input{min-height:48px;border:1px solid #bdcec7;border-radius:11px;background:#fff;padding:0 12px;color:var(--ink);font:inherit}.manual-meeting-control small{color:var(--muted);font-size:11px;line-height:1.55}.manual-meeting-results{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--line)}.manual-meeting-results>strong{display:block;margin-bottom:12px;color:var(--pine);font-size:12px}.manual-meeting-results>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.manual-meeting-results article{display:grid;gap:4px;padding:12px;border:1px solid #d4e2dc;border-radius:11px;background:#fbfdfb}.manual-meeting-results b{font-size:12px}.manual-meeting-results time{font:700 19px/1 Georgia,serif;letter-spacing:-.03em}.manual-meeting-results .availability{margin:0!important;font-size:10px}.world-planning-card .meeting-panel{padding:24px 18px;border-top:1px solid #d6e4de}.world-planning-card .world-timeline{padding:24px 18px 12px;border-top:1px solid #d6e4de}@media (max-width:700px){.world-selection-bar{align-items:flex-start;flex-direction:column}.world-clock-card-area{padding:12px}.world-clock-face{width:138px}.world-planning-card{padding:8px}.world-planning-card .manual-meeting-panel{grid-template-columns:1fr;padding:18px 12px}.world-planning-card .meeting-panel,.world-planning-card .world-timeline{padding-left:12px;padding-right:12px}.manual-meeting-results{grid-column:auto}}@media (max-width:480px){.world-view-switch{width:100%}.world-view-switch button{flex:1 1}}.base64-use-cases{display:grid;grid-template-columns:minmax(210px,.62fr) minmax(0,1.38fr);gap:24px;margin-top:40px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow);padding:26px}.base64-use-cases h2{margin:7px 0 0;font-size:clamp(24px,2.4vw,32px);line-height:1.12}.base64-use-cases>div:last-child{display:grid;gap:12px}.base64-use-cases article{border:1px solid var(--line);border-radius:14px;background:#fff;padding:17px}.base64-faq-title,.base64-use-cases h3{margin:0;color:var(--ink);font-size:15px;line-height:1.35}.base64-use-cases p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.72}.base64-source{margin:13px 0 0}.base64-source a{color:var(--pine);font-weight:700}.base64-faq-title{padding:16px 0 8px}.base64-faq-task-title{border-top:1px solid var(--line);margin-top:2px}.base64-privacy{display:flex;align-items:center;gap:6px}.base64-privacy svg{width:14px;height:14px;flex:0 0 auto;color:var(--pine)}.base64-content{min-width:0;overflow:hidden}.base64-content pre{box-sizing:border-box;max-width:100%}@media(max-width:900px){.base64-use-cases{grid-template-columns:1fr;margin-top:32px}}@media(max-width:620px){.base64-use-cases{margin-top:28px;padding:18px}.base64-use-cases article{padding:15px}}.base64-workspace{display:grid;gap:0;overflow:hidden;margin-top:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.base64-controls{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--soft)}.base64-controls>button{min-height:40px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.base64-controls>button.is-active{border-color:var(--pine);background:var(--pine);color:#fff}.base64-controls label{display:flex;align-items:center;gap:9px;margin-left:auto;color:var(--muted);font-size:12px;font-weight:700}.base64-controls select{min-height:40px;appearance:none;border:1px solid var(--line);border-radius:9px;background:var(--card);padding:0 34px 0 11px;color:var(--ink);font:inherit}.base64-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.base64-input-card,.base64-output-card{min-width:0;padding:24px}.base64-input-card{border-right:1px solid var(--line)}.base64-output-card{background:linear-gradient(145deg,#edf9f5,#fff 76%)}.base64-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-size:14px;font-weight:700}.base64-card-head>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.base64-card-head button,.base64-samples button{min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--card);padding:7px 10px;color:var(--pine);font-size:12px;font-weight:700}.base64-input-card textarea,.base64-output-card textarea{box-sizing:border-box;width:100%;min-height:270px;margin-top:16px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:#fbfdfc;padding:14px;color:var(--ink);font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.base64-output-card textarea{background:#102c25;color:#e9f7f1}.base64-controls select:focus,.base64-input-card textarea:focus{outline:0;border-color:var(--pine);box-shadow:0 0 0 3px rgba(15,90,81,.12)}.base64-samples{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px}.base64-samples span{margin-right:2px;color:var(--muted);font-size:11px;font-weight:700}.base64-drop-zone{margin-top:14px;border:1px dashed var(--line);border-radius:12px;padding:13px;color:var(--muted);font-size:12px;line-height:1.55}.base64-drop-zone.is-dragging{border-color:var(--pine);background:#eff8f3;color:var(--pine)}.base64-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.base64-empty,.base64-hint,.base64-notice,.base64-privacy,.base64-status{color:var(--muted);font-size:12px;line-height:1.65}.base64-input-error,.base64-notice,.base64-status{margin:13px 0 0}.base64-input-error{border:1px solid #efc8be;border-radius:10px;background:#fff4f2;padding:10px;color:var(--danger);font-size:12px;line-height:1.55}.base64-file-summary{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.72);padding:13px}.base64-file-summary>b,.base64-file-summary>span{display:block}.base64-file-summary>span{margin-top:4px;color:var(--muted);font-size:12px}.base64-output-tabs{display:flex;gap:6px;margin-top:12px}.base64-output-tabs button{border:1px solid var(--line);border-radius:8px;background:var(--card);padding:6px 8px;color:var(--muted);font-size:11px;font-weight:700}.base64-output-tabs button.is-active{border-color:var(--pine);color:var(--pine)}.base64-image-preview{display:block;max-width:100%;max-height:250px;margin:16px auto}.base64-binary-card,.base64-image-preview{border:1px solid var(--line);border-radius:12px}.base64-binary-card{display:flex;justify-content:space-between;gap:12px;margin-top:16px;background:var(--card);padding:14px;color:var(--pine);font-size:13px}.base64-inspector{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1.55fr);gap:20px;align-items:start;border-top:1px solid var(--line);padding:20px 24px;background:var(--soft)}.base64-inspector h2{margin:7px 0 0;font-size:20px}.base64-inspector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.base64-inspector-grid p{margin:0;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:10px}.base64-inspector-grid b,.base64-inspector-grid span{display:block}.base64-inspector-grid span{color:var(--muted);font-size:10px}.base64-inspector-grid b{margin-top:4px;overflow-wrap:anywhere;color:var(--pine);font-size:12px}.base64-hint{grid-column:2;margin:0}@media(max-width:850px){.base64-controls{flex-wrap:wrap}.base64-controls label{margin-left:0}.base64-editor-grid{grid-template-columns:1fr}.base64-input-card{border-right:0;border-bottom:1px solid var(--line)}.base64-inspector{grid-template-columns:1fr}.base64-hint{grid-column:auto}}@media(max-width:560px){.base64-controls,.base64-input-card,.base64-inspector,.base64-output-card{padding:16px}.base64-controls>button{flex:1 1}.base64-controls label{width:100%;justify-content:space-between}.base64-controls select{min-width:150px}.base64-card-head{align-items:flex-start;flex-direction:column}.base64-card-head>div{justify-content:flex-start}.base64-input-card textarea,.base64-output-card textarea{min-height:220px}.base64-inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.merge-workspace{margin-top:32px;overflow:hidden;border:1px solid #cfd8d2;border-radius:var(--radius);background:rgba(255,255,255,.88);box-shadow:var(--shadow)}.merge-drop{display:grid;min-height:300px;padding:38px 28px;place-items:center;align-content:center;border:1.5px dashed #7ba99e;border-radius:var(--radius);background:linear-gradient(130deg,#eef8f3,#fffdf8);text-align:center;transition:.18s ease}.merge-drop:hover{border-color:var(--pine);background:#f8fcf8;box-shadow:inset 0 0 0 3px rgba(15,90,81,.07)}.merge-upload-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:16px;background:var(--pine);color:var(--lime);font:600 26px/1 Arial,sans-serif}.merge-drop h2{margin:0;font-size:clamp(24px,3.4vw,36px)}.merge-drop p{max-width:560px;margin:9px 0 18px;color:var(--muted);font-size:13px;line-height:1.65}.merge-add-button,.merge-choose-button{min-height:44px;inline-size:max-content;flex:0 0 auto;white-space:nowrap}.merge-message{margin:14px 0 0;color:#246c54;font-size:12px;font-weight:700;line-height:1.5}.merge-message.is-error{color:var(--danger)}.merge-editor{display:grid;gap:0}.merge-stage-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:27px 28px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#effaf6,#fff)}.merge-stage-header h2{margin:8px 0 5px}.merge-stage-header p{margin:0;color:var(--muted);font-size:14px}.merge-stage-header .eyebrow{font-size:10px}.merge-file-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 28px;border-bottom:1px solid var(--line);background:#fbfdf9}.merge-file-card{display:flex;min-width:0;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.merge-file-card>div:nth-child(2){display:grid;min-width:0;flex:1 1;gap:3px}.merge-file-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.merge-file-card span{color:var(--muted);font-size:11px}.pdf-file-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:10px;background:#e63b45;color:#fff;font-size:11px;font-weight:800}.icon-delete{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:10px;background:transparent;color:#a05c54;font-size:23px;line-height:1}.icon-delete:hover{background:#fbedeb}.merge-arrange-section{padding:27px 28px;background:#fff}.merge-section-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:17px}.merge-section-heading h3{margin:0;font-size:18px}.merge-section-heading p{max-width:700px;margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.merge-section-heading>span{flex:none;padding:6px 9px;border-radius:999px;background:#e8f5ef;color:var(--pine);font:700 10px monospace;white-space:nowrap}.merge-pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.merge-page-card{display:grid;min-width:0;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.page-thumbnail{display:grid;height:144px;place-content:center;justify-items:center;border:1px solid #d4dce6;border-radius:9px;background:#f0f3f7;color:#b63841;transition:transform .15s}.page-thumbnail span{font-size:12px;font-weight:800}.page-thumbnail b{font-size:28px;color:#283a53}.merge-page-card>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.merge-page-card small{color:var(--muted);font-size:12px}.merge-page-controls{display:grid;grid-template-columns:repeat(4,44px);gap:5px;margin-top:2px}.merge-page-controls>button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b9c6d6;border-radius:9px;background:#fff;color:var(--ink);font-size:20px;line-height:1}.merge-page-controls>button:hover:not(:disabled){border-color:#8fb7a9;background:#effaf6;color:var(--pine)}.merge-page-controls>button:disabled{cursor:not-allowed;opacity:.38}.merge-output-bar{position:sticky;bottom:14px;z-index:2;display:grid;grid-template-columns:minmax(210px,1fr) auto;gap:16px;align-items:end;margin:0 28px 28px;padding:18px;border:1px solid #bcd9d2;border-radius:16px;background:rgba(239,250,246,.96);box-shadow:0 10px 28px rgba(22,62,53,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.merge-output-bar label{display:grid;gap:6px;color:var(--ink);font-size:13px;font-weight:700}.merge-output-bar input{min-height:44px;width:100%;border:1px solid #aabbd0;border-radius:9px;padding:9px 11px;background:#fff;color:var(--ink);font:inherit}.merge-output-bar small{color:var(--muted);font-size:11px;font-weight:400}.merge-output-actions{display:flex;flex-wrap:wrap;gap:8px}.merge-output-actions .primary-button,.merge-output-actions .secondary-button{min-height:44px;white-space:nowrap}.merge-output-bar .merge-message{grid-column:1/-1;margin:0}.merge-shared-content{margin-top:72px}.merge-shared-subtitle{margin:0;color:var(--ink);font-size:18px;line-height:1.3}.merge-shared-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.merge-shared-copy-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.65}@media(max-width:950px){.merge-pages{grid-template-columns:repeat(3,minmax(0,1fr))}.merge-shared-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.merge-output-bar{grid-template-columns:1fr;align-items:stretch}.merge-output-actions .primary-button{flex:1 1}}@media(max-width:700px){.merge-drop{min-height:280px;padding:28px 18px}.merge-stage-header{align-items:stretch;flex-direction:column;padding:22px 18px 18px}.merge-add-button{align-self:flex-start}.merge-file-list{grid-template-columns:1fr;padding:14px 18px}.merge-arrange-section{padding:22px 18px}.merge-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.page-thumbnail{height:118px}.merge-page-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.merge-page-controls>button{width:100%}.merge-output-bar{position:static;margin:0;padding:18px;border-width:1px 0 0;border-radius:0;box-shadow:none}.merge-output-actions{display:grid;grid-template-columns:1fr}.merge-output-actions .primary-button,.merge-output-actions .secondary-button{width:100%}.merge-shared-content{margin-top:54px}.merge-shared-steps{grid-template-columns:minmax(0,1fr)}}.page-root h1{font-size:clamp(38px,3vw,44px)!important;line-height:1.05}.page-root h2{font-size:clamp(24px,2.4vw,32px)!important;line-height:1.12}.markdown-preview h1{font-size:34px!important;line-height:normal}.markdown-preview h2{font-size:25px!important;line-height:normal}.page-root :is(.static-section,.m3u8-faq,.image-explainer,.image-privacy-section,.localized-tool-guide,.localized-tool-faq,.random-method,.random-faq,.reference-hero,.reference-method,.reference-faq){max-width:none}.page-root>.page:has(.crumbs){padding-top:32px}.page-root>.page:has(.crumbs) .eyebrow:has(+h1){display:none}@media (max-width:560px){.page-root>.page:has(.crumbs){padding-top:20px}}.static-email-feedback{position:fixed;left:50%;top:80px;z-index:60;max-width:min(460px,calc(100vw - 32px));margin:0;padding:11px 15px;transform:translateX(-50%);border:1px solid #bcd9d2;border-radius:10px;background:#effaf6;box-shadow:var(--shadow);color:#24564c;font-size:12px;font-weight:700;text-align:center}