.rendering-page{gap:1.1rem}.rendering-note{margin-top:.4rem;font-size:.86rem;color:var(--muted)}.rendering-controls{display:grid;gap:.8rem;grid-template-columns:minmax(180px,280px) minmax(220px,1fr);align-items:end}.rendering-topic{display:grid;gap:.35rem;font-size:.85rem;font-weight:700;color:var(--label-ink)}.rendering-topic select{border:1px solid var(--border);border-radius:10px;padding:.5rem .6rem;font:inherit;color:var(--ink);background:var(--surface-strong)}.rendering-modes{display:flex;gap:.45rem;flex-wrap:wrap}.rendering-mode-frame{margin-top:1rem;border:1px solid var(--border);border-radius:16px;padding:.9rem 1rem;background:var(--surface-accent);display:grid;gap:.8rem}.rendering-mode-frame__header h2{margin:0;font-size:1.05rem}.rendering-mode-frame__header p{margin:.4rem 0 0;color:var(--muted);font-size:.9rem}.mode-chip{border:1px solid var(--border);border-radius:999px;padding:.4rem .8rem;font-weight:700;font-size:.85rem;cursor:pointer;text-transform:capitalize;color:var(--ink);background:var(--surface-strong)}.mode-chip.is-active{border-color:color-mix(in srgb,var(--mint) 55%,var(--border) 45%);background:var(--surface-accent-strong)}.rendering-output{margin-top:1.2rem;min-height:320px}.rendering-image{width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:14px;border:1px solid var(--border);cursor:pointer}.rendering-section__media,.rendering-shape__media,.rendering-tempo__image{display:grid;width:100%;justify-items:stretch;max-width:clamp(240px,40vw,460px)}.rendering-depth{display:grid;gap:1.4rem}.rendering-section{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:start}.rendering-section__content{grid-column:1}.rendering-section__media{grid-column:2}.rendering-section.is-right{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.rendering-section.is-right .rendering-section__content{order:2;grid-column:2}.rendering-section.is-right .rendering-section__media{grid-column:1}.rendering-section__content h3{margin:0;font-size:1.2rem}.rendering-section__content p{margin:.6rem 0 0}.rendering-section__content ul{margin:.6rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem}.rendering-section__terms{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.35rem}.rendering-section__terms span{border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600;background:var(--surface-neutral)}.rendering-shape{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start}.rendering-shape__map{position:relative;min-height:420px;border:1px solid color-mix(in srgb,var(--mint) 35%,var(--border) 65%);border-radius:20px;background:radial-gradient(circle at 50% 40%,#f7fffd,#e6fbf6 55%,#dff6f1);overflow:hidden;padding:2.2rem 2.6rem;color:#0f172a}.rendering-shape__connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.rendering-shape__connectors line{stroke:color-mix(in srgb,var(--mint) 65%,#9adad0 35%);stroke-width:1.3;stroke-linecap:round}.rendering-shape__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.8rem 1rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--mint) 55%,var(--border) 45%);background:#f4fffd;box-shadow:0 18px 40px #12594e1f;display:grid;gap:.35rem;text-align:center;z-index:1}.rendering-shape__center span{font-size:.75rem;color:#64748b}.rendering-shape__node{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--mint) 45%,var(--border) 55%);border-radius:18px;padding:.5rem .7rem;background:#fff;color:#0f172a;font-size:.82rem;font-weight:650;cursor:pointer;max-width:var(--node-width, 190px);min-width:150px;text-align:center;z-index:1;box-shadow:0 10px 20px #13574c1f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.rendering-shape__node:hover,.rendering-shape__node:focus-visible{transform:translate(-50%,-50%) scale(1.03);box-shadow:0 16px 28px #13574c29;border-color:color-mix(in srgb,var(--mint) 70%,var(--border) 30%)}.rendering-shape__panel{border:1px solid color-mix(in srgb,var(--mint) 45%,var(--border) 55%);border-radius:16px;padding:.9rem;background:#fff;color:#0f172a;display:grid;gap:.6rem;box-shadow:0 12px 24px #13574c1f}.rendering-shape__panel.is-hidden{display:none}.rendering-shape__panel h3{margin:0}.rendering-shape__panel ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem}.rendering-shape__terms{display:flex;flex-wrap:wrap;gap:.35rem}.rendering-shape__terms span{border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:600;background:var(--surface-neutral)}.rendering-shape__media{display:grid;gap:.5rem}.rendering-shape__close{justify-self:end;border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;color:#0f172a;background:var(--surface-accent);cursor:pointer}.rendering-tempo{display:grid;gap:1rem}.rendering-tempo__header{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}.rendering-tempo__controls{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.rendering-tempo__note{font-size:.78rem;color:var(--muted);max-width:48ch}.rendering-tempo__controls button,.rendering-tempo__controls select{border:1px solid var(--border);border-radius:999px;padding:.3rem .75rem;font-size:.75rem;font-weight:700;background:var(--surface-strong);color:var(--ink);cursor:pointer}.rendering-tempo__pace{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;background:var(--surface-strong);color:var(--ink)}.rendering-tempo__pace input{width:110px;accent-color:var(--ink)}.rendering-tempo__pace-value{min-width:3.2rem;text-align:right;font-variant-numeric:tabular-nums}.rendering-tempo__stage{border:1px solid var(--border);border-radius:20px;padding:1.2rem;display:grid;gap:.8rem;background:var(--surface-accent)}.rendering-tempo__image{display:grid}.rendering-tempo__caption{margin:0;font-size:.9rem;color:var(--label-ink)}.rendering-credits{margin:1rem auto 2rem;width:min(920px,92vw);font-size:.85rem;color:var(--muted)}.rendering-credits summary{cursor:pointer;font-weight:600}.rendering-credits ul{margin:.6rem 0 0;padding-left:1.1rem;display:grid;gap:.4rem}.rendering-lightbox{position:fixed;inset:0;display:grid;place-items:center;z-index:40}.rendering-lightbox[hidden]{display:none}.rendering-lightbox__backdrop{position:absolute;inset:0;background:#000000a6}.rendering-lightbox__panel{position:relative;background:var(--surface-strong);border-radius:16px;padding:1rem;max-width:min(860px,90vw);max-height:85vh;z-index:1}.rendering-lightbox__panel img{max-width:100%;max-height:65vh;height:auto;object-fit:contain;border-radius:12px}.rendering-lightbox__close{position:absolute;right:1rem;top:1rem;border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;background:var(--surface-accent);cursor:pointer}.rendering-lightbox figcaption{margin-top:.6rem;font-size:.8rem;color:var(--muted)}@media(max-width:980px){.rendering-controls,.rendering-section,.rendering-section.is-right{grid-template-columns:1fr}.rendering-section.is-right .rendering-section__content{order:0}.rendering-section__content,.rendering-section__media{grid-column:1}.rendering-section__media,.rendering-shape__media,.rendering-tempo__image{max-width:min(100%,520px);justify-self:start}.rendering-shape{grid-template-columns:1fr}}