.dss-ppt{--dss-accent:#0f6cbd;--dss-bd:#d8dde3;--dss-bg:#f7f9fb;--dss-tx:#1f2933;--dss-mut:#5f6c7b;margin:1.5em 0;color:var(--dss-tx);font-size:16px;line-height:1.5;box-sizing:border-box}
.dss-ppt *{box-sizing:border-box}
.dss-ppt h3{margin:0 0 .25em;font-size:1.35em}
.dss-desc{margin:0 0 1em;color:var(--dss-mut)}
.dss-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1.25em}
.dss-tab{border:1px solid var(--dss-bd);background:#fff;color:var(--dss-tx);padding:7px 12px;border-radius:6px;cursor:pointer;font-size:.85em;line-height:1.3}
.dss-tab.on{background:var(--dss-accent);border-color:var(--dss-accent);color:#fff}
.dss-tool{border:1px solid var(--dss-bd);background:#fff;border-radius:10px;padding:1.25em}
.dss-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;background:var(--dss-bg);border:1px solid var(--dss-bd);border-radius:8px;padding:14px}
.dss-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.dss-field.dss-full{grid-column:1/-1}
.dss-field label{font-size:.85em;font-weight:600}
.dss-field input[type=text],.dss-field input[type=number],.dss-field input[type=datetime-local],.dss-field select,.dss-field textarea{width:100%;padding:8px 10px;border:1px solid #b9c2cc;border-radius:6px;background:#fff;color:var(--dss-tx);font:inherit;font-size:.92em}
.dss-field textarea{font-family:Consolas,Menlo,monospace;resize:vertical}
.dss-field small{color:var(--dss-mut);font-size:.78em}
.dss-field.dss-check{flex-direction:row;align-items:center;gap:8px}
.dss-actions{margin:.75em 0 0;text-align:right}
.dss-btn,.dss-copy{border:1px solid var(--dss-accent);background:#fff;color:var(--dss-accent);border-radius:6px;padding:4px 12px;font-size:.8em;cursor:pointer}
.dss-copy:hover,.dss-btn:hover{background:var(--dss-accent);color:#fff}
.dss-out{margin-top:1em;display:grid;gap:12px}
.dss-item{border:1px solid var(--dss-bd);border-radius:8px;padding:10px 12px;background:#fff}
.dss-item-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.dss-code{margin:0;padding:10px;background:#101820;color:#e6edf3;border-radius:6px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;font:.85em/1.5 Consolas,Menlo,monospace}
.dss-item ul{margin:.25em 0 0 1.2em;padding:0}
.dss-item li{margin:.2em 0}
.dss-note{margin:.5em 0 0;color:var(--dss-mut);font-size:.85em}
.dss-swatch{height:44px;border-radius:6px;border:1px solid var(--dss-bd);margin-bottom:8px}
@media(max-width:640px){.dss-form{grid-template-columns:1fr}}