/* Authored variants from reference/chat-fragments and implementation/gallery.
   Local classes; native links, forms, focus and approved indigo remain owners. */
.archive-concept-grid,.archive-system-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.archive-concept h2,.archive-system-reveal h2{font-size:clamp(28px,3.5vw,43px);line-height:1.15;margin:12px 0 22px}
.archive-concept p,.archive-system-reveal p{font-size:16px;line-height:1.75}.archive-concept .text-link,.archive-system-reveal .text-link{margin-top:20px}
.archive-caption{font-size:13px!important;line-height:1.65;color:var(--text,#53657c);margin:14px 0 0}
.archive-depth-stage{perspective:900px;min-width:0;padding:18px 12px}.archive-depth-link{display:block;border-radius:20px;text-decoration:none;color:var(--ink);min-width:0}
.archive-depth-surface{position:relative;min-height:325px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff);box-shadow:0 18px 42px #2530691c;transform-style:preserve-3d}
.archive-depth-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font:12px/1.5 ui-monospace,Consolas,monospace;color:var(--blue);transform:translateZ(18px)}.archive-depth-heading>span:last-child{font-size:26px}
.archive-depth-art{position:relative;min-height:175px;transform:translateZ(32px)}.archive-depth-circle{position:absolute;left:calc(50% - 77px);top:15px;width:112px;height:112px;border-radius:50%;background:var(--blue)}
.archive-depth-panel{position:absolute;left:calc(50% - 22px);top:52px;width:139px;height:82px;border:1px solid #bbc5e9;border-radius:12px;background:#eef0fc;box-shadow:-9px 12px 20px #2530691c;transform:rotate(-13deg)}.archive-depth-panel>i{display:block;width:72px;height:5px;margin:25px 17px 0;border-radius:4px;background:var(--blue);opacity:.55}.archive-depth-panel>i+i{width:45px;margin-top:10px}
.archive-depth-ring{position:absolute;left:calc(50% - 105px);top:115px;width:22px;height:22px;border:5px solid var(--blue);border-radius:50%}.archive-depth-caption{display:grid;gap:8px;transform:translateZ(18px)}.archive-depth-caption strong{font-size:23px;line-height:1.25}.archive-depth-caption>span{font-size:13px;line-height:1.6;color:var(--text)}
.archive-depth .archive-depth-glare{display:block;position:absolute;inset:0;transform:translateZ(36px);border-radius:inherit;pointer-events:none;mask:none;padding:0;background:radial-gradient(circle at var(--dpe-x,50%) var(--dpe-y,20%),#fff9,transparent 65%);opacity:var(--dpe-glare-opacity,0)}
.archive-depth-play{margin-top:12px}.archive-magnet-example{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-top:24px}.archive-magnet-example .archive-caption{flex-basis:100%;margin:0}
.archive-magnet-hit{border:0;background:transparent;padding:8px;border-radius:15px;max-width:100%;min-height:44px;cursor:pointer}.archive-magnet-face{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;padding:13px 18px;border-radius:11px;border:1px solid #bdc6e7;background:#f3f5ff;color:#35459c;font-size:14px;line-height:1.5;box-shadow:0 12px 26px #5060c727;pointer-events:none}.archive-magnet-face>span:last-child{font-size:24px}
.dpe-effect[data-dp-effect=magnet] .archive-magnet-face{display:flex}
.archive-code-frame{width:100%;min-width:0}.archive-code-face{min-width:0;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.archive-code-face>a{margin-top:24px}
.archive-converter{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}.archive-data-stage{height:320px!important;min-height:0;position:relative;overflow:hidden;border-radius:12px;background:#edf0ff}
.archive-data-art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:25px;background:#edf0ff;color:#1c2940}.archive-data-art>span{font:12px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.05em}.archive-data-art>strong{font:600 clamp(30px,4vw,48px)/1.1 ui-monospace,Consolas,monospace;letter-spacing:-.05em}.archive-data-art pre{font:13px/1.7 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto;margin:0}
.archive-data-alt{background:#152040;color:#eff3ff}.archive-data-art[hidden],.archive-converter-result[hidden],.archive-result-caption[hidden]{display:none!important}
.archive-converter-body{min-width:0}.archive-converter fieldset{border:0;padding:0;margin:0;min-width:0}.archive-converter label{display:block;font-weight:650;font-size:15px;margin-bottom:10px}.archive-converter textarea{display:block;width:100%;max-width:100%;min-height:165px;box-sizing:border-box;font:14px/1.6 ui-monospace,Consolas,monospace}.archive-converter-submit{margin-top:14px;max-width:100%}
.archive-code-status{font-size:14px;line-height:1.7;margin:16px 0 0;min-height:1.7em}.archive-code-status[data-state=error]{color:#9d2437}.archive-code-status[data-state=ready]{color:#275c46}.archive-converter-result h3{font-size:17px;margin:24px 0 10px}.archive-converter-result pre{margin:0;padding:16px;border-radius:8px;background:#f1f4fa;color:#14263e;border:1px solid var(--line);font:13px/1.7 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto}
.archive-system-stage{height:290px!important;position:relative;overflow:hidden;border-radius:14px;background:#edf0ff}.archive-system-art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:#edf0ff;color:#1c2940;overflow:hidden}.archive-system-art>span{font:11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.05em;z-index:1}.archive-system-art>strong{font-size:clamp(30px,4vw,45px);line-height:1.08;letter-spacing:-.04em;z-index:1;max-width:80%}.archive-system-alt{background:#182441;color:#f2f5ff}.archive-system-art[hidden]{display:none!important}.archive-system-disc{position:absolute;right:-28px;bottom:-55px;width:205px;height:205px;border-radius:50%;background:#c7cef7}.archive-system-square{position:absolute;right:-5px;bottom:-42px;width:180px;height:180px;border:22px solid #95a6ec;transform:rotate(15deg)}.archive-system-effect>.dpe-local-control{margin-top:16px}
@media(max-width:760px){.archive-concept-grid,.archive-system-grid{grid-template-columns:minmax(0,1fr);gap:28px}.archive-converter{grid-template-columns:minmax(0,1fr);gap:24px}.archive-code-face{padding:20px}.archive-data-stage{height:250px!important}.archive-depth-stage{padding:14px 6px}.archive-depth-surface{padding:20px}.archive-depth-caption strong{font-size:21px}.archive-system-stage{height:270px!important}.archive-magnet-face{font-size:13px;padding:12px 14px;gap:16px}}
@media(prefers-reduced-motion:reduce){.archive-depth :is(.archive-depth-heading,.archive-depth-art,.archive-depth-caption,.archive-depth-glare){transform:none!important}.archive-depth .archive-depth-glare{display:none!important}}
@media(hover:none),(pointer:coarse){.archive-depth:not([data-dp-preview-running=true]) .archive-depth-glare{display:none}}
@media print{.archive-depth-play,.archive-magnet-hit,.archive-system-effect>.dpe-local-control{display:none!important}.archive-depth-surface{box-shadow:none;transform:none!important}.archive-depth :is(.archive-depth-heading,.archive-depth-art,.archive-depth-caption,.archive-depth-glare){transform:none!important}}