.dj-pencil{--dp-ink:#20363b;--dp-muted:#4e656a;--dp-edge:#cbd8d7;--dp-soft:#f3f7f5;--dp-accent:#236b60;color:var(--dp-ink);overflow-wrap:anywhere;max-width:100%;font-family:system-ui,-apple-system,Noto Sans CJK JP,Yu Gothic,sans-serif;font-size:16px;line-height:1.85}.dj-pencil *{box-sizing:border-box;min-width:0}.dj-pencil [hidden]{display:none!important}.dj-pencil .dj-pencil-top{border:1px solid var(--dp-edge);border-top:5px solid var(--dp-accent);background:var(--dp-soft);border-radius:18px;margin:22px 0;padding:24px}.dj-pencil .dj-pencil-eyebrow{letter-spacing:.13em;color:var(--dp-accent);margin:0 0 6px;font-size:.76rem;font-weight:750}.dj-pencil h3{margin:8px 0 14px;font-size:clamp(1.4rem,3.5vw,1.9rem);line-height:1.55}.dj-pencil h4,.dj-pencil h5{margin:0 0 14px;font-size:1.14rem;line-height:1.6}.dj-pencil h6{margin:19px 0 7px;font-size:.96rem;line-height:1.6}.dj-pencil p{margin:10px 0}.dj-pencil ul{margin:7px 0;padding-left:1.4em}.dj-pencil li+li{margin-top:8px}.dj-pencil .dj-pencil-panel{border:1px solid var(--dp-edge);background:#fff;border-radius:18px;margin:25px 0;padding:26px}.dj-pencil .dj-pencil-fields{grid-template-columns:1fr 1fr;gap:22px;display:grid}.dj-pencil label{font-weight:700;line-height:1.65;display:block}.dj-pencil label.wide{grid-column:1/-1}.dj-pencil select,.dj-pencil input{width:100%;max-width:100%;color:var(--dp-ink);min-height:48px;font:inherit;background:#fff;border:1px solid #92a8a4;border-radius:9px;margin:8px 0 3px;padding:11px 12px;font-size:16px;line-height:1.5;display:block}.dj-pencil select{padding-right:24px}.dj-pencil [data-selected]{color:var(--dp-muted);font-size:.8rem;font-weight:400;line-height:1.65;display:block}.dj-pencil .dj-pencil-actions{flex-wrap:wrap;gap:12px;margin:22px 0 5px;display:flex}.dj-pencil button{border:1px solid var(--dp-accent);background:var(--dp-accent);color:#fff;min-height:48px;font:inherit;cursor:pointer;border-radius:10px;padding:12px 19px;font-weight:700}.dj-pencil button[data-action=reset]{color:var(--dp-accent);background:#fff}.dj-pencil button:disabled{opacity:.5;cursor:default}.dj-pencil [data-status]{color:var(--dp-muted);min-height:1.7em;margin:10px 0 0;font-size:.82rem}.dj-pencil [data-output]{border-top:3px solid var(--dp-accent);margin-top:20px;padding-top:22px}.dj-pencil .dj-pencil-results{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;display:grid}.dj-pencil .dj-pencil-result-card{background:var(--dp-soft);border:1px solid var(--dp-edge);border-radius:13px;padding:20px}.dj-pencil .dj-pencil-compat{background:#e4eee9;border-radius:8px;padding:10px 12px;font-weight:750}.dj-pencil .dj-pencil-compat.unsupported,.dj-pencil .dj-pencil-error{color:#813f27;background:#fff1e7;border-radius:8px;padding:10px 12px}.dj-pencil .dj-pencil-compat.unconfirmed{color:#635529;background:#f4efdf}.dj-pencil .dj-pencil-note{background:#fff8e9;border-left:4px solid #a87635;border-radius:0 8px 8px 0;padding:16px}.dj-pencil .dj-pencil-fine{color:var(--dp-muted);font-size:.85rem}.dj-pencil .dj-pencil-amount{font-size:1.2rem;font-weight:800}.dj-pencil .dj-pencil-table-wrap{max-width:100%;margin:14px 0;overflow:auto}.dj-pencil table{border-collapse:collapse;width:100%;min-width:440px;font-size:.88rem}.dj-pencil td,.dj-pencil th{border-bottom:1px solid var(--dp-edge);text-align:left;vertical-align:top;padding:12px}.dj-pencil th{background:#e6efeb;font-weight:750}.dj-pencil a{color:#1a695e;text-underline-offset:3px;text-decoration:underline}.dj-pencil :focus-visible{outline-offset:4px;outline:3px solid #a27131}.dj-pencil [aria-invalid=true]{border:2px solid #9e4a31}@media (width<=650px){.dj-pencil .dj-pencil-fields,.dj-pencil .dj-pencil-results{grid-template-columns:1fr}.dj-pencil .dj-pencil-panel{padding:20px 15px}.dj-pencil .dj-pencil-top{padding:20px 16px}.dj-pencil .dj-pencil-actions button{flex:220px}}.dj-pencil{--dp-ink:var(--foreground);--dp-muted:var(--muted-foreground);--dp-edge:var(--border);--dp-soft:var(--surface-soft)}.dj-pencil .dj-pencil-panel,.dj-pencil select,.dj-pencil input{background:var(--background)}.dj-pencil th,.dj-pencil .dj-pencil-compat{background:var(--surface-soft)}.dj-pencil .dj-pencil-note{background:var(--surface-note)}.dj-pencil a,.dj-pencil .dj-pencil-eyebrow{color:var(--foreground)}.dj-pencil .dj-pencil-model-list summary{cursor:pointer;padding:12px 0;font-weight:700}.dark .dj-pencil .dj-pencil-compat.unsupported,.dark .dj-pencil .dj-pencil-error{color:#ffd9c9;background:#3f2920}.dark .dj-pencil .dj-pencil-compat.unconfirmed{color:#f2ddb0;background:#39311f}