.pd-skf{--pd-skf-accent:#147d7f;--pd-skf-accent-dark:#0f6163;--pd-skf-text:#172126;--pd-skf-subtle:#5f6b72;--pd-skf-border:#d8e0e2;--pd-skf-muted:#f5f7f7;--pd-skf-danger:#a32929;color:var(--pd-skf-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.pd-skf *{box-sizing:border-box}.pd-skf__shell,.pd-skf__related{max-width:1000px;margin:0 auto}.pd-skf__shell{background:#fff;border:1px solid var(--pd-skf-border);border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(18,43,47,.06)}.pd-skf__header{text-align:center;max-width:740px;margin:0 auto 22px}.pd-skf__header h2,.pd-skf__related h2{margin:0 0 8px;font-size:clamp(26px,4vw,36px);line-height:1.2}.pd-skf__header p{margin:0;color:var(--pd-skf-subtle);font-size:16px}.pd-skf__notice{margin:0 0 20px;padding:13px 15px;background:#eef8f8;border:1px solid #c9e4e4;border-radius:12px;font-size:14px}.pd-skf__drop{position:relative;border:2px dashed #a9c8c9;border-radius:16px;background:#fbfdfd;padding:30px 20px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:.2s ease}.pd-skf__drop:hover,.pd-skf__drop:focus{border-color:var(--pd-skf-accent);background:#f3fbfb;outline:none;box-shadow:0 0 0 3px rgba(20,125,127,.14)}.pd-skf__file{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.pd-skf__drop-icon{font-size:34px;color:var(--pd-skf-accent);line-height:1}.pd-skf__drop strong{font-size:18px}.pd-skf__drop span,.pd-skf__drop small{color:var(--pd-skf-subtle)}.pd-skf__filecard{margin-top:14px;border:1px solid var(--pd-skf-border);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.pd-skf__filecard div{min-width:0}.pd-skf__filecard strong,.pd-skf__filecard span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-skf__filecard span{font-size:14px;color:var(--pd-skf-subtle);margin-top:3px}.pd-skf__linkbtn{border:0;background:transparent;color:var(--pd-skf-accent-dark);font-weight:700;cursor:pointer;padding:8px}.pd-skf__linkbtn:focus-visible{outline:3px solid rgba(20,125,127,.25);outline-offset:2px;border-radius:8px}.pd-skf__audio{margin-top:16px}.pd-skf__audio label{display:block;font-weight:700;margin-bottom:7px}.pd-skf__audio audio{width:100%;min-height:48px}.pd-skf__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.pd-skf__btn{min-height:48px;border-radius:11px;border:1px solid var(--pd-skf-border);padding:11px 19px;font-size:16px;font-weight:700;background:#fff;color:var(--pd-skf-text);cursor:pointer}.pd-skf__btn--primary{background:var(--pd-skf-accent);color:#fff;border-color:var(--pd-skf-accent)}.pd-skf__btn--primary:hover{background:var(--pd-skf-accent-dark)}.pd-skf__btn--ghost:hover{background:var(--pd-skf-muted)}.pd-skf__btn:disabled{opacity:.5;cursor:not-allowed}.pd-skf__btn:focus-visible{outline:3px solid rgba(20,125,127,.25);outline-offset:2px}.pd-skf__status{margin-top:15px;min-height:24px;color:var(--pd-skf-subtle)}.pd-skf__status.is-error{color:var(--pd-skf-danger);font-weight:700}.pd-skf__progress{height:8px;background:#e8eeee;border-radius:999px;overflow:hidden;margin-top:10px}.pd-skf__progress span{display:block;height:100%;width:0;background:var(--pd-skf-accent);transition:width .18s ease}.pd-skf__result{margin-top:24px;border-top:1px solid var(--pd-skf-border);padding-top:24px}.pd-skf__result-label{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--pd-skf-subtle);font-size:12px;font-weight:800}.pd-skf__key{text-align:center;font-size:clamp(38px,8vw,64px);font-weight:800;line-height:1.05;margin:7px 0;color:var(--pd-skf-accent-dark)}.pd-skf__strength{max-width:520px;margin:12px auto 4px;display:flex;justify-content:space-between;gap:10px;font-size:14px}.pd-skf__bar{max-width:520px;height:9px;background:#e6eded;border-radius:999px;margin:0 auto 22px;overflow:hidden}.pd-skf__bar span{display:block;height:100%;width:0;background:var(--pd-skf-accent);border-radius:inherit}.pd-skf__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pd-skf__stats div{background:var(--pd-skf-muted);border:1px solid var(--pd-skf-border);border-radius:12px;padding:14px}.pd-skf__stats span,.pd-skf__scale span{display:block;font-size:13px;color:var(--pd-skf-subtle);margin-bottom:4px}.pd-skf__stats strong{font-size:17px}.pd-skf__scale{margin-top:12px;border:1px solid var(--pd-skf-border);border-radius:12px;padding:14px}.pd-skf__scale strong{font-size:16px}.pd-skf__chroma,.pd-skf__alternatives{margin-top:24px}.pd-skf__sectionhead{display:flex;justify-content:space-between;align-items:end;gap:12px}.pd-skf__sectionhead h3,.pd-skf__alternatives h3{font-size:18px;margin:0 0 12px}.pd-skf__sectionhead span{font-size:12px;color:var(--pd-skf-subtle);margin-bottom:12px}.pd-skf__chroma-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;min-height:130px}.pd-skf__chroma-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.pd-skf__chroma-bar{height:80px;width:100%;background:#edf2f2;border-radius:8px;position:relative;overflow:hidden}.pd-skf__chroma-bar span{position:absolute;left:0;right:0;bottom:0;background:var(--pd-skf-accent);min-height:2px}.pd-skf__chroma-item b{font-size:12px}.pd-skf__alt-row{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--pd-skf-border)}.pd-skf__alt-row:first-child{border-top:0}.pd-skf__alt-row strong:last-child{text-align:right}.pd-skf__caution{margin:22px 0 0;background:#fbfbf4;border:1px solid #e5e2c5;border-radius:12px;padding:13px 15px;font-size:14px}.pd-skf__related{padding:28px 0 4px}.pd-skf__related h2{font-size:26px}.pd-skf__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 32px;margin-top:16px}.pd-skf__related-grid a{font-weight:700;color:var(--pd-skf-text);text-decoration:none;padding:7px 0}.pd-skf__related-grid a:hover{text-decoration:underline;color:var(--pd-skf-accent-dark)}.pd-skf__related-grid a:focus-visible{outline:3px solid rgba(20,125,127,.25);outline-offset:3px;border-radius:4px}@media(max-width:760px){.pd-skf__shell{padding:20px;border-radius:14px}.pd-skf__stats{grid-template-columns:repeat(2,1fr)}.pd-skf__chroma-grid{grid-template-columns:repeat(6,1fr);row-gap:12px}.pd-skf__related-grid{grid-template-columns:1fr 1fr}.pd-skf__actions .pd-skf__btn{flex:1 1 180px}}@media(max-width:480px){.pd-skf__stats,.pd-skf__related-grid{grid-template-columns:1fr}.pd-skf__filecard{align-items:flex-start}.pd-skf__actions{flex-direction:column}.pd-skf__btn{width:100%}}
