.dth-photo{--dth-accent:#155e75;--dth-ink:#172e3b;max-width:1120px;margin:0 auto;padding:48px 24px;color:var(--dth-ink);font:16px/1.6 system-ui,sans-serif;box-sizing:border-box}.dth-photo *{box-sizing:border-box}.dth-photo .dth-intro{margin-bottom:36px}.dth-photo .dth-eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;color:#526974}.dth-photo h2{font:700 clamp(28px,4vw,44px)/1.15 system-ui,sans-serif;color:var(--dth-ink);margin:12px 0}.dth-photo h3{font:650 18px/1.4 system-ui,sans-serif;color:var(--dth-ink);margin:0 0 14px}.dth-photo p{margin:8px 0 20px;padding:0}.dth-photo .dth-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);gap:44px;align-items:start}.dth-photo .dth-choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.dth-photo button,.dth-photo .dth-upload{font:600 14px/1.4 system-ui,sans-serif;border:1px solid #cbd7dd;border-radius:10px;background:white;color:var(--dth-ink);padding:12px 16px;cursor:pointer;transition:background .15s}.dth-photo button[aria-pressed=true]{background:#e8f4f6;border-color:var(--dth-accent);box-shadow:inset 0 0 0 1px var(--dth-accent)}.dth-photo .dth-upload{display:block;text-align:center;border:1px dashed #7395a3;background:#f6fafb}.dth-photo .dth-file{display:block;width:100%;font-size:12px;margin-top:10px}.dth-photo .dth-hint{font-size:13px;color:#536873}.dth-photo .dth-adjust{border-top:1px solid #e0e8ec;padding-top:24px;margin-top:24px}.dth-photo .dth-zoom{display:block;width:100%;accent-color:var(--dth-accent);margin:14px 0 18px}.dth-photo .dth-download{display:block;width:100%;background:var(--dth-accent);color:white;border-color:var(--dth-accent);margin-top:12px}.dth-photo button:disabled{opacity:.45;cursor:not-allowed}.dth-photo canvas{width:100%;height:auto;display:block;border-radius:16px;margin-top:12px;background:#eef2f4;touch-action:none;cursor:grab;border:1px solid #d8e2e7}.dth-photo canvas:active{cursor:grabbing}.dth-photo :focus-visible{outline:3px solid #029ac2;outline-offset:4px}.dth-photo .dth-status{font-size:14px;min-height:24px}.dth-photo .dth-preview{min-width:0}@media(max-width:700px){.dth-photo{padding:28px 16px}.dth-photo .dth-layout{grid-template-columns:1fr;gap:28px}.dth-photo .dth-preview{grid-row:auto}.dth-photo canvas{max-width:480px;margin-left:auto;margin-right:auto}}

.dth-photo .dth-share{display:block;width:100%;background:var(--dth-accent);color:white;border-color:var(--dth-accent);margin-top:12px;min-height:48px}.dth-photo .dth-share[hidden]{display:none}.dth-photo .dth-share:not([hidden]) + .dth-download{background:white;color:var(--dth-accent)}

.dth-photo .dth-thumb{display:none}.dth-photo .dth-frame-picker{margin-top:24px}@media(min-width:701px){.dth-photo .dth-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.dth-photo .dth-choice{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;font-size:12px;overflow-wrap:anywhere;min-width:0}.dth-photo .dth-thumb{display:block;width:100%;max-width:96px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:6px;background:repeating-conic-gradient(#e5e9ed 0% 25%,#fff 0% 50%) 0 0/16px 16px}.dth-photo .dth-thumb[hidden]{display:none}}