.cc-public-converter{--ccv-green:#2c8068;--ccv-ink:#183c32;--ccv-soft:#eef8f4;--ccv-line:#cfe2da;max-width:1040px;margin:0 auto;padding:28px 16px 96px;color:#263a34;font-family:inherit}.cc-public-converter *{box-sizing:border-box}.cc-public-converter__hero{padding:28px 4px 20px}.cc-public-converter__kicker,.cc-public-converter__share-head>span,.cc-public-converter__workplace>div>span{display:block;color:var(--ccv-green);font-size:12px;font-weight:900;letter-spacing:.15em}.cc-public-converter__hero h1{margin:8px 0 10px;font-size:clamp(34px,7vw,62px);line-height:1.05;color:var(--ccv-ink)}.cc-public-converter__hero>p{max-width:760px;margin:0;font-size:16px;line-height:1.85}.cc-public-converter__privacy{display:grid;gap:4px;margin-top:18px;padding:14px 16px;border:1px solid var(--ccv-line);border-radius:16px;background:var(--ccv-soft)}.cc-public-converter__privacy strong{color:var(--ccv-ink)}.cc-public-converter__privacy span{font-size:13px;line-height:1.7}.cc-public-converter__tool,.cc-public-converter__result,.cc-public-converter__share,.cc-public-converter__workplace{margin-top:18px;border:1px solid var(--ccv-line);border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(30,73,61,.08)}.cc-public-converter__tool{padding:20px}.cc-public-converter__drop{position:relative;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed #8eb8aa;border-radius:20px;background:#f8fcfa;text-align:center;cursor:pointer;transition:.18s}.cc-public-converter__drop.is-drag{transform:scale(.995);background:#eaf7f1;border-color:var(--ccv-green)}.cc-public-converter__drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.cc-public-converter__drop-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--ccv-green);color:#fff;font-size:34px;font-weight:700}.cc-public-converter__drop strong{font-size:20px;color:var(--ccv-ink);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-public-converter__drop small{font-size:12px;color:#677d75}.cc-public-converter__targets{margin-top:24px}.cc-public-converter__targets h2{margin:0 0 12px;color:var(--ccv-ink);font-size:18px}.cc-public-converter__target-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cc-public-converter__target-grid button{min-height:82px;padding:12px;border:1px solid #d6e4df;border-radius:15px;background:#fff;color:#253b34;text-align:left;cursor:pointer}.cc-public-converter__target-grid button b,.cc-public-converter__target-grid button small{display:block}.cc-public-converter__target-grid button b{font-size:16px}.cc-public-converter__target-grid button small{margin-top:6px;color:#74867f;font-size:11px;line-height:1.4}.cc-public-converter__target-grid button.is-selected{border:2px solid var(--ccv-green);background:#edf8f4;box-shadow:0 0 0 3px rgba(44,128,104,.08)}.cc-public-converter__target-grid button.is-current{opacity:.65}.cc-public-converter__ocr{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:13px;border-radius:14px;background:#fff7d9;color:#5d501c;font-size:13px;line-height:1.6}.cc-public-converter__ocr input{width:22px;height:22px;flex:0 0 auto}.cc-public-converter__run{width:100%;margin-top:16px;padding:15px 18px;border:0;border-radius:16px;background:var(--ccv-green);color:#fff;font-size:16px;font-weight:900;cursor:pointer}.cc-public-converter__run:disabled{background:#aab8b3;cursor:not-allowed}.cc-public-converter__progress{margin-top:16px;padding:14px;border-radius:16px;background:#f5faf8}.cc-public-converter__progress>div{height:9px;overflow:hidden;border-radius:999px;background:#dcebe5}.cc-public-converter__progress>div>span{display:block;height:100%;width:8%;border-radius:inherit;background:var(--ccv-green);transition:width .4s ease}.cc-public-converter__progress strong,.cc-public-converter__progress small{display:block}.cc-public-converter__progress strong{margin-top:10px;color:var(--ccv-ink)}.cc-public-converter__progress small{margin-top:3px;color:#61756e;line-height:1.5}.cc-public-converter__error{margin:14px 0 0;padding:13px 15px;border-radius:14px;background:#fff0ef;color:#a22e28;font-weight:700}.cc-public-converter__result{padding:20px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.cc-public-converter__done{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e7f6ef;color:var(--ccv-green);font-size:28px;font-weight:900}.cc-public-converter__result h2{margin:2px 0 4px;color:var(--ccv-ink)}.cc-public-converter__result p{margin:0;color:#63766f}.cc-public-converter__result-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.cc-public-converter__result-actions a,.cc-public-converter__result-actions button,.cc-public-converter__share-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;border:1px solid #bfd6cd;border-radius:14px;background:#fff;color:var(--ccv-ink);font-weight:800;text-decoration:none;cursor:pointer}.cc-public-converter__result-actions .is-primary,.cc-public-converter__share-actions .is-share{background:var(--ccv-green);border-color:var(--ccv-green);color:#fff}.cc-public-converter__share{padding:24px}.cc-public-converter__share-head h2{margin:6px 0 14px;color:var(--ccv-ink);font-size:clamp(24px,5vw,36px)}.cc-public-converter__share>p{line-height:1.85}.cc-public-converter__safety-note,.cc-public-converter__reward{display:grid;gap:5px;margin:16px 0;padding:14px 16px;border-radius:16px;background:#f0f8f5}.cc-public-converter__safety-note strong,.cc-public-converter__reward strong{color:var(--ccv-ink)}.cc-public-converter__safety-note span,.cc-public-converter__reward span{font-size:13px;line-height:1.65}.cc-public-converter__category{margin:18px 0;padding:16px;border:1px solid var(--ccv-line);border-radius:16px}.cc-public-converter__category label{display:grid;gap:8px;font-weight:800;color:var(--ccv-ink)}.cc-public-converter__category select{width:100%;padding:12px;border:1px solid #c8d8d2;border-radius:12px;background:#fff;font:inherit}.cc-public-converter__category small{display:block;margin-top:8px;color:#64766f;line-height:1.6}.cc-public-converter__share-actions{display:flex;gap:10px;flex-wrap:wrap}.cc-public-converter__workplace{display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden}.cc-public-converter__workplace>div,.cc-public-converter__workplace>aside{padding:24px}.cc-public-converter__workplace h2{margin:6px 0 12px;color:var(--ccv-ink)}.cc-public-converter__workplace p,.cc-public-converter__workplace aside small{line-height:1.75}.cc-public-converter__workplace>div>a{font-weight:800;color:var(--ccv-green)}.cc-public-converter__workplace aside{background:#f5faf8}.cc-public-converter__workplace aside strong{color:var(--ccv-ink);font-size:18px}
@media(max-width:720px){.cc-public-converter{padding:18px 12px 104px}.cc-public-converter__hero{padding-top:14px}.cc-public-converter__target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-public-converter__tool,.cc-public-converter__share{padding:16px;border-radius:20px}.cc-public-converter__drop{min-height:170px}.cc-public-converter__result-actions,.cc-public-converter__share-actions{display:grid;grid-template-columns:1fr}.cc-public-converter__result-actions>*,.cc-public-converter__share-actions>*{width:100%}.cc-public-converter__workplace{grid-template-columns:1fr}.cc-public-converter__workplace>div,.cc-public-converter__workplace>aside{padding:18px}}


/* v0.8.544 — beginner-first public converter UI */
.cc-public-converter{--ccv-sun:#f5ba4c;--ccv-blue:#6baed6;--ccv-pink:#e996aa;position:relative}
.cc-public-converter__hero{position:relative;overflow:hidden;border:1px solid rgba(207,226,218,.82);border-radius:28px;padding:32px 30px 26px;background:radial-gradient(circle at 92% 12%,rgba(245,186,76,.22) 0 70px,transparent 72px),radial-gradient(circle at 80% 86%,rgba(107,174,214,.16) 0 96px,transparent 98px),linear-gradient(135deg,#fffaf0 0%,#f1fbf7 48%,#f7f5ff 100%);box-shadow:0 14px 38px rgba(30,73,61,.07)}
.cc-public-converter__hero h1{letter-spacing:.02em}
.cc-public-converter__hero>p{color:#425d54;font-weight:650}
.cc-public-converter__beginner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.cc-public-converter__beginner>div{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;min-height:82px;padding:12px 13px;border:1px solid rgba(207,226,218,.95);border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 6px 18px rgba(30,73,61,.045)}
.cc-public-converter__beginner b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--ccv-green);color:#fff;font-size:17px}
.cc-public-converter__beginner span,.cc-public-converter__beginner strong,.cc-public-converter__beginner small{display:block}
.cc-public-converter__beginner strong{color:var(--ccv-ink);font-size:14px}
.cc-public-converter__beginner small{margin-top:3px;color:#687b74;font-size:10.5px;line-height:1.45}
.cc-public-converter__purpose{margin-top:22px;padding:18px;border:1px solid #e6ded0;border-radius:20px;background:linear-gradient(135deg,#fffaf0,#fff)}
.cc-public-converter__purpose h2{margin:0;color:var(--ccv-ink);font-size:19px}
.cc-public-converter__purpose>p{margin:5px 0 13px;color:#697b74;font-size:12px;line-height:1.6}
.cc-public-converter__purpose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.cc-public-converter__purpose-grid button{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;min-height:72px;padding:10px 11px;border:1px solid #e3dac9;border-radius:15px;background:#fff;color:#263a34;text-align:left;cursor:pointer;box-shadow:0 4px 12px rgba(83,66,35,.035)}
.cc-public-converter__purpose-grid button>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff4d8;font-size:17px}
.cc-public-converter__purpose-grid button b{font-size:11.5px;line-height:1.35}
.cc-public-converter__purpose-grid button small{color:#7a837e;font-size:9.5px}
.cc-public-converter__purpose-grid button.is-selected{border:2px solid var(--ccv-green);background:#edf8f4;box-shadow:0 0 0 3px rgba(44,128,104,.08)}
.cc-public-converter__targets-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}
.cc-public-converter__targets-head h2{margin:0!important}
.cc-public-converter__targets-head small{color:#71827b;font-size:11px}
.cc-public-converter__tool{background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)}
.cc-public-converter__drop:before{content:"まずここから";position:absolute;top:13px;left:13px;padding:5px 9px;border-radius:999px;background:#fff1c8;color:#806020;font-size:10px;font-weight:900;letter-spacing:.04em}
.cc-public-converter__target-grid button b{color:#253b34!important;-webkit-text-fill-color:#253b34!important}
.cc-public-converter__target-grid button small{color:#74867f!important;-webkit-text-fill-color:#74867f!important}
@media(max-width:720px){
  .cc-public-converter__hero{padding:22px 16px 18px;border-radius:22px}
  .cc-public-converter__hero h1{font-size:clamp(32px,10vw,44px);line-height:1.18}
  .cc-public-converter__hero>p{font-size:13px;line-height:1.75}
  .cc-public-converter__beginner{grid-template-columns:1fr;gap:7px;margin-top:15px}
  .cc-public-converter__beginner>div{grid-template-columns:34px 1fr;min-height:62px;padding:9px 10px;border-radius:14px}
  .cc-public-converter__beginner b{width:30px;height:30px;border-radius:10px;font-size:14px}
  .cc-public-converter__beginner strong{font-size:12.5px}.cc-public-converter__beginner small{font-size:9.5px}
  .cc-public-converter__purpose{padding:14px;border-radius:17px}
  .cc-public-converter__purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .cc-public-converter__purpose-grid button{grid-template-columns:30px 1fr;min-height:68px;padding:9px;border-radius:13px}
  .cc-public-converter__purpose-grid button>span{width:28px;height:28px;font-size:15px}
  .cc-public-converter__purpose-grid button b{font-size:10.5px}.cc-public-converter__purpose-grid button small{font-size:8.8px}
  .cc-public-converter__targets-head{display:block}.cc-public-converter__targets-head small{display:block;margin-top:3px}
}

/* v0.8.545 — anonymous free conversion + processing-style animation */
.cc-public-converter__free-note{margin:8px 0 0!important;text-align:center!important;color:#557068!important;font-size:11.5px!important;font-weight:800!important}
html.cc-converter-processing,body.cc-converter-processing{overflow:hidden!important}
.cc-public-converter__overlay[hidden]{display:none!important}
.cc-public-converter__overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;display:grid!important;place-items:center!important;padding:18px!important;background:rgba(20,42,35,.62)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.cc-public-converter__overlay-card{position:relative!important;width:min(560px,100%)!important;overflow:hidden!important;padding:30px 24px 24px!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:28px!important;background:radial-gradient(circle at 10% 10%,rgba(245,186,76,.23),transparent 29%),radial-gradient(circle at 90% 22%,rgba(107,174,214,.2),transparent 29%),linear-gradient(145deg,#fffdf8,#f1fbf7 55%,#fff)!important;box-shadow:0 30px 90px rgba(8,30,23,.35)!important;text-align:center!important}
.cc-public-converter__overlay-kicker{display:inline-flex!important;padding:5px 10px!important;border-radius:999px!important;background:#e9f7f2!important;color:#2c8068!important;font-size:10px!important;font-weight:900!important;letter-spacing:.14em!important}
.cc-public-converter__file-animation{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;min-height:132px!important;margin:10px auto 2px!important}
.cc-public-converter__file-animation .is-file{display:grid!important;place-items:center!important;width:80px!important;height:98px!important;border:2px solid #c7ddd5!important;border-radius:18px!important;background:#fff!important;color:#2a5f50!important;font-size:13px!important;font-weight:1000!important;letter-spacing:.08em!important;box-shadow:0 12px 30px rgba(38,94,78,.12)!important;animation:ccConverterFileFloat 1.6s ease-in-out infinite!important}
.cc-public-converter__file-animation .is-file:before{content:""!important;position:absolute!important;width:42px!important;height:6px!important;margin-top:-42px!important;border-radius:999px!important;background:#d9e9e3!important;box-shadow:0 13px 0 #e8f1ee,0 26px 0 #e8f1ee!important}
.cc-public-converter__file-animation .is-result{background:#ebf8f3!important;border-color:#69ae9a!important;animation-delay:.18s!important}
.cc-public-converter__file-animation .is-arrow{color:#da9d38!important;font-size:36px!important;font-weight:900!important;animation:ccConverterArrow 1.2s ease-in-out infinite!important}
.cc-public-converter__file-animation .is-spark{position:absolute!important;color:#e1a23b!important;font-style:normal!important;font-size:20px!important;animation:ccConverterSpark 1.4s ease-in-out infinite!important}.cc-public-converter__file-animation .s1{left:18%;top:14%}.cc-public-converter__file-animation .s2{right:17%;top:8%;animation-delay:.35s}.cc-public-converter__file-animation .s3{right:24%;bottom:12%;animation-delay:.7s}
.cc-public-converter__overlay-card h2{margin:2px 0 8px!important;color:#183c32!important;font-size:clamp(22px,5vw,30px)!important}.cc-public-converter__overlay-card p{max-width:430px!important;margin:0 auto 18px!important;color:#5a6e67!important;font-size:13px!important;line-height:1.75!important}
.cc-public-converter__overlay-progress{height:11px!important;overflow:hidden!important;border-radius:999px!important;background:#dcebe5!important;box-shadow:inset 0 1px 3px rgba(20,60,48,.08)!important}.cc-public-converter__overlay-progress>span{display:block!important;width:8%;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#57ad95,#efbd5e,#77b4d8)!important;background-size:180% 100%!important;animation:ccConverterGradient 1.8s linear infinite!important;transition:width .35s ease!important}
.cc-public-converter__overlay-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:9px!important}.cc-public-converter__overlay-meta b{color:#2c8068!important;font-size:14px!important}.cc-public-converter__overlay-meta small{color:#788983!important;font-size:9.5px!important}
@keyframes ccConverterFileFloat{0%,100%{transform:translateY(2px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes ccConverterArrow{0%,100%{transform:translateX(-3px);opacity:.55}50%{transform:translateX(5px);opacity:1}}@keyframes ccConverterSpark{0%,100%{transform:scale(.65) rotate(0);opacity:.2}50%{transform:scale(1.2) rotate(25deg);opacity:1}}@keyframes ccConverterGradient{0%{background-position:0 0}100%{background-position:180% 0}}
@media(max-width:540px){.cc-public-converter__overlay-card{padding:24px 16px 20px!important;border-radius:22px!important}.cc-public-converter__file-animation{min-height:112px!important;gap:13px!important}.cc-public-converter__file-animation .is-file{width:66px!important;height:82px!important;border-radius:15px!important;font-size:11px!important}.cc-public-converter__file-animation .is-arrow{font-size:29px!important}.cc-public-converter__overlay-meta{align-items:flex-start!important}.cc-public-converter__overlay-meta small{text-align:right!important;line-height:1.4!important}}

/* v0.8.546 — capability-aware target choices */
.cc-public-converter [data-cc-converter-target].is-unavailable,
.cc-public-converter [data-cc-converter-target]:disabled{
  opacity:.34!important;filter:grayscale(.55);cursor:not-allowed!important;box-shadow:none!important;transform:none!important;
}
.cc-public-converter [data-cc-converter-target].is-unavailable small::after{content:" / 現在利用不可";font-weight:800}
.cc-public-converter__free-note small{display:inline-block;margin-top:7px;font-size:.86em;line-height:1.65;color:inherit;opacity:.76}