/* Scoped adaptation of the approved V2 reference-sheet layout and palette. */
#operation-example.reference-approved{container-type:inline-size;min-width:0}
.reference-approved .rap-sheet.mockup{width:100%;padding:clamp(16px,4.8cqw,36px);color:#f4f2ed;font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;background:#1b1c1e;border:1px solid #45433f;border-radius:12px;overflow:hidden}
.reference-approved .rap-sheet *{box-sizing:border-box}
.reference-approved .rap-header{padding:0;margin:0 0 26px;background:none}
.reference-approved .rap-kicker{display:block;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid #414140;font-size:clamp(19px,3cqw,23px);font-weight:600;letter-spacing:2px;color:#f4f2ed}
.reference-approved .rap-header .tool-name{font-size:clamp(25px,4cqw,34px);font-weight:600;letter-spacing:1px;line-height:1.35;text-align:left;max-width:none;margin:0 0 14px;color:#f4f2ed}
.reference-approved .rap-header p{font-size:clamp(14px,2.2cqw,17px);line-height:1.7;color:#c5c3bd;margin:0 0 12px}
.reference-approved .rap-status{display:inline-block;border:1px solid #736044;border-radius:6px;padding:4px 8px;font-size:11px;color:#d8c4a2;background:transparent}
.reference-approved .rap-section{padding:0;min-width:0}
.reference-approved .rap-section h3{display:flex;align-items:center;gap:10px;color:#e7e0d4;font-size:clamp(18px,2.8cqw,22px);font-weight:500;line-height:1.5;margin:0 0 16px}
.reference-approved .rap-number{display:inline-grid;place-items:center;flex-shrink:0;width:26px;height:26px;border:1px solid #c3a16b;color:#e3be83;border-radius:50%;font-size:12px;font-weight:400;background:none}
.reference-approved .rap-inputs{display:grid;grid-template-columns:repeat(var(--rap-input-count),minmax(0,1fr));gap:clamp(10px,2cqw,16px);align-items:stretch}
.reference-approved .rap-input{min-width:0;border:1px solid #454442;border-radius:12px;overflow:hidden;background:#232527}
.reference-approved .rap-input-title{display:flex;align-items:center;gap:10px;min-height:54px;padding:14px;margin:0;font-size:clamp(12px,2cqw,16px);font-weight:400;line-height:1.5;color:#f4f2ed;overflow-wrap:anywhere}
.reference-approved .rap-image{display:block;position:relative;width:100%;height:clamp(160px,26cqw,220px);padding:0;border:0;border-block:1px solid #363837;border-radius:0;background:#141516;cursor:zoom-in;color:#d8c4a2}
.reference-approved .rap-image img{display:block;width:100%;height:100%;object-fit:contain}
.reference-approved .rap-image>span{position:absolute;right:6px;bottom:6px;padding:5px 6px;border-radius:5px;background:#161718e6;font-size:10px;opacity:0;transition:opacity .15s}
.reference-approved .rap-image:hover>span,.reference-approved .rap-image:focus-visible>span{opacity:1}
.reference-approved .rap-input-copy{padding:12px 14px;min-height:92px}
.reference-approved .rap-input p{margin:5px 0 0;font-size:clamp(11px,1.7cqw,13px);line-height:1.7;color:#c9c6c0;overflow-wrap:anywhere}
.reference-approved .rap-input p.rap-origin{color:#d8c4a2;font-size:11px;margin:0 0 4px}
.reference-approved .rap-wave{height:clamp(160px,26cqw,220px);display:flex;align-items:center;justify-content:center;gap:3px;position:relative;padding:44px 10px 55px;background:#141516;border-block:1px solid #363837}
.reference-approved .rap-wave i{display:block;flex:1;max-width:5px;border-radius:2px;background:#b99864}
.reference-approved .rap-wave>span{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#bcb5a8;font-size:clamp(11px,1.7cqw,13px)}
.reference-approved .rap-value{height:clamp(160px,26cqw,220px);display:grid;place-items:center;padding:10px;text-align:center;font-size:clamp(24px,5cqw,42px);color:#d9bc8c;background:#141516;border-block:1px solid #363837}
.reference-approved .rap-prompt{margin:26px 0 0;padding:clamp(15px,2.8cqw,22px);border:1px solid #6c593b;border-radius:12px;background:#24221e}
.reference-approved .rap-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.reference-approved .rap-section-heading h3{flex:1;font-size:clamp(18px,2.6cqw,21px);margin-bottom:14px}
.reference-approved .rap-button{flex:none;padding:6px 8px;border:1px solid #7f6744;border-radius:6px;background:#302b23;color:#efd1a0;font-size:11px;cursor:pointer}
.reference-approved .rap-button:hover{background:#40362a}
.reference-approved .rap-note{margin:0 0 14px;font-size:12px;line-height:1.8;color:#b9ac96;overflow-wrap:anywhere}
.reference-approved .rap-prompt-text,.reference-approved .rap-history pre{display:block;max-height:none;overflow:visible;margin:0;padding:0;border:0;background:none;color:#e7e0d4;font-family:inherit;font-size:clamp(14px,2.2cqw,16px);line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;text-align:left}
.reference-approved .rap-empty{margin:0;padding:10px 0 0;border:0;background:none;font-size:14px;line-height:1.85;color:#c8bba5}
.reference-approved .rap-history{margin-top:20px;border:1px solid #5c503d;border-radius:12px;padding:13px 15px;background:#1e1e1b}
.reference-approved .rap-history summary{font-size:13px;color:#d8c4a2;cursor:pointer;line-height:1.8}
.reference-approved .rap-history article{margin-top:17px}
.reference-approved .rap-history h4{font-size:13px;color:#e7e0d4;margin:0 0 7px}
.reference-approved .rap-history p{font-size:11px;color:#b9ac96;line-height:1.8;margin:0 0 11px}
.reference-approved .rap-copy-status{display:block;font-size:11px;color:#d8c4a2;line-height:1.7;margin-top:4px}
.reference-approved .rap-down{display:flex;align-items:center;justify-content:center;min-height:80px;padding:15px 0;color:#c6beb1;font-size:clamp(12px,2cqw,16px);text-align:center;line-height:1.8}
.reference-approved .rap-video-stage{position:relative;overflow:hidden;border:1px solid #41403c;border-radius:12px;background:#111213;line-height:0}
.reference-approved .rap-video{display:block;width:100%;height:auto;min-height:160px;max-height:none;object-fit:contain;background:#111213}
.reference-approved .rap-play{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;color:#efd1a0;cursor:pointer}
.reference-approved .rap-play b{display:grid;place-items:center;width:46px;height:46px;border:1px solid #736044;border-radius:50%;background:rgba(28,28,27,.9);font-size:17px;line-height:1;padding-left:3px}
.reference-approved .rap-play span{padding:10px 13px;border:1px solid #736044;border-radius:100px;background:rgba(28,28,27,.9);font-size:13px;line-height:1.5}
.reference-approved .rap-play[hidden],.reference-approved .rap-video-status[hidden]{display:none!important}
.reference-approved .rap-preview-link{display:block;margin:10px 0 0;padding:0;background:none;border:0;color:#c9c6c0;font-size:12px;cursor:zoom-in}
.reference-approved .rap-workflow{margin:20px 0 0;border:1px solid #6c593b;border-radius:10px;background:#24221e;padding:12px 15px;font-size:13px;color:#c8bba5}
.reference-approved .rap-video-status{font-size:12px;color:#efd1a0;line-height:1.8;margin:10px 0 0}
.reference-approved button:focus-visible,.reference-approved summary:focus-visible{outline:2px solid #e3be83;outline-offset:3px}
.rap-image-dialog{width:min(94vw,1100px);max-width:94vw;max-height:94vh;border:1px solid #59554d;border-radius:12px;background:#1c1c1b;padding:16px;color:#f4f2ed;overflow:auto}
.rap-image-dialog::backdrop{background:#000d}
.rap-image-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;font-size:15px}
.rap-image-heading button{border:1px solid #7f6744;border-radius:6px;padding:7px 11px;color:#efd1a0;background:#302b23;cursor:pointer}
.rap-image-dialog img{display:block;max-width:100%;max-height:76vh;width:auto;height:auto;margin:auto;object-fit:contain}
.rap-image-dialog>p{text-align:center;font-size:11px;color:#aaa69c;margin:12px 0 0}
@container(max-width:420px){.reference-approved .rap-input-title{padding:10px 8px;gap:6px;font-size:12px;min-height:48px}.reference-approved .rap-input-title .rap-number{width:23px;height:23px;font-size:10px}.reference-approved .rap-input-copy{padding:10px;min-height:105px}.reference-approved .rap-inputs{gap:10px}.reference-approved .rap-down{min-height:65px}.reference-approved .rap-image>span{font-size:9px;padding:4px}}
@media(prefers-reduced-motion:reduce){.reference-approved *{transition:none!important}}