.lp-refresh--favicon,main:has(.lp-refresh--favicon) .tc-related-tools{--lp-accent:#315dbb;--lp-soft:var(--site-surface-muted,#f3f6fd);--lp-tint:var(--site-surface-tint,#e8eefc)}.lp-refresh--rec,main:has(.lp-refresh--rec) .tc-related-tools{--lp-accent:#b22f46;--lp-soft:var(--site-surface-muted,#fff5f5);--lp-tint:var(--site-surface-tint,#f9e8ec)}.lp-refresh--audio,main:has(.lp-refresh--audio) .tc-related-tools{--lp-accent:#4745a2;--lp-soft:var(--site-surface-muted,#f5f5ff);--lp-tint:var(--site-surface-tint,#eaeafa)}.lp-refresh--zip,main:has(.lp-refresh--zip) .tc-related-tools{--lp-accent:#875111;--lp-soft:var(--site-surface-tint,#fff8ef);--lp-tint:var(--site-surface-tint,#f8ebd8)}.lp-refresh--pc,main:has(.lp-refresh--pc) .tc-related-tools{--lp-accent:#236874;--lp-soft:var(--site-surface-muted,#f1f8f9);--lp-tint:var(--site-surface-tint,#e2f0f2)}.lp-refresh{--lp-panel-padding:clamp(24px, 3vw, 40px)}.lp-refresh .lp-features{gap:36px}.lp-refresh .lp-features article{border-top:0;padding-top:0}.lp-refresh .lp-feature-icon{border-radius:10px}.lp-refresh .lp-section[aria-labelledby$=-features]>.lp-wrap{padding:var(--lp-panel-padding);background:var(--site-surface-muted,var(--lp-soft));border-radius:24px}.lp-refresh :is(.lp-section[aria-labelledby=client-audio-converter-what],.lp-section[aria-labelledby=cuttofile-what],.lp-section[aria-labelledby=pc-check-gallery]){background:var(--site-surface,#fff)}.lp-refresh :is(.lp-section[aria-labelledby=client-audio-converter-what],.lp-section[aria-labelledby=cuttofile-what],.lp-section[aria-labelledby=pc-check-gallery])>.lp-wrap{padding:var(--lp-panel-padding);background:var(--site-surface-muted,var(--lp-soft));border-radius:24px}.lp-refresh .lp-callout{border:0;border-radius:18px;padding:28px}.lp-refresh img{cursor:default}.lp-refresh{--lp-muted:var(--site-text-muted,#607086)}.lp-refresh .lp-feature-icon:has(svg){place-items:center;display:grid}.lp-capture{min-width:0;margin:0}.lp-capture-frame{border:1px solid var(--lp-line);background:var(--site-surface,#fff);border-radius:14px;padding:12px;display:block;box-shadow:0 6px 18px #20324a0a}.lp-capture img{border-radius:5px;width:100%;height:auto;display:block}.lp-capture figcaption{color:var(--site-text-muted,var(--lp-muted));margin-top:14px;font-size:.85rem;line-height:1.7}.lp-screen-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.lp-screen-gallery article{min-width:0}.lp-screen-heading{align-items:center;gap:10px;margin-bottom:18px;display:flex}.lp-screen-heading svg{color:var(--site-link,var(--lp-accent));flex:0 0 24px}.lp-screen-heading h3{margin:0;font-size:1.1rem}.lp-screen-gallery .lp-capture-frame{padding:12px}.lp-screen-gallery--audio .lp-capture-frame{align-content:center;min-height:250px;display:grid}.lp-screen-gallery--pc{background:0 0;padding:0}.lp-screen-gallery--pc .lp-capture-frame{min-height:270px;box-shadow:none;align-content:center;display:grid}.lp-refresh--rec .lp-steps.lp-steps--screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.lp-refresh--rec .lp-section:has(.lp-steps--screens)>.lp-wrap{padding:var(--lp-panel-padding);background:var(--site-surface-muted,var(--lp-soft));border-radius:24px}.lp-steps--screens li{align-content:start}.lp-steps--screens .lp-step-number{font-size:1.35rem;font-weight:650}.lp-steps--screens .lp-capture{grid-column:1/-1;margin-top:18px}.lp-steps--screens .lp-capture-frame{padding:12px}.lp-steps--screens .lp-capture img{max-width:448px;margin-inline:auto}.rec-share-options{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.rec-share-options span{background:var(--site-surface,#fff);color:var(--site-link,var(--lp-accent));border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;display:inline-flex}.rec-share-options+p{color:var(--site-text-muted,var(--lp-muted));font-size:.85rem}.favicon-size-board{background:var(--site-surface,#fff);border-radius:24px;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:32px;padding:30px 20px;display:grid}.favicon-size-board figure{text-align:center;min-width:0;margin:0}.favicon-size-board h3{color:var(--site-link,var(--lp-accent));font-variant-numeric:tabular-nums;margin:0;font-size:1.6rem}.favicon-size-board h3 span{margin-left:4px;font-size:.8rem;font-weight:400}.favicon-native{place-items:center;height:150px;display:grid}.favicon-native img{max-width:none}.favicon-size-board figcaption{color:var(--site-text-muted,var(--lp-muted));font-size:.75rem}.favicon-zoom{background:var(--site-surface-muted,var(--lp-soft));border-radius:12px;place-items:center;width:144px;height:144px;margin:22px auto 10px;display:grid}.favicon-zoom img{width:128px;height:128px}.audio-format-layout{grid-template-columns:1fr 1.1fr;align-items:center;gap:56px;display:grid}.audio-format-map{gap:16px;margin:0;padding:0;list-style:none;display:grid}.audio-format-map li{grid-template-columns:1fr 44px 1fr;align-items:center;gap:10px 14px;padding:0;display:grid}.audio-format-file{background:var(--site-surface,#fff);border-radius:16px;justify-items:center;gap:3px;padding:10px 18px;font-size:1.3rem;font-weight:700;display:grid}.audio-format-file small,.audio-format-arrow small{color:var(--site-text-muted,var(--lp-muted));font-size:.7rem;font-weight:400}.audio-format-file--output{color:var(--site-link,var(--lp-accent))}.audio-format-arrow{color:var(--site-link,var(--lp-accent));justify-items:center;gap:4px;display:grid}.audio-format-label{color:var(--site-text-muted,var(--lp-muted));grid-column:1/-1;padding-bottom:8px;font-size:.85rem}.zip-tool-flow{grid-template-columns:1fr 150px 1fr;align-items:stretch;gap:20px;margin-top:28px;display:grid}.zip-tool-stage{background:var(--site-surface-muted,var(--lp-soft));cursor:pointer;border:1px solid #0000;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;text-decoration:none;transition:background-color .18s,border-color .18s;display:flex}.zip-tool-stage:hover{border-color:var(--lp-accent);background:var(--site-surface-hover,var(--lp-tint))}.zip-tool-stage>svg{width:32px;height:32px;color:var(--site-link,var(--lp-accent))}.zip-tool-stage small,.zip-tool-stage span{color:var(--site-text-muted,var(--lp-muted));font-size:.85rem}.zip-tool-stage strong{color:var(--lp-text);font-size:1.1rem}.zip-tool-stage--check{background:var(--site-surface-muted,var(--lp-soft))}.zip-tool-handoff{color:var(--site-link,var(--lp-accent));grid-template-columns:20px 1fr 20px;align-content:center;place-items:center;gap:12px 4px;display:grid}.zip-tool-handoff svg{width:36px;height:36px}.zip-tool-handoff strong{grid-column:1/-1;font-size:.8rem;font-weight:400}@media (width>=801px){.zip-tool-handoff>span:first-child{grid-area:1/1}.zip-tool-handoff>svg{grid-area:1/2}.zip-tool-handoff>span:last-child{grid-area:1/3}.zip-tool-handoff strong{grid-row:2}}.zip-workbench{grid-template-columns:1.6fr 1fr;align-items:center;gap:32px;margin-top:36px;display:grid}.zip-workbench .lp-capture{min-width:0}.zip-workbench .lp-capture img{max-width:670px;margin-inline:auto}main:has(.lp-refresh) .tc-related-tools{background:var(--site-surface,#fff);font-family:system-ui,-apple-system,Noto Sans JP,sans-serif;line-height:1.85}main:has(.lp-refresh) .tc-related-tools :is(h2,h3){font-weight:750}main:has(.lp-refresh) .tc-related-tools__list{gap:18px}main:has(.lp-refresh) .tc-related-tools__link{box-sizing:border-box;border:1px solid var(--lp-line,#dce4ee);background:var(--site-surface-muted,var(--lp-soft));cursor:pointer;border-radius:16px;align-items:flex-start;min-width:0;padding:24px 44px 24px 22px;transition:background-color .18s,border-color .18s,box-shadow .18s;position:relative}main:has(.lp-refresh) .tc-related-tools__link:after{content:"";background:var(--lp-accent);pointer-events:none;width:18px;height:18px;position:absolute;top:28px;right:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}main:has(.lp-refresh) .tc-related-tools__link:hover{background:var(--site-surface-hover,var(--lp-tint));border-color:var(--lp-accent);box-shadow:0 4px 12px #1524380d}main:has(.lp-refresh) .tc-related-tools__link:focus-visible{outline:3px solid var(--site-link,var(--lp-accent));outline-offset:4px}main:has(.lp-refresh) .tc-related-tools__icon{background:var(--site-surface,#fff);width:36px;height:36px;color:var(--site-link,var(--lp-accent));border-radius:10px;flex:0 0 36px;place-items:center;display:grid}main:has(.lp-refresh) .tc-related-tools__body{min-width:0}main:has(.lp-refresh) .tc-related-tools__title{color:var(--site-link,var(--lp-accent));line-height:1.6}main:has(.lp-refresh) .tc-related-tools__desc{margin-top:8px}@media (width<=1000px){.lp-screen-gallery{gap:16px}.favicon-size-board{padding-inline:12px}.favicon-zoom{width:140px;height:140px}}@media (width<=800px){.lp-screen-gallery,.audio-format-layout,.zip-workbench{grid-template-columns:1fr}.zip-workbench .lp-capture:last-child{width:100%;max-width:448px;margin-inline:auto}.lp-screen-gallery{gap:32px}.lp-screen-gallery .lp-capture-frame{min-height:0}.lp-screen-gallery .lp-capture img{max-width:448px;margin-inline:auto}.audio-format-layout{gap:28px}.favicon-size-board{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}.zip-tool-flow,.zip-tool-handoff{grid-template-columns:1fr}.zip-tool-handoff>span{transform:rotate(90deg)}main:has(.lp-refresh) .tc-related-tools__list{gap:14px}}@media (width<=600px){.lp-refresh{--lp-panel-padding:20px}.lp-refresh .lp-features{gap:28px}.lp-refresh .lp-callout{padding:20px}.lp-refresh--rec .lp-steps.lp-steps--screens{grid-template-columns:1fr}.lp-steps--screens .lp-capture-frame,.lp-capture-frame{padding:10px}.favicon-size-board{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 8px}.favicon-size-board figure:last-child{grid-column:1/-1}.favicon-zoom{width:140px;height:140px}.favicon-zoom img{width:128px;height:128px}main:has(.lp-refresh) .tc-related-tools__link{padding:20px 42px 20px 18px}main:has(.lp-refresh) .tc-related-tools__link:after{top:24px;right:16px}}@media (prefers-reduced-motion:reduce){.zip-tool-stage,main:has(.lp-refresh) .tc-related-tools__link{transition:none}}