#ai-design-iteration-study .is-page{--is-bg:light-dark(#f8f7f1,#1a2322);--is-paper:light-dark(#fffefa,#273532);--is-ink:light-dark(#293f38,#eaf3ea);--is-muted:light-dark(#65746b,#b2c1b6);--is-line:light-dark(#d8e0d5,#46594c);--is-soft:light-dark(#f0f2e9,#304034);--is-accent:light-dark(#456c45,#b6d6a0);--is-tint:light-dark(#dfe9d6,#3c5136);--is-human:light-dark(#9c5435,#edb69c);--is-human-tint:light-dark(#f5e3d6,#4e392e);--is-shadow:light-dark(#2943231a,#0000003b);--is-veil:light-dark(#28382ca8,#101810cc);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;background:var(--is-bg);color:var(--is-ink);container-type:inline-size;overflow-wrap:anywhere} #ai-design-iteration-study .is-page *{box-sizing:border-box} #ai-design-iteration-study .is-page [hidden]{display:none!important} #ai-design-iteration-study .is-page p{margin:0} #ai-design-iteration-study .is-page button{font:inherit;color:inherit;cursor:pointer} #ai-design-iteration-study .is-page button:disabled{cursor:default;opacity:.4} #ai-design-iteration-study .is-page h2{font-size:clamp(28px,4cqw,40px);line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:12px 0 18px} #ai-design-iteration-study .is-page h3{font-size:24px;line-height:1.35;font-weight:500;letter-spacing:-.02em;margin:10px 0 15px} #ai-design-iteration-study .is-eyebrow{font:11px/1.5 ui-monospace,monospace;letter-spacing:.055em;color:var(--is-accent)} #ai-design-iteration-study .is-chrome{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 28px;border-bottom:1px solid var(--is-line);font-size:12px;color:var(--is-muted)} #ai-design-iteration-study .is-brand{font-size:20px;letter-spacing:-.8px;font-weight:500;color:var(--is-ink)} #ai-design-iteration-study .is-scroll-bar{padding:12px 28px;display:flex;justify-content:space-between;gap:12px;font-size:12px;border-bottom:1px solid var(--is-line)} #ai-design-iteration-study .is-scroll-bar>span:last-child{display:flex;align-items:center;gap:7px;color:var(--is-muted)} #ai-design-iteration-study .is-scroll{height:650px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:var(--is-accent) var(--is-soft)} #ai-design-iteration-study .is-intro{padding:30px 32px 22px;max-width:670px} #ai-design-iteration-study .is-intro p{font-size:14px;color:var(--is-muted)} #ai-design-iteration-study .is-scroll-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:30px;padding:0 30px} #ai-design-iteration-study .is-beat{min-height:330px;padding:44px 0 70px} #ai-design-iteration-study .is-beat h3{font-size:23px;max-width:330px} #ai-design-iteration-study .is-beat p{font-size:14px;color:var(--is-muted);max-width:340px} #ai-design-iteration-study .is-actor{font-size:11px;color:var(--is-human)} #ai-design-iteration-study .is-scroll-visual{min-width:0;position:relative} #ai-design-iteration-study .is-sticky{position:sticky;top:18px;padding:8px 0 20px} #ai-design-iteration-study .is-scene-note{font-size:12px;color:var(--is-ink);margin:12px 0 8px!important;min-height:38px} #ai-design-iteration-study .is-demo-version{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--is-muted);margin-bottom:10px} #ai-design-iteration-study .is-version{color:var(--is-accent);font-weight:500} #ai-design-iteration-study .is-ledger{padding:15px;background:var(--is-paper);border:1px solid var(--is-line);border-radius:12px;box-shadow:0 9px 27px var(--is-shadow)} #ai-design-iteration-study .is-ledger-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;font-size:16px;font-weight:500} #ai-design-iteration-study .is-ledger-title small{font-size:11px;font-weight:400;color:var(--is-muted)} #ai-design-iteration-study .is-purchase{padding:9px 10px;border:1px solid var(--is-line);border-radius:5px;margin-bottom:12px;font-size:12px;display:flex;justify-content:space-between;gap:8px} #ai-design-iteration-study .is-purchase small{font-size:11px;color:var(--is-muted)} #ai-design-iteration-study .is-stage{height:376px;position:relative} #ai-design-iteration-study .is-demo-group{position:absolute;left:0;right:0;height:148px;border:1px solid var(--is-line);border-radius:7px;background:var(--is-paper);padding:9px} #ai-design-iteration-study .is-group-b{top:160px} #ai-design-iteration-study .is-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--is-soft);padding:7px 8px;border-radius:4px;font-size:12px;margin-bottom:9px} #ai-design-iteration-study .is-group-head small{display:block;font-size:11px;color:var(--is-muted)} #ai-design-iteration-study .is-ui-delete{font-size:11px;color:var(--is-muted);white-space:nowrap;padding:3px} #ai-design-iteration-study .is-demo-row{height:28px;margin-top:6px;padding:4px 8px;display:flex;align-items:center;gap:12px;border:1px solid var(--is-line);border-radius:4px;font:11px/1.3 ui-monospace,monospace} #ai-design-iteration-study .is-demo-row>span:first-child{flex:1;min-width:0} #ai-design-iteration-study .is-demo-row small{font-size:11px;color:var(--is-muted)} #ai-design-iteration-study .is-row-b2{position:relative} #ai-design-iteration-study .is-group-undo{position:absolute;top:0;left:0;right:0;height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--is-line);border-radius:6px;background:var(--is-soft);font-size:11px;opacity:0} #ai-design-iteration-study .is-card-undo{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--is-line);border-radius:4px;background:var(--is-soft);font-size:11px;opacity:0} #ai-design-iteration-study .is-ui-undo{color:var(--is-accent);font-size:11px;font-weight:500;white-space:nowrap;padding:3px} #ai-design-iteration-study .is-global-undo{position:absolute;left:0;right:0;bottom:7px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--is-line);border-radius:6px;background:var(--is-soft);font-size:11px;opacity:0} #ai-design-iteration-study .is-lost{position:absolute;top:169px;left:0;right:0;padding:18px 12px;border-left:2px solid var(--is-human);background:var(--is-human-tint);color:var(--is-human);opacity:0;font-size:12px} #ai-design-iteration-study .is-lost small{display:block;font-size:11px;margin-top:5px} #ai-design-iteration-study .is-pointer{position:absolute;pointer-events:none;color:var(--is-human);z-index:7;opacity:0;filter:drop-shadow(1px 2px 1px var(--is-paper))} #ai-design-iteration-study .is-click-ring{position:absolute;pointer-events:none;border:2px solid var(--is-human);width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%);z-index:6;opacity:0} #ai-design-iteration-study .is-target{background:var(--is-human-tint)!important;color:var(--is-human)!important;border-radius:4px;box-shadow:0 0 0 3px var(--is-human-tint)} #ai-design-iteration-study .is-end{padding:35px 32px 60px;border-top:1px solid var(--is-line)} #ai-design-iteration-study .is-end p{max-width:620px;color:var(--is-muted)} #ai-design-iteration-study .is-map-page{position:relative;isolation:isolate} #ai-design-iteration-study .is-map-intro{padding:30px 32px 12px;display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap} #ai-design-iteration-study .is-map-intro p{font-size:12px;color:var(--is-muted);padding-bottom:15px} #ai-design-iteration-study .is-map{height:500px;margin:0 28px 10px;position:relative} #ai-design-iteration-study .is-floor{position:absolute;inset:24px 5px 35px;background:linear-gradient(30deg,transparent 49.8%,var(--is-line) 50%,transparent 50.2%),linear-gradient(-30deg,transparent 49.8%,var(--is-line) 50%,transparent 50.2%),var(--is-tint);background-size:100px 58px;border:1px solid var(--is-line);border-radius:30px;box-shadow:0 15px 0 var(--is-line),0 25px 35px var(--is-shadow);transform:perspective(900px) rotateX(8deg)} #ai-design-iteration-study .is-route-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible} #ai-design-iteration-study .is-route-svg path{fill:none;stroke:var(--is-paper);stroke-width:16;stroke-linecap:round} #ai-design-iteration-study .is-station{position:absolute;width:152px;min-height:116px;padding:13px;background:var(--is-paper);border:1px solid var(--is-line);border-radius:8px;text-align:left;transform:translate(-50%,-50%) rotate(-4deg);box-shadow:6px 9px 0 var(--is-line),10px 17px 24px var(--is-shadow);transition:transform .3s,box-shadow .3s} #ai-design-iteration-study .is-station:nth-child(even){transform:translate(-50%,-50%) rotate(4deg)} #ai-design-iteration-study .is-station:is(:hover,:focus-visible){transform:translate(-50%,-60%) rotate(0);box-shadow:6px 12px 0 var(--is-accent),10px 23px 25px var(--is-shadow)} #ai-design-iteration-study .is-station small{font:11px/1.3 ui-monospace,monospace;color:var(--is-muted)} #ai-design-iteration-study .is-station strong{display:block;font-size:15px;font-weight:500;margin:6px 0} #ai-design-iteration-study .is-station em{display:block;font-size:11px;font-style:normal;color:var(--is-muted)} #ai-design-iteration-study .is-station-prop{display:flex;gap:5px;align-items:end;height:25px;margin-top:10px} #ai-design-iteration-study .is-station-prop i{display:block;width:27%;height:18px;background:var(--is-tint);border:1px solid var(--is-line);border-radius:3px} #ai-design-iteration-study .is-station-prop i:nth-child(2){height:25px} #ai-design-iteration-study .is-station-prop i:last-child{height:21px;background:var(--is-accent);opacity:.6} #ai-design-iteration-study .is-station:nth-child(3) .is-station-prop i{height:7px;width:90%} #ai-design-iteration-study .is-station:nth-child(3) .is-station-prop{flex-direction:column;align-items:start;gap:4px} #ai-design-iteration-study .is-station:nth-child(4) .is-station-prop i{width:22px;height:22px;border-radius:50%} #ai-design-iteration-study .is-station:nth-child(6) .is-station-prop i{width:13px;height:13px;border-radius:50%} #ai-design-iteration-study .is-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--is-accent);border:5px solid var(--is-paper);box-shadow:0 0 0 4px var(--is-shadow);transform:translate(-50%,-50%);pointer-events:none;z-index:3} #ai-design-iteration-study .is-map-footer{padding:18px 30px;border-top:1px solid var(--is-line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--is-muted)} #ai-design-iteration-study .is-layer{position:absolute;inset:0;z-index:10;background:var(--is-veil);padding:22px;display:flex;align-items:flex-start;justify-content:center} #ai-design-iteration-study .is-dialog{width:100%;max-width:920px;background:var(--is-paper);color:var(--is-ink);border:1px solid var(--is-line);border-radius:16px;box-shadow:0 25px 75px var(--is-shadow);padding:0;overflow-wrap:anywhere} #ai-design-iteration-study .is-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:22px 24px 16px;border-bottom:1px solid var(--is-line)} #ai-design-iteration-study .is-dialog-head h3{font-size:26px;margin:7px 0 0} #ai-design-iteration-study .is-close{width:36px;height:36px;flex-shrink:0;border:1px solid var(--is-line);border-radius:50%;background:var(--is-paper);display:grid;place-items:center} #ai-design-iteration-study .is-dialog-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:25px;padding:22px 24px 16px} #ai-design-iteration-study .is-dialog-stage{min-width:0} #ai-design-iteration-study .is-dialog-reading{padding-top:24px;min-width:0} #ai-design-iteration-study .is-dialog-reading h4{font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.02em;margin:12px 0 17px;min-height:65px} #ai-design-iteration-study .is-dialog-reading p{font-size:14px;color:var(--is-muted)} #ai-design-iteration-study .is-player{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 24px;border-top:1px solid var(--is-line)} #ai-design-iteration-study .is-player button{padding:9px 11px;font-size:12px;background:var(--is-paper);border:1px solid var(--is-line);border-radius:6px} #ai-design-iteration-study .is-player>div{display:flex;gap:7px} #ai-design-iteration-study .is-player .is-play{display:flex;gap:8px;align-items:center;background:var(--is-tint)} #ai-design-iteration-study .is-count{font:11px/1.4 ui-monospace,monospace;color:var(--is-muted)} #ai-design-iteration-study .is-general-scene{padding:22px 17px;background:var(--is-bg);border:1px solid var(--is-line);border-radius:10px;min-height:365px} #ai-design-iteration-study .is-general-top{padding:14px;background:var(--is-paper);border:1px solid var(--is-line);border-radius:6px;font-size:13px;margin-bottom:20px} #ai-design-iteration-study .is-general-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px} #ai-design-iteration-study .is-g-card{min-height:100px;padding:13px;border:1px solid var(--is-line);border-radius:7px;background:var(--is-paper);font-size:13px} #ai-design-iteration-study .is-g-card small{display:block;font-size:11px;color:var(--is-muted);margin-top:9px} #ai-design-iteration-study .is-g-card i{display:block;height:9px;background:var(--is-soft);margin-top:12px;border-radius:3px} #ai-design-iteration-study .is-g-card.selected{background:var(--is-tint);border-color:var(--is-accent)} #ai-design-iteration-study .is-general-bottom{font-size:12px;color:var(--is-accent);margin-top:25px} @container(max-width:700px){ #ai-design-iteration-study .is-dialog-body{grid-template-columns:1fr;gap:8px;padding:17px} #ai-design-iteration-study .is-dialog-reading{padding-top:0} #ai-design-iteration-study .is-dialog-reading h4{min-height:0;font-size:21px;margin:8px 0 12px} #ai-design-iteration-study .is-evidence{margin-top:15px;padding-top:12px} #ai-design-iteration-study .is-dialog-head{padding:17px} #ai-design-iteration-study .is-dialog-head h3{font-size:23px} #ai-design-iteration-study .is-player{padding:15px 17px} #ai-design-iteration-study .is-layer{padding:12px} #ai-design-iteration-study .is-station{width:125px;padding:12px} } @container(max-width:560px){ #ai-design-iteration-study .is-chrome{padding:15px 20px} #ai-design-iteration-study .is-chrome>span:last-child{display:none} #ai-design-iteration-study .is-scroll-bar{padding:12px 20px;font-size:11px} #ai-design-iteration-study .is-intro{padding:25px 20px} #ai-design-iteration-study .is-scroll-grid{display:flex;flex-direction:column;gap:0;padding:0 16px} #ai-design-iteration-study .is-scroll-visual{order:-1;position:sticky;top:0;z-index:4;background:var(--is-bg);border-bottom:1px solid var(--is-line)} #ai-design-iteration-study .is-sticky{position:static;padding:8px 0 10px} #ai-design-iteration-study .is-scroll-visual .is-demo-version{margin-bottom:5px} #ai-design-iteration-study .is-scroll-visual .is-ledger{padding:9px} #ai-design-iteration-study .is-scroll-visual .is-ledger-title{font-size:13px;margin-bottom:6px} #ai-design-iteration-study .is-scroll-visual .is-purchase{padding:5px 7px;margin-bottom:7px} #ai-design-iteration-study .is-scroll-visual .is-stage{height:280px} #ai-design-iteration-study .is-scroll-visual .is-demo-group{height:104px;padding:5px} #ai-design-iteration-study .is-scroll-visual .is-group-head{padding:4px 5px;margin-bottom:4px;font-size:11px} #ai-design-iteration-study .is-scroll-visual .is-group-head small{display:inline;margin-left:5px} #ai-design-iteration-study .is-scroll-visual .is-demo-row{height:24px;margin-top:5px;padding:3px 6px;gap:5px} #ai-design-iteration-study .is-scroll-visual .is-global-undo{padding:7px} #ai-design-iteration-study .is-scroll-visual .is-lost{padding:10px} #ai-design-iteration-study .is-scroll-visual .is-source-line{display:none} #ai-design-iteration-study .is-scroll-visual .is-scene-note{font-size:11px;min-height:0;margin:7px 0 0!important} #ai-design-iteration-study .is-beat{min-height:340px;padding:27px 0 65px} #ai-design-iteration-study .is-beat h3{font-size:20px} #ai-design-iteration-study .is-beat p{font-size:13px} #ai-design-iteration-study .is-map-intro{padding:24px 20px 0} #ai-design-iteration-study .is-map{margin:0 12px} #ai-design-iteration-study .is-station{width:110px;padding:10px} #ai-design-iteration-study .is-station strong{font-size:13px} #ai-design-iteration-study .is-map-footer{padding:18px 20px} } @media(pointer:coarse){#ai-design-iteration-study .is-player button,#ai-design-iteration-study .is-close,#ai-design-iteration-study .is-evidence summary{min-height:44px}} @media(prefers-reduced-motion:reduce){#ai-design-iteration-study .is-page *{transition:none!important}} .case-page--ledger{color-scheme:light;background:#f8f7f1;margin:0}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #9c5435;outline-offset:4px}button,summary{touch-action:manipulation} #ai-design-iteration-study .is-page{min-height:100vh} #ai-design-iteration-study .is-layer{position:fixed;overflow:auto;overscroll-behavior:contain;align-items:flex-start;padding:20px;backdrop-filter:blur(5px)} #ai-design-iteration-study .is-dialog{max-width:1100px;container-type:inline-size;margin:auto;overflow:hidden} #ai-design-iteration-study .is-dialog-head{padding:18px 24px} #ai-design-iteration-study .is-dialog-head h3{font-size:24px} #ai-design-iteration-study #stable-intro{padding:12px 24px 0;font-size:14px;max-width:820px} #ai-design-iteration-study #stable-intro:empty{display:none} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-reading{display:none} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-body{display:block;max-width:670px;margin:auto;padding:12px 24px} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-stage{height:340px} #ai-design-iteration-study .is-dialog:not([data-chapter="2"]) .is-player{display:none} #ai-design-iteration-study .is-dialog:not([data-chapter="2"]) .is-dialog-body{display:block} #ai-design-iteration-study .is-dialog:not([data-chapter="2"]) .is-dialog-reading{display:none} #ai-design-iteration-study .is-general-scene{min-height:0;padding:20px} #ai-design-iteration-study .is-scene-note:empty{display:none} #ai-design-iteration-study .is-player{position:sticky;bottom:0;background:var(--is-paper);z-index:8} #ai-design-iteration-study .is-pointer{font-size:26px;transform:rotate(-25deg)} .rule-change{position:absolute;inset:0;z-index:9;background:#edf1e7;border:1px solid #b4c5aa;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:24px;gap:18px}.rule-change strong{font-size:22px}.rule-change span{font-size:14px}.rule-change small{color:#9c5435}#ai-design-iteration-study .is-dialog-head{position:sticky;top:-1px;background:var(--is-paper);z-index:10} .is-thesis{max-width:720px!important;color:var(--is-muted);font-size:15px!important;line-height:1.65} .is-chapter-nav{display:flex;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid var(--is-line)}.is-chapter-nav button{padding:10px 13px;border:1px solid var(--is-line);border-radius:7px;background:var(--is-paper)}#ai-design-iteration-study .is-chapter-nav button:last-child{background:var(--is-ink);color:var(--is-paper);border-color:var(--is-ink)} .artifact-lead{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:22px;align-items:start}.artifact-copy{font-size:15px;line-height:1.65;padding-top:4px}.artifact-copy b{display:block;font-size:20px;line-height:1.3;margin-bottom:10px}.artifact-copy p+p{margin-top:12px!important}.artifact-figure{margin:0;min-width:0}.artifact-shot{display:block;width:100%;height:auto;background:#fffefa}.baseline-frame{padding:6px;background:var(--is-soft);border-radius:12px;overflow:hidden}.baseline-frame .artifact-shot{border-radius:7px}.explore-lead{max-width:800px;margin:0 0 24px;text-align:left}.explore-lead p{font-size:15px;color:var(--is-muted)}.explore-question{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.02em;margin:8px 0}.design-brief{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.design-brief>div{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:9px 11px;border:0;background:transparent;font-size:13px}.design-brief span{font:10px/1.3 ui-monospace,monospace;letter-spacing:.05em;color:var(--is-muted)}.design-brief b{font-weight:500}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.candidate{border:1px solid var(--is-line);background:var(--is-paper);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.candidate.chosen{border:2px solid var(--is-accent)}.candidate header{display:flex;align-items:start;gap:8px;justify-content:space-between;font-size:15px}.candidate header span{font-size:12px;color:var(--is-accent)}.candidate>p,.judgment{font-size:13px;line-height:1.55}.trial-ui{min-height:224px}.mini-group{border:1px solid var(--is-line);border-radius:6px;margin-bottom:10px;overflow:hidden;font-size:12px}.mini-group>b{display:block;background:var(--is-soft);padding:8px}.mini-group>div,.flat-row{padding:9px;border-bottom:1px solid var(--is-line);font-size:12px}.flat-row{margin-bottom:8px;background:var(--is-bg)}.candidate button,#reset-trial{border:1px solid #b4c5aa;background:var(--is-soft);border-radius:6px;padding:10px;font-size:13px}.trial-result{font-size:12px;color:var(--is-muted);min-height:38px}.judgment{border-top:1px solid var(--is-line);padding-top:12px}.attention{outline:2px solid #ba8253}.quantity{padding:7px 9px;border:1px solid var(--is-line);margin-bottom:7px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.quantity label{display:flex;align-items:center;gap:6px}.quantity input{width:42px;padding:5px;border:1px solid #b4c5aa;border-radius:4px}.generated-group{margin-bottom:8px}.generated-group>b{display:block;font-size:11px;color:var(--is-muted);margin-bottom:4px}.generated-group .flat-row{margin-bottom:4px;padding:6px 9px}#reset-trial{display:block;margin:16px auto 0}.loop-intro{max-width:700px;margin:0 auto 26px;text-align:center}.loop-intro p{font-size:15px;color:var(--is-muted)}.loop-canvas{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding:8px 0 46px}.loop-canvas::before{content:"";position:absolute;top:36px;left:8%;right:8%;height:2px;background:var(--is-line)}.process-step{position:relative;text-align:center;z-index:1}.step-marker{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--is-paper);border:2px solid var(--is-accent);font-size:18px;font-weight:600}.process-step.human .step-marker{border-color:var(--is-human);color:var(--is-human)}.process-step.ai .step-marker{border-color:var(--is-accent);color:var(--is-accent)}.process-step b{display:block;font-size:14px;margin-bottom:5px}.process-step p{font-size:13px;color:var(--is-muted)}.loop-return{position:absolute;left:8%;right:8%;bottom:0;height:26px;border:2px solid var(--is-line);border-top:0;border-radius:0 0 22px 22px;text-align:center;color:var(--is-accent);font-size:20px;line-height:34px}.loop-example{max-width:760px;margin:18px auto 0;border-top:1px solid var(--is-line)}.loop-example summary{cursor:pointer;padding:14px 0;font-size:14px;font-weight:500}.loop-example div{padding:0 0 14px;font-size:14px;color:var(--is-muted)}.loop-example strong{color:var(--is-ink)}.review-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 22px}.review-switch button{padding:11px;border:1px solid #b4c5aa;border-radius:7px;background:var(--is-paper)}.review-switch [aria-pressed=true]{background:var(--is-tint);border-color:var(--is-accent)}.review-stage{display:block}.review-caption{max-width:760px;margin-bottom:16px}.review-caption b{display:block;font-size:21px;line-height:1.3;margin-bottom:6px}.review-caption p{font-size:14px;color:var(--is-muted)}.review-canvas{max-width:880px;margin:auto}.asset-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.asset-option b{display:block;font-size:15px;margin-bottom:8px}.review-shot-frame,.final-shot-frame{position:relative;overflow:hidden;aspect-ratio:1/1;background:#eee;border-radius:10px}.review-shot-frame img,.final-shot-frame img{display:block;width:180%;max-width:none;height:auto;transform:translate(-22.2%,-3.75%)}.close-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}.close-story h5{font-size:24px;line-height:1.25;margin:0 0 10px}.close-story>p{font-size:15px;color:var(--is-muted);margin-bottom:22px!important}.close-flow{display:grid;gap:0}.close-step{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:13px 0;border-top:1px solid var(--is-line)}.close-step:first-child{border-top:0}.close-step span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--is-tint);color:var(--is-accent);font-weight:600}.close-step b{display:block;font-size:14px}.close-step p{font-size:13px;color:var(--is-muted)}.close-thesis{margin-top:20px;padding:16px;background:var(--is-ink);color:var(--is-paper);border-radius:10px;font-size:17px;line-height:1.45}.close-thesis em{color:var(--is-tint);font-style:normal}.close-visual{min-width:0} @media(max-width:700px){#ai-design-iteration-study .is-layer{padding:8px}#ai-design-iteration-study .is-dialog{margin:0}#ai-design-iteration-study .is-dialog-head h3{font-size:20px}#ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-body{padding:12px}#ai-design-iteration-study .is-dialog[data-chapter="2"] .is-stage{height:340px}#ai-design-iteration-study .is-dialog-head{padding:14px}#ai-design-iteration-study #stable-intro{padding:10px 14px 0;font-size:12px}.compare-grid{grid-template-columns:repeat(3,270px);overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 12px}.candidate{scroll-snap-align:start}.artifact-lead,.close-layout{grid-template-columns:1fr}.artifact-copy{padding:0}.loop-canvas{grid-template-columns:1fr;padding:0 0 0 40px;gap:18px}.loop-canvas::before{top:18px;bottom:18px;left:18px;right:auto;width:2px;height:auto}.process-step{text-align:left;display:grid;grid-template-columns:46px 1fr;column-gap:12px}.step-marker{width:38px;height:38px;margin:0;font-size:14px}.process-step b{grid-column:2}.process-step p{grid-column:2}.loop-return{display:none}.review-switch{grid-template-columns:repeat(4,150px);overflow-x:auto;padding-bottom:8px}.asset-pair{gap:10px}.close-story h5{font-size:22px}.is-chapter-nav{padding:12px 14px}.is-chapter-nav button{font-size:11px}#ai-design-iteration-study .is-player{gap:7px;padding:10px}#ai-design-iteration-study .is-player button{padding:9px;font-size:11px}#ai-design-iteration-study .is-player>div{gap:4px}} @media(max-width:420px){.asset-pair{grid-template-columns:1fr}.review-switch{grid-template-columns:repeat(4,142px)}.explore-question{font-size:21px}.model-equation{gap:6px}} .review-shot-frame{aspect-ratio:1.25/1}.trial-result:empty{display:none} .choice-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:18px auto 0}.choice-actions button{padding:11px 14px;border:1px solid var(--is-line);border-radius:7px;background:var(--is-paper)}.choice-actions #show-choice.ready{background:var(--is-ink);color:var(--is-paper);border-color:var(--is-ink)}.choice-actions #reset-trial{display:inline-block;margin:0}.choice-revealed{font-size:14px;font-weight:600;color:var(--is-accent)}.choice-note{max-width:620px;margin:12px auto 0!important;text-align:center;font-size:14px;color:var(--is-muted)}.try-progress{display:flex;align-items:center;gap:5px;margin-right:4px}.try-progress i{width:7px;height:7px;border-radius:50%;background:var(--is-line)}.try-progress i.done{background:var(--is-accent)} #ai-design-iteration-study .deck-actions{display:flex;align-items:center;gap:9px}#ai-design-iteration-study .deck-nav{display:grid;grid-template-columns:40px minmax(66px,auto) 40px;align-items:center;border:1px solid var(--is-line);border-radius:999px;overflow:hidden}#ai-design-iteration-study .deck-nav button,#ai-design-iteration-study .replay-button{display:grid;place-items:center;width:40px;height:38px;padding:0;background:transparent;border:0;border-radius:0}#ai-design-iteration-study .deck-nav button:first-child{border-right:1px solid var(--is-line)}#ai-design-iteration-study .deck-nav button:last-child{border-left:1px solid var(--is-line)}#ai-design-iteration-study .deck-nav svg,#ai-design-iteration-study .replay-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#ai-design-iteration-study .replay-button{border:1px solid var(--is-line);border-radius:50%}#ai-design-iteration-study .deck-nav button:hover,#ai-design-iteration-study .replay-button:hover{background:var(--is-soft)} .review-story{max-width:880px;margin:0}.review-overview{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:6px 0 18px;font-size:14px;font-weight:500}.review-overview i{font-style:normal;color:var(--is-accent)}.review-beat{padding:28px 0;border-top:1px solid var(--is-line)}.review-beat-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;max-width:720px;margin-bottom:16px}.review-beat-head>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--is-tint);color:var(--is-accent);font-weight:600}.review-beat-head b{display:block;font-size:19px;line-height:1.35;margin-bottom:4px}.review-beat-head p{font-size:14px;color:var(--is-muted)}.review-choice{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 16px;background:var(--is-tint);border-radius:8px}.review-choice>span{width:18px;height:18px;border-radius:4px;background:var(--is-accent)}.review-choice p{font-size:13px;color:var(--is-muted)} @media(max-width:700px){.review-story{padding:0}.review-overview{gap:7px;font-size:13px}.review-beat{padding:22px 0}.review-story .asset-pair{grid-template-columns:1fr}.review-choice{grid-template-columns:20px 1fr}.review-choice p{grid-column:2}.choice-actions{align-items:stretch}.choice-actions button{flex:1 1 180px}} /* Website adaptation: shared outer typography, approved artifact world inside. */ .case-page--ledger .navigation { background: #fff; } .case-page--ledger main { max-width: 1440px; margin: 0 auto; } .case-page--ledger .progress-bar-indicator { background: #456c45; } #ai-design-iteration-study .is-page { min-height: 0; font-family: "Work Sans", sans-serif; padding-bottom: 40px; } #ai-design-iteration-study .is-map-intro { padding: 46px 6vw 12px; } #ai-design-iteration-study .is-map-intro h1 { font: 500 clamp(32px,4vw,48px)/1.14 "Poppins",sans-serif; letter-spacing:-.03em; margin:14px 0 18px; } #ai-design-iteration-study .is-map { max-width: 1100px; margin: 0 auto 24px; } #ai-design-iteration-study .is-layer { z-index: 1200; } #ai-design-iteration-study .is-page button { min-height:44px; } #ai-design-iteration-study .is-dialog-head h3 { font-family:"Poppins",sans-serif; } #ai-design-iteration-study .is-page input { font:inherit; padding:7px; min-height:40px; width:74px; border:1px solid var(--is-line); border-radius:5px; color:var(--is-ink); background:var(--is-paper); } #ai-design-iteration-study .value-field { display:flex; gap:8px; align-items:center; justify-content:space-between; padding:8px; font-size:12px; } #ai-design-iteration-study .quantity { flex-wrap:wrap; } #ai-design-iteration-study .quantity label { flex:1 0 80px; justify-content:space-between; } #ai-design-iteration-study .is-count { text-align:center; } #ai-design-iteration-study .is-scene-note { font-size:14px; min-height:44px; } #ai-design-iteration-study .review-shot-frame, #ai-design-iteration-study .final-shot-frame { aspect-ratio:auto; border-radius:12px; background:transparent; } #ai-design-iteration-study .review-shot-frame img, #ai-design-iteration-study .final-shot-frame img { width:100%; max-width:100%; transform:none; border-radius:12px; } #ai-design-iteration-study .asset-option .artifact-shot { border-radius:12px; } @media(max-width:700px) { #ai-design-iteration-study .is-map-intro { padding:28px 24px 8px; } #ai-design-iteration-study .is-map { margin:0 16px 16px; } #ai-design-iteration-study .compare-grid { grid-template-columns:1fr; overflow:visible; } #ai-design-iteration-study .trial-ui { min-height:0; } #ai-design-iteration-study .candidate { padding:16px; } #ai-design-iteration-study .is-page .is-dialog { margin:0 auto; } #ai-design-iteration-study .is-page .is-player { position:static; } #ai-design-iteration-study .is-page .is-chapter-nav button { font-size:12px; } } @media(min-width:701px) { #ai-design-iteration-study .is-map-intro { padding-top:24px; } #ai-design-iteration-study .is-map-intro h1 { font-size:42px; margin:10px 0 12px; } #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-body { padding:8px 24px; } #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-stage { height:310px; } #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-scene-note { margin:8px 0!important; min-height:22px; } #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-player { padding:8px 24px; } #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-chapter-nav { padding:8px 24px; } } .case-page--ledger.ledger-dialog-open main { position:relative; z-index:1001; } #ai-design-iteration-study .is-page label { text-transform:none; letter-spacing:normal; font-weight:400; margin:0; } #ai-design-iteration-study .quantity { display:grid; grid-template-columns:1fr; padding:10px; } #ai-design-iteration-study .quantity label { width:100%; padding:0; white-space:nowrap; } #ai-design-iteration-study .quantity input { flex:0 0 74px; } #ai-design-iteration-study .lightbox-trigger { cursor:zoom-in; } #ai-design-iteration-study .is-dialog[data-chapter="4"] .is-general-scene { border:0; padding:0; background:transparent; } #ai-design-iteration-study .is-general-scene b { font-weight:600; } #ai-design-iteration-study .is-general-scene p { letter-spacing:normal; } /* Confirmed Ledger surface: neutral narrative, Primary Blue, playful map. */ .case-page--ledger {background-color:#faf9f7;} .case-page--ledger main {max-width:1280px;} #ai-design-iteration-study .is-page {--is-bg:#faf9f7;--is-paper:#fff;--is-ink:#303030;--is-muted:#595959;--is-line:#deddd9;--is-soft:#f2f1ee;--is-accent:#0071e3;--is-tint:#e5effa;--is-human:#303030;--is-human-tint:#eeedeb;--is-shadow:#0000000d;--is-veil:#101218bb;background:transparent;font-family:'Poppins',sans-serif;} #ai-design-iteration-study .is-map-intro {padding:32px 24px 12px;} #ai-design-iteration-study .is-map-intro h1 {font-size:clamp(28px,3.3vw,42px);font-weight:600;line-height:1.3;letter-spacing:-.025em;} #ai-design-iteration-study .is-thesis {font-size:16px!important;line-height:1.8;} #ai-design-iteration-study .is-eyebrow {color:#595959;font-family:'Work Sans',sans-serif;} #ai-design-iteration-study .is-floor {display:none;} #ai-design-iteration-study .is-map {max-width:1232px;margin:28px 24px 28px;} #ai-design-iteration-study .is-route-svg path {stroke:#d6d5d1;stroke-width:3;} #ai-design-iteration-study .is-station {background:#fff;transform:translate(-50%,-50%);border:0;box-shadow:0 4px 16px #0000000d;width:174px;padding:18px;border-radius:12px;} #ai-design-iteration-study .is-station:nth-child(even) {transform:translate(-50%,-50%);} #ai-design-iteration-study .is-station:is(:hover,:focus-visible) {background:#0071e3;color:#fff;box-shadow:0 6px 20px #00000014;transform:translate(-50%,-54%);} #ai-design-iteration-study .is-station:is(:hover,:focus-visible) small, #ai-design-iteration-study .is-station:is(:hover,:focus-visible) em {color:#fff;} #ai-design-iteration-study .is-station-prop i {background:#e9e8e5;border:0;} #ai-design-iteration-study .is-station-prop i:last-child {background:#bcbab5;opacity:1;} #ai-design-iteration-study .is-station:is(:hover,:focus-visible) .is-station-prop i {background:#ffffff66;} #ai-design-iteration-study .is-station:is(:hover,:focus-visible) .is-station-prop i:last-child {background:#fff;} #ai-design-iteration-study .is-dot {background:#0071e3;box-shadow:0 0 0 5px #e5effa;} .case-page--ledger .progress-bar-indicator {background:#0071e3;} /* Round 2: restore the original dimensional map, with restrained hover feedback. */ #ai-design-iteration-study .is-floor {display:block;background:linear-gradient(30deg,transparent 49.8%,#ffffff70 50%,transparent 50.2%),linear-gradient(-30deg,transparent 49.8%,#ffffff70 50%,transparent 50.2%),#e5effa;background-size:100px 58px;border:1px solid #00000008;box-shadow:0 12px 0 color-mix(in srgb,#0071e3 24%,#e8e7e3),0 24px 32px #0000000b;} #ai-design-iteration-study .is-route-svg path {stroke:#ffffff;stroke-width:12;} #ai-design-iteration-study .is-station {transform:translate(-50%,-50%) perspective(600px) rotateX(5deg) rotate(-3deg);box-shadow:4px 7px 0 #d4d4d0,8px 15px 20px #00000012;transition:transform 220ms cubic-bezier(.2,.8,.2,1),box-shadow 220ms ease;} #ai-design-iteration-study .is-station:nth-child(even) {transform:translate(-50%,-50%) perspective(600px) rotateX(5deg) rotate(3deg);} #ai-design-iteration-study .is-station:is(:hover,:focus-visible) {box-shadow:4px 7px 0 color-mix(in srgb,#0071e3 75%,#202020),8px 15px 24px #00000018;} @media(hover:hover) and (pointer:fine){ #ai-design-iteration-study .is-station:hover {transform:translate(-50%,-59%) perspective(600px) rotateX(11deg) rotateY(-7deg) rotate(-1deg) scale(1.055);box-shadow:6px 10px 0 #cecec9,12px 24px 28px #00000020;} #ai-design-iteration-study .is-station:is(:hover,:focus-visible):hover {box-shadow:6px 10px 0 color-mix(in srgb,#0071e3 75%,#202020),12px 24px 28px #00000020;} } #ai-design-iteration-study .is-station:focus-visible {outline:3px solid #0071e3;outline-offset:6px;transform:translate(-50%,-56%) scale(1.025);} @media(prefers-reduced-motion:reduce){ #ai-design-iteration-study .is-station {transition:none;} #ai-design-iteration-study .is-station:hover,#ai-design-iteration-study .is-station:focus-visible {transform:translate(-50%,-50%);} } /* One bounded detail window; the artifact scrolls inside it. */ #ai-design-iteration-study .is-layer {align-items:center;overflow:hidden;padding:20px;} #ai-design-iteration-study .is-dialog {display:flex;flex-direction:column;max-height:calc(100dvh - 40px);height:min(820px,calc(100dvh - 40px));margin:auto;border:0;box-shadow:0 30px 90px #0005;} #ai-design-iteration-study .is-dialog-head {position:static;border:0;flex:0 0 auto;padding:22px 28px 12px;} #ai-design-iteration-study .is-dialog-head h3 {font-weight:600;line-height:1.4;} #ai-design-iteration-study .is-close {width:44px;height:44px;} #ai-design-iteration-study #stable-intro {flex:0 0 auto;padding:0 28px 12px;} #ai-design-iteration-study .is-dialog-body {min-height:0;overflow:auto;overscroll-behavior:contain;flex:1 1 auto;padding:16px 28px 28px;scrollbar-gutter:stable;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-body {width:100%;max-width:720px;margin:0 auto;} #ai-design-iteration-study .is-general-scene {background:transparent;border:0;padding:0;} #ai-design-iteration-study .artifact-shot,#ai-design-iteration-study .review-shot-frame img,#ai-design-iteration-study .final-shot-frame img,#ai-design-iteration-study .asset-option .artifact-shot {background:transparent;border-radius:0;} #ai-design-iteration-study .review-shot-frame,#ai-design-iteration-study .final-shot-frame {background:transparent;border-radius:0;overflow:visible;} #ai-design-iteration-study .review-canvas {max-width:670px;} #ai-design-iteration-study .review-story .asset-pair {max-width:880px;} #ai-design-iteration-study .review-beat {border:0;padding:24px 0;} #ai-design-iteration-study .design-brief {gap:24px;} #ai-design-iteration-study .design-brief>div {display:block;background:transparent;border:0;padding:0;} #ai-design-iteration-study .design-brief span {display:block;font:600 .8rem/1.5 'Work Sans',sans-serif;letter-spacing:.1em;color:#1a5087;margin:0 0 6px;} #ai-design-iteration-study .design-brief b {font:400 14px/1.65 'Poppins',sans-serif;} #ai-design-iteration-study .is-player {position:static;flex:0 0 auto;justify-content:center;gap:8px;border:0;padding:12px 24px;background:transparent;} #ai-design-iteration-study .deck-actions {justify-content:center;gap:8px;} #ai-design-iteration-study .deck-nav {border:0;background:#f2f1ee;grid-template-columns:44px minmax(66px,auto) 44px;} #ai-design-iteration-study .deck-nav button:first-child,#ai-design-iteration-study .deck-nav button:last-child {border:0;} #ai-design-iteration-study .is-player .is-play,#ai-design-iteration-study .is-player .replay-button {width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:#f2f1ee;display:grid;place-items:center;} #ai-design-iteration-study .is-play span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;} #ai-design-iteration-study .is-play svg {width:18px;height:18px;fill:currentColor;} #ai-design-iteration-study .is-chapter-nav {flex:0 0 auto;} #ai-design-iteration-study .rule-change {background:#e5effa;border-color:#c5d9ee;} #ai-design-iteration-study .rule-change small {color:#303030;} #ai-design-iteration-study .candidate button,#ai-design-iteration-study .quantity input {border-color:#cecece;} #ai-design-iteration-study button:focus-visible,#ai-design-iteration-study input:focus-visible,#ai-design-iteration-study .lightbox-trigger:focus-visible {outline:3px solid #0071e3;outline-offset:4px;} #ai-design-iteration-study .ledger-image-inspection {min-height:0;height:100%;display:flex;flex-direction:column;} #ai-design-iteration-study .ledger-image-inspection[hidden] {display:none;} #ai-design-iteration-study .ledger-image-inspection button {min-height:44px;padding:10px 18px;border:0;background:#eeece7;text-align:left;} #ai-design-iteration-study .ledger-image-inspection img {display:block;width:100%;height:auto;max-width:none;} #ai-design-iteration-study .ledger-image-scroll {overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;padding:16px;} @media(max-width:700px){ #ai-design-iteration-study .is-layer {padding:8px;} #ai-design-iteration-study .is-dialog {height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);} #ai-design-iteration-study .is-dialog-head {padding:16px;} #ai-design-iteration-study .is-dialog-head h3 {font-size:20px;} #ai-design-iteration-study .is-dialog-body {padding:12px 16px 20px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-body {padding:12px;} #ai-design-iteration-study .is-station {width:130px;padding:12px;} #ai-design-iteration-study .ledger-image-inspection img {width:760px;} } #ai-design-iteration-study .deck-nav button {width:44px;height:44px;} /* Small text on blue-tinted fills needs a darker foreground than Primary Blue. */ #ai-design-iteration-study .review-beat-head>span, #ai-design-iteration-study .close-step span {color:#005bb8;} #ai-design-iteration-study .is-dialog:not([data-chapter="4"]):not([data-chapter="2"]) {height:auto;} #ai-design-iteration-study .is-dialog:has(.ledger-image-inspection:not([hidden])) {height:min(820px,calc(100dvh - 40px));} @media(max-width:700px){#ai-design-iteration-study .is-dialog:has(.ledger-image-inspection:not([hidden])) {height:calc(100dvh - 16px);}} /* Direct image edges retain the artifact without another enclosing surface. */ #ai-design-iteration-study .artifact-lead .artifact-shot, #ai-design-iteration-study .review-shot-frame .artifact-shot, #ai-design-iteration-study .final-shot-frame .artifact-shot { border:1px solid #d5d7da;border-radius:10px;box-sizing:border-box; } #ai-design-iteration-study .is-demo-version[hidden] {display:none;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-scene-note { font-size:16px;font-weight:500;line-height:1.5;color:#303030; background:#edf4fc;border-radius:10px;padding:12px 16px; min-height:72px;display:flex;align-items:center;margin:14px 0 0!important; } @media(max-width:767px) { #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-scene-note {font-size:14px;min-height:88px;padding:10px 12px;} } /* Shared window geometry and alignment across all six stations. */ #ai-design-iteration-study .is-dialog, #ai-design-iteration-study .is-dialog:not([data-chapter="4"]):not([data-chapter="2"]), #ai-design-iteration-study .is-dialog:has(.ledger-image-inspection:not([hidden])) { --dialog-gutter:64px; width:min(80vw,1440px);max-width:none; height:80dvh;max-height:80dvh; } #ai-design-iteration-study .is-dialog-head {padding:20px var(--dialog-gutter);} #ai-design-iteration-study .is-dialog-head h3 {margin:8px 0 0;} #ai-design-iteration-study #stable-intro {padding:0 var(--dialog-gutter) 16px;} #ai-design-iteration-study #stable-intro:empty {display:none;} #ai-design-iteration-study .is-dialog-body, #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-body { width:100%;max-width:none;margin:0;padding:12px var(--dialog-gutter) 32px; } #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-scene-mount, #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-scene-note {max-width:660px;margin-left:auto!important;margin-right:auto!important;} #ai-design-iteration-study .is-chapter-nav, #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-chapter-nav {padding:20px var(--dialog-gutter);} #ai-design-iteration-study .is-chapter-nav button, #ai-design-iteration-study .ledger-image-back {display:inline-flex;align-items:center;gap:8px;} #ai-design-iteration-study .is-chapter-nav svg, #ai-design-iteration-study .ledger-image-back svg, .ledger-closing svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;} .ledger-closing .link-bottom {display:inline-flex;align-items:center;gap:8px;} #ai-design-iteration-study .loop-intro {max-width:700px;margin:0 0 28px;text-align:left;} #ai-design-iteration-study .loop-return {border-color:#0071e3;color:#0071e3;} #ai-design-iteration-study .loop-return::after {content:"";position:absolute;left:-6px;top:-1px;width:10px;height:10px;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(45deg);} #ai-design-iteration-study .artifact-lead .artifact-shot, #ai-design-iteration-study .review-shot-frame .artifact-shot, #ai-design-iteration-study .final-shot-frame .artifact-shot {border:0;border-radius:10px;box-shadow:0 2px 5px #152d4a18,0 10px 28px #152d4a12;} /* Pale current-location state is distinct from the blue hover action. */ #ai-design-iteration-study .is-station {background:#f5f9ff;box-shadow:4px 7px 0 #ccdcec,8px 15px 20px #193e6512;} #ai-design-iteration-study .is-station-prop i {background:#dbe8f6;} #ai-design-iteration-study .is-station-prop i:last-child {background:#93b8df;} #ai-design-iteration-study .is-station[data-current] {background:#dcecff;box-shadow:4px 7px 0 #aecceb,8px 15px 20px #193e6518;} #ai-design-iteration-study .is-station:is(:hover,:focus-visible) {background:#0071e3;color:white;} #ai-design-iteration-study .is-map-intro .heading-4-n {font:500 1.125rem/1.75rem 'Poppins',sans-serif;letter-spacing:normal;color:#005bb8;margin:0 0 .5rem;} #ai-design-iteration-study .is-map-intro .heading-1-n {font:600 2rem/3rem 'Poppins',sans-serif;letter-spacing:normal;margin:0 0 2.5rem;color:#303030;} #ai-design-iteration-study .is-map-intro .paragraph {font:400 1.125rem/1.875rem 'Poppins',sans-serif;max-width:none;color:#303030;padding:0;margin:0 0 .625rem;} #ai-design-iteration-study .ledger-title-accent {color:#0071e3;} @media(max-width:991px) { #ai-design-iteration-study .is-layer {padding:16px;} #ai-design-iteration-study .is-dialog, #ai-design-iteration-study .is-dialog:not([data-chapter="4"]):not([data-chapter="2"]), #ai-design-iteration-study .is-dialog:has(.ledger-image-inspection:not([hidden])) {--dialog-gutter:24px;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);} } @media(max-width:700px) { #ai-design-iteration-study .is-layer {padding:8px;} #ai-design-iteration-study .is-dialog, #ai-design-iteration-study .is-dialog:not([data-chapter="4"]):not([data-chapter="2"]), #ai-design-iteration-study .is-dialog:has(.ledger-image-inspection:not([hidden])) {--dialog-gutter:20px;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);} #ai-design-iteration-study .is-dialog-head {padding:20px var(--dialog-gutter);} #ai-design-iteration-study .is-dialog-body,#ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-body {padding:8px var(--dialog-gutter) 24px;} #ai-design-iteration-study .is-chapter-nav,#ai-design-iteration-study .is-dialog[data-chapter="2"] .is-chapter-nav {padding:16px var(--dialog-gutter);} #ai-design-iteration-study .loop-return {display:block;left:0;right:auto;top:18px;bottom:18px;width:20px;height:auto;border:2px solid #0071e3;border-right:0;border-radius:16px 0 0 16px;} #ai-design-iteration-study .loop-return::after {left:auto;right:0;top:-6px;transform:rotate(135deg);} #ai-design-iteration-study .is-map-intro .heading-1-n {font-size:1.75rem;line-height:2.5rem;} } /* Match the existing case typography breakpoints as well as desktop values. */ @media(max-width:767px) { #ai-design-iteration-study .is-map-intro .heading-1-n {font-size:1.5rem;line-height:2.25rem;} } @media(max-width:478px) { #ai-design-iteration-study .is-map-intro .heading-4-n {font-size:1rem;line-height:1.5rem;} #ai-design-iteration-study .is-map-intro .paragraph {font-size:1rem;line-height:1.625rem;} } /* Center one content group when it fits; auto margins collapse for scrolling. */ #ai-design-iteration-study .is-page .is-dialog .is-dialog-body {display:flex;flex-direction:column;} #ai-design-iteration-study .is-content-group {flex:none;width:100%;margin-block:auto;} #ai-design-iteration-study .is-dialog #stable-intro {max-width:820px;padding:0;margin:0 0 24px;} #ai-design-iteration-study #stable-intro p {font-size:15px;line-height:1.65;color:var(--is-muted);} #ai-design-iteration-study .station-subtitle {font:500 24px/1.3 'Poppins',sans-serif;letter-spacing:normal;margin:0 0 12px;text-align:left;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-player {padding:16px 0 0;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-stage {width:100%;} @media(max-width:700px) { #ai-design-iteration-study .station-subtitle {font-size:22px;} } /* A single lead paragraph establishes the same reading start in every station. */ #ai-design-iteration-study .is-dialog .is-dialog-head {padding:32px var(--dialog-gutter) 24px;} #ai-design-iteration-study .is-content-group {margin-block:0;} #ai-design-iteration-study .station-intro, #ai-design-iteration-study #stable-intro .station-intro { max-width:920px;margin:0 0 24px!important;font:500 18px/1.6 'Poppins',sans-serif;color:#454545;text-align:left; } #ai-design-iteration-study .is-dialog #stable-intro {max-width:none;margin:0;} #ai-design-iteration-study .artifact-lead {display:block;max-width:740px;} #ai-design-iteration-study .review-canvas {margin-left:0;margin-right:0;} #ai-design-iteration-study .review-story {text-align:left;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-scene-note {min-height:48px;padding:10px 16px;} #ai-design-iteration-study .is-chapter-nav button:disabled {opacity:.4;cursor:default;} /* The process occupies two columns, following a clockwise rectangular path. */ #ai-design-iteration-study .loop-canvas {width:100%;max-width:680px;height:clamp(320px,40dvh,440px);margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:0;} #ai-design-iteration-study .loop-canvas::before {display:none;} #ai-design-iteration-study .loop-path {position:absolute;inset:0;width:100%;height:100%;overflow:visible;} #ai-design-iteration-study .loop-canvas .process-step {display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:240px;justify-self:center;align-self:center;padding:8px 16px;background:#fff;} #ai-design-iteration-study .loop-canvas .process-step:nth-of-type(1) {grid-area:1/1;} #ai-design-iteration-study .loop-canvas .process-step:nth-of-type(2) {grid-area:1/2;} #ai-design-iteration-study .loop-canvas .process-step:nth-of-type(3) {grid-area:2/2;} #ai-design-iteration-study .loop-canvas .process-step:nth-of-type(4) {grid-area:3/2;} #ai-design-iteration-study .loop-canvas .process-step:nth-of-type(5) {grid-area:3/1;} #ai-design-iteration-study .loop-canvas .step-marker {width:36px;height:36px;margin:0 0 8px;font-size:16px;flex:none;} #ai-design-iteration-study .loop-canvas .process-step p {font-size:12px;line-height:1.5;} /* Shared blue action hierarchy, scoped to this case. */ #ai-design-iteration-study .candidate button, #ai-design-iteration-study #reset-trial, #ai-design-iteration-study .is-chapter-nav button:first-child, #ai-design-iteration-study .is-player .is-play, #ai-design-iteration-study .is-player .replay-button {background:#eaf3ff;color:#005bb8;border-color:#c8ddf5;} #ai-design-iteration-study #show-choice {background:#0071e3;border-color:#0071e3;color:#fff;} #ai-design-iteration-study .attention {outline-color:#0071e3;} @media(max-width:700px) { #ai-design-iteration-study .station-intro,#ai-design-iteration-study #stable-intro .station-intro {font-size:16px;margin-bottom:20px!important;} #ai-design-iteration-study .loop-canvas {height:440px;} #ai-design-iteration-study .loop-canvas .process-step {padding:8px;max-width:155px;} } /* Keep the lead at the top; center only the artifact in the remaining space. */ #ai-design-iteration-study .is-dialog .is-dialog-head {padding-bottom:12px;} #ai-design-iteration-study .station-intro, #ai-design-iteration-study #stable-intro .station-intro {font-weight:400;} #ai-design-iteration-study .is-dialog:is([data-chapter="0"],[data-chapter="2"],[data-chapter="3"]) .is-content-group { display:flex;flex-direction:column;flex:1 0 auto; } #ai-design-iteration-study .is-dialog:is([data-chapter="0"],[data-chapter="3"]) .station-visual-group, #ai-design-iteration-study .is-dialog:is([data-chapter="0"],[data-chapter="3"]) .is-dialog-stage, #ai-design-iteration-study .is-dialog:is([data-chapter="0"],[data-chapter="3"]) .is-general-scene { display:flex;flex-direction:column;flex:1 0 auto; } #ai-design-iteration-study .is-dialog:is([data-chapter="0"],[data-chapter="3"]) .station-intro {flex:none;} #ai-design-iteration-study .is-dialog[data-chapter="0"] .artifact-lead {width:100%;margin-block:auto;flex:none;} #ai-design-iteration-study .is-dialog[data-chapter="3"] .loop-canvas {margin-block:auto;flex:none;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .station-visual-group {display:flex;flex-direction:column;justify-content:center;flex:1 0 auto;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-stage {flex:none;} #ai-design-iteration-study .is-player .deck-nav {background:#eaf3ff;color:#005bb8;} #ai-design-iteration-study .is-player .deck-nav button {background:transparent;color:inherit;} #ai-design-iteration-study .is-player .deck-nav .is-count {color:inherit;} #ai-design-iteration-study .is-lost {background:#eaf3ff;color:#005bb8;} #ai-design-iteration-study .rule-change small {font-size:14px;} /* Shared blue emphasis retains readable map surfaces in every state. */ #ai-design-iteration-study .is-lost {border-left-color:#0071e3;} #ai-design-iteration-study .close-thesis {background:#0071e3;color:#fff;} #ai-design-iteration-study .close-thesis em {color:inherit;} #ai-design-iteration-study .is-dialog-head .is-eyebrow {display:block;font:500 18px/28px 'Poppins',sans-serif;letter-spacing:normal;color:#005bb8;margin-bottom:8px;} #ai-design-iteration-study .is-station[data-current], #ai-design-iteration-study .is-station:is(:hover,:focus-visible) {background:#f5f9ff;color:#303030;border-color:#0071e3;outline:1px solid #0071e3;} #ai-design-iteration-study .is-station:is(:hover,:focus-visible) small, #ai-design-iteration-study .is-station:is(:hover,:focus-visible) em {color:#595959;} #ai-design-iteration-study .is-station:is(:hover,:focus-visible) .is-station-prop i {background:#dbe8f6;} #ai-design-iteration-study .is-station:is(:hover,:focus-visible) .is-station-prop i:last-child {background:#93b8df;} #ai-design-iteration-study .is-dialog-head .content-subhead {display:block;margin:0 0 8px;} #ai-design-iteration-study .is-group-head > span:first-child {display:flex;gap:20px;flex-wrap:wrap;} #ai-design-iteration-study .loop-artwork {margin:auto;max-width:100%;width:min(100%,calc(92dvh - 299px));flex:none;} #ai-design-iteration-study .loop-artwork img {display:block;width:100%;height:auto;background:#fff;} @media(max-width:700px) {#ai-design-iteration-study .loop-artwork {width:100%;}} /* First-visit cue stays attached to the map entry point. */ #ai-design-iteration-study .is-start-badge {position:absolute;top:-14px;right:10px;padding:5px 11px;border-radius:999px;background:#0071e3;color:#fff;font:500 12px/1.4 'Poppins',sans-serif;white-space:nowrap;box-shadow:0 2px 6px #0071e326;} /* The fast reading path exposes the decisions before optional exploration. */ #ai-design-iteration-study .is-map-intro .heading-1-n {margin-bottom:20px;} #ai-design-iteration-study .is-map-intro .ledger-thesis {max-width:780px;} #ai-design-iteration-study .ledger-context {max-width:820px;font:400 15px/1.7 'Poppins',sans-serif;color:#555;margin:14px 0 8px;padding:0;} #ai-design-iteration-study .ledger-role {font:400 13px/1.6 'Poppins',sans-serif;color:#555;margin:0;padding:0;} #ai-design-iteration-study .ledger-quick-read {padding:20px 24px 0;} #ai-design-iteration-study .ledger-quick-read h2 {font:500 14px/1.5 'Poppins',sans-serif;color:#555;margin:0 0 14px;} #ai-design-iteration-study .ledger-quick-read ol {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0;} #ai-design-iteration-study .ledger-quick-read li {padding-top:16px;border-top:1px solid #c8d6e5;min-width:0;} #ai-design-iteration-study .ledger-quick-read h3 {font:600 16px/1.5 'Poppins',sans-serif;margin:0 0 8px;} #ai-design-iteration-study .ledger-quick-read li p {font:400 14px/1.65 'Poppins',sans-serif;margin:0;} #ai-design-iteration-study .ledger-quick-read button, #ai-design-iteration-study .ledger-rule button {border:0;background:transparent;color:#005bb8;padding:10px 0;min-height:44px;text-align:left;font:500 13px/1.5 'Poppins',sans-serif;cursor:pointer;} #ai-design-iteration-study .ledger-quick-read button span, #ai-design-iteration-study .ledger-rule button span {display:inline-block;margin-left:4px;transition:transform 180ms ease-out;} #ai-design-iteration-study .ledger-quick-read button:hover span, #ai-design-iteration-study .ledger-rule button:hover span {transform:translate(2px,-2px);} #ai-design-iteration-study .ledger-explore-help {font:400 13px/1.6 'Poppins',sans-serif;color:#555;margin:12px 0 0;} #ai-design-iteration-study :is(.ledger-quick-read,.ledger-rule,.review-detail-tabs) button:focus-visible, #ai-design-iteration-study .review-full-trail summary:focus-visible {outline:2px solid #005bb8;outline-offset:4px;} /* Playback is explicitly started, with controls outside the scroll container. */ #ai-design-iteration-study .is-dialog[data-chapter="2"] > .is-player {display:flex;flex:none;padding:10px var(--dialog-gutter);border-top:1px solid #e2e8ef;background:#fff;} #ai-design-iteration-study .is-dialog[data-chapter="2"] > .is-player[hidden] {display:none;} #ai-design-iteration-study .replay-help {font:400 13px/1.6 'Poppins',sans-serif;color:#555;margin:0 0 14px;} #ai-design-iteration-study #stable-intro .station-intro {margin-bottom:8px!important;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .station-visual-group {flex:1 0 auto;} /* Text carries the loop at every size; no small raster labels to decipher. */ #ai-design-iteration-study .ledger-loop {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;} #ai-design-iteration-study .ledger-loop li {position:relative;min-width:0;} #ai-design-iteration-study .loop-number {display:grid;place-items:center;width:32px;height:32px;border:1px solid #a5c3e2;border-radius:50%;font:500 14px/1 'Poppins',sans-serif;color:#005bb8;margin-bottom:12px;} #ai-design-iteration-study .ledger-loop li:not(:last-child)::after {content:'→';position:absolute;top:4px;left:44px;right:0;text-align:right;color:#005bb8;font-size:18px;} #ai-design-iteration-study .ledger-loop h4 {font:600 15px/1.4 'Poppins',sans-serif;margin:0 0 8px;} #ai-design-iteration-study .ledger-loop h4 small {display:block;margin-top:4px;font:400 12px/1.5 'Poppins',sans-serif;color:#005bb8;} #ai-design-iteration-study .ledger-loop p {font:400 13px/1.6 'Poppins',sans-serif;margin:0;} #ai-design-iteration-study .loop-repeat {font:400 13px/1.6 'Poppins',sans-serif;color:#005bb8;margin:20px 0 24px;} #ai-design-iteration-study .loop-repeat span {font-size:20px;vertical-align:middle;margin-right:6px;} #ai-design-iteration-study .ledger-rule {padding:20px 0 0;border-top:1px solid #c8d6e5;max-width:780px;} #ai-design-iteration-study .ledger-rule h4 {font:600 15px/1.5 'Poppins',sans-serif;margin:0 0 6px;} #ai-design-iteration-study .ledger-rule h4 small {font-weight:400;font-size:12px;color:#555;margin-left:8px;} #ai-design-iteration-study .ledger-rule p {font:400 14px/1.65 'Poppins',sans-serif;margin:0 0 16px;max-width:70ch;} /* Same-scale detail crops keep the visual judgment close to its evidence. */ #ai-design-iteration-study .review-detail-tabs {display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;} #ai-design-iteration-study .review-detail-tabs button {min-height:44px;padding:10px 14px;border:1px solid #c8d6e5;border-radius:7px;background:#fff;color:#303030;font:500 13px/1.4 'Poppins',sans-serif;cursor:pointer;} #ai-design-iteration-study .review-detail-tabs button[aria-pressed="true"] {background:#eaf3ff;border-color:#0071e3;color:#005bb8;} #ai-design-iteration-study .review-detail-caption {font:400 15px/1.6 'Poppins',sans-serif;margin:0 0 18px;min-height:24px;} #ai-design-iteration-study .review-detail-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;} #ai-design-iteration-study .review-detail-pair figure {margin:0;min-width:0;} #ai-design-iteration-study .review-detail-pair figcaption {font:500 13px/1.5 'Poppins',sans-serif;margin:0 0 8px;} #ai-design-iteration-study .review-detail-crop {display:block;width:100%;padding:0;cursor:zoom-in;position:relative;overflow:hidden;aspect-ratio:760 / 420;border:1px solid #d8e1eb;border-radius:8px;background:#fff;} #ai-design-iteration-study .review-detail-crop .artifact-shot {position:absolute;left:0;top:0;width:210.526316%;max-width:none;height:auto;border-radius:0;transform:translate(var(--crop-x),var(--crop-y));} #ai-design-iteration-study .review-detail-before {--crop-x:-2.5%;--crop-y:-10.332951%;} #ai-design-iteration-study .review-detail-after {--crop-x:-2.5%;--crop-y:-7.964602%;} #ai-design-iteration-study [data-detail="card"] .review-detail-crop, #ai-design-iteration-study [data-detail="group"] .review-detail-crop {aspect-ratio:760 / 180;} #ai-design-iteration-study [data-detail="card"] .review-detail-before {--crop-x:-32.5%;--crop-y:-31.572905%;} #ai-design-iteration-study [data-detail="card"] .review-detail-after {--crop-x:-2.5%;--crop-y:-34.513274%;} #ai-design-iteration-study [data-detail="group"] .review-detail-before {--crop-x:-32.5%;--crop-y:-66.016073%;} #ai-design-iteration-study [data-detail="group"] .review-detail-after {--crop-x:-2.5%;--crop-y:-73.008850%;} #ai-design-iteration-study .review-evidence {font:400 12px/1.6 'Poppins',sans-serif;color:#555;margin:14px 0 24px;} #ai-design-iteration-study .review-full-trail {border-top:1px solid #c8d6e5;} #ai-design-iteration-study .review-full-trail summary {font:500 14px/1.6 'Poppins',sans-serif;cursor:pointer;padding:16px 0;min-height:44px;} #ai-design-iteration-study .review-full-trail .review-beat:first-child {padding-top:12px;} @media(max-width:991px) { #ai-design-iteration-study .ledger-loop {grid-template-columns:1fr;gap:18px;} #ai-design-iteration-study .ledger-loop li {display:flex;gap:14px;} #ai-design-iteration-study .loop-number {flex:none;margin:0;} #ai-design-iteration-study .ledger-loop li:not(:last-child)::after {content:'↓';left:0;right:auto;top:35px;width:32px;text-align:center;font-size:14px;} #ai-design-iteration-study .ledger-loop h4 small {display:inline;margin-left:8px;} #ai-design-iteration-study .ledger-loop h4 {margin-bottom:4px;} } @media(max-width:700px) { #ai-design-iteration-study .ledger-quick-read {padding:16px 24px 0;} #ai-design-iteration-study .ledger-quick-read ol {grid-template-columns:1fr;gap:16px;} #ai-design-iteration-study .ledger-quick-read li {padding-top:12px;} #ai-design-iteration-study .ledger-quick-read h3 {margin-bottom:4px;} #ai-design-iteration-study .review-detail-pair {grid-template-columns:1fr;gap:16px;} #ai-design-iteration-study .ledger-rule h4 small {display:block;margin-left:0;} #ai-design-iteration-study .is-dialog[data-chapter="2"] > .is-player {padding-block:8px;} } @media(min-width:992px) and (max-height:760px) { #ai-design-iteration-study .is-dialog, #ai-design-iteration-study .is-dialog:not([data-chapter="4"]):not([data-chapter="2"]), #ai-design-iteration-study .is-dialog:has(.ledger-image-inspection:not([hidden])) {height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);} } @media(prefers-reduced-motion:reduce) { #ai-design-iteration-study .ledger-quick-read button span, #ai-design-iteration-study .ledger-rule button span, #ai-design-iteration-study .ledger-quick-read button:hover span, #ai-design-iteration-study .ledger-rule button:hover span {transition:none;transform:none;} } #ai-design-iteration-study .review-detail-crop:focus-visible {outline:2px solid #005bb8;outline-offset:3px;} /* Short desktop windows keep the complete replay beside its explanation. */ #ai-design-iteration-study .ledger-quick-read button svg, #ai-design-iteration-study .ledger-rule button svg {display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;} @media(min-width:992px) and (max-height:850px) { #ai-design-iteration-study .is-dialog, #ai-design-iteration-study .is-dialog:not([data-chapter="4"]):not([data-chapter="2"]), #ai-design-iteration-study .is-dialog:has(.ledger-image-inspection:not([hidden])) {height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-head {padding-top:20px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-chapter-nav {padding-block:12px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-body {padding-top:8px;padding-bottom:16px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-content-group {display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.8fr);gap:24px;align-items:start;flex:none;} #ai-design-iteration-study .is-dialog[data-chapter="2"] #stable-intro .station-intro {font-size:16px;line-height:1.6;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .station-visual-group {display:block;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-stage {height:310px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-ledger {padding:12px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-ledger-title {font-size:14px;margin-bottom:8px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-purchase {padding:6px 8px;margin-bottom:8px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-scene-note {margin-top:8px!important;min-height:42px;padding:8px 10px;font-size:13px;} } /* The demonstration owns its pointer bounds, including after viewport changes. */ #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-stage {overflow:clip;} @media(max-width:991px) { #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-stage {height:310px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-ledger {padding:12px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-ledger-title {font-size:14px;margin-bottom:8px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-purchase {padding:6px 8px;margin-bottom:8px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-scene-note {margin-top:8px!important;min-height:42px;padding:8px 10px;font-size:13px;} } @media(min-width:992px) and (max-height:850px) { /* Purchase metadata is not part of the delete/restore sequence. */ #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-purchase {display:none;} } @media(max-width:991px) and (max-height:760px) { #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-purchase {display:none;} } /* Owner review: narrative type follows DESIGN.md; artifacts retain their own UI. */ #ai-design-iteration-study .is-map-intro .heading-1-n {font:600 clamp(1.75rem,2.6vw,2.5rem)/1.3 'Poppins',sans-serif;max-width:24ch;} #ai-design-iteration-study .ledger-context, #ai-design-iteration-study .ledger-role, #ai-design-iteration-study .ledger-quick-read li p, #ai-design-iteration-study .ledger-explore-help {font:400 1.125rem/1.875rem 'Poppins',sans-serif;} #ai-design-iteration-study .ledger-quick-read h2 {font:600 1.5rem/2.25rem 'Poppins',sans-serif;color:#303030;margin-bottom:24px;} #ai-design-iteration-study .ledger-quick-read h3 {font:600 1.5rem/2.25rem 'Poppins',sans-serif;} #ai-design-iteration-study .ledger-quick-read button {font-size:1rem;line-height:1.5;} #ai-design-iteration-study .ledger-role {margin-top:12px;} #ai-design-iteration-study .ledger-explore-help {margin-top:24px;} /* Crops are non-interactive evidence, with one quiet edge and aligned labels. */ #ai-design-iteration-study .review-detail-pair {gap:24px;align-items:start;} #ai-design-iteration-study .review-detail-pair figcaption {font:500 1rem/1.5 'Poppins',sans-serif;margin-bottom:12px;} #ai-design-iteration-study .review-detail-crop {cursor:default;border:0;border-radius:0;box-shadow:0 0 0 1px #e2e4e7;} #ai-design-iteration-study .review-detail-caption {font:400 1.125rem/1.875rem 'Poppins',sans-serif;max-width:62ch;} #ai-design-iteration-study .review-detail-tabs button {font-size:1rem;} #ai-design-iteration-study .review-evidence {font:400 1rem/1.6 'Poppins',sans-serif;max-width:70ch;margin:20px 0 24px;} #ai-design-iteration-study .review-full-trail summary {font-size:1rem;} /* A short viewport can scroll its scene without losing the explanation or controls. */ #ai-design-iteration-study .replay-compact-status, #ai-design-iteration-study .replay-scroll-help {display:none;} @media(max-width:991px) { #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-scene-note {display:none;} #ai-design-iteration-study .is-dialog[data-chapter="2"] > .is-player {display:block;} #ai-design-iteration-study .replay-compact-status {display:block;font:500 1rem/1.5 'Poppins',sans-serif;color:#303030;margin:0 0 4px;} #ai-design-iteration-study .replay-scroll-help {display:block;font:400 .875rem/1.5 'Poppins',sans-serif;color:#555;margin:0 0 8px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-chapter-nav {padding-block:12px;} } /* Group-header comparison keeps both shared fields and the group edge intact. */ #ai-design-iteration-study .review-detail-pair[data-detail="header"] {grid-template-columns:1fr;} #ai-design-iteration-study [data-detail="header"] .review-detail-crop {aspect-ratio:1520 / 380;} #ai-design-iteration-study [data-detail="header"] .review-detail-crop .artifact-shot {width:105.263158%;} #ai-design-iteration-study [data-detail="header"] .review-detail-before {--crop-x:-2.5%;--crop-y:-10.332951%;} #ai-design-iteration-study [data-detail="header"] .review-detail-after {--crop-x:-2.5%;--crop-y:-7.964602%;} #ai-design-iteration-study .is-map-intro .ledger-context, #ai-design-iteration-study .is-map-intro .ledger-role {font:400 1.125rem/1.875rem 'Poppins',sans-serif;} #ai-design-iteration-study [data-detail="header"] .review-detail-before {aspect-ratio:1520 / 145;} #ai-design-iteration-study [data-detail="header"] .review-detail-after {aspect-ratio:1520 / 260;} #ai-design-iteration-study .review-detail-pair figcaption {text-align:left;} #ai-design-iteration-study .review-context {margin-top:24px!important;} #ai-design-iteration-study .is-map-intro .heading-1-n {max-width:none;} #ai-design-iteration-study .ledger-quick-read h2 {font:600 2rem/3rem 'Poppins',sans-serif;} /* Owner review: one reading rhythm, map first, optional depth through actions. */ #ai-design-iteration-study .is-map-intro {display:block;padding:28px 24px 8px;} #ai-design-iteration-study .is-map-intro > div {max-width:940px;} #ai-design-iteration-study .is-map-intro .ledger-thesis, #ai-design-iteration-study .is-map-intro .ledger-context {max-width:none;width:100%;font:400 18px/30px 'Poppins',sans-serif;color:#303030;margin:0 0 8px;padding:0;} #ai-design-iteration-study .is-map-intro .heading-4-n {font:500 16px/24px 'Poppins',sans-serif;margin-bottom:12px;} #ai-design-iteration-study .is-map-intro .heading-1-n {margin-bottom:20px;} #ai-design-iteration-study .ledger-quick-read {padding:24px;} #ai-design-iteration-study .ledger-quick-read h2 {font:600 24px/36px 'Poppins',sans-serif;margin-bottom:20px;} #ai-design-iteration-study .ledger-quick-read ol {gap:20px;} #ai-design-iteration-study .ledger-quick-read li {display:flex;flex-direction:column;align-items:start;padding:24px;border:0;border-radius:12px;background:#fff;box-shadow:0 2px 5px #152d4a08,0 10px 28px #152d4a0d;} #ai-design-iteration-study .ledger-quick-read h3 {font:600 24px/36px 'Poppins',sans-serif;} #ai-design-iteration-study .ledger-quick-read li p {font:400 18px/30px 'Poppins',sans-serif;color:#303030;margin-bottom:12px;} #ai-design-iteration-study .ledger-quick-read button {margin-top:auto;font:500 16px/24px 'Poppins',sans-serif;} #ai-design-iteration-study .is-dialog-head h3 {font:600 24px/36px 'Poppins',sans-serif;} #ai-design-iteration-study .case-evidence {margin:12px 0;} #ai-design-iteration-study .case-evidence summary {display:list-item;cursor:pointer;font:500 16px/24px 'Poppins',sans-serif;color:#005bb8;min-height:44px;padding:10px 0;} #ai-design-iteration-study .case-evidence p {font:400 18px/30px 'Poppins',sans-serif;color:#303030;padding:0 0 12px;} #ai-design-iteration-study .case-evidence summary:focus-visible {outline:2px solid #005bb8;outline-offset:4px;} #ai-design-iteration-study #stable-intro .station-intro {font:400 18px/30px 'Poppins',sans-serif;color:#303030;} /* Three detail states preserve one stable before/after context. */ #ai-design-iteration-study .review-detail-tabs {display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;} #ai-design-iteration-study .review-detail-tabs button {font:500 16px/24px 'Poppins',sans-serif;} #ai-design-iteration-study .review-study .review-detail-caption {font:500 18px/30px 'Poppins',sans-serif;margin:0 0 12px;min-height:30px;} #ai-design-iteration-study .review-screenshot-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));} #ai-design-iteration-study .review-study figure {margin:0;min-width:0;} #ai-design-iteration-study .review-study figcaption {font:400 16px/24px 'Poppins',sans-serif;color:#303030;margin:0 0 12px;text-align:left;} #ai-design-iteration-study .final-shot-frame {aspect-ratio:1520 / 740;overflow:hidden;position:relative;} #ai-design-iteration-study .final-shot-frame .artifact-shot {width:105.263158%;max-width:none;border-radius:0;transform:translate(-2.5%,-7.964602%);} #ai-design-iteration-study .is-page .is-chapter-nav button {font:500 16px/24px 'Poppins',sans-serif;} @media(max-width:700px) { #ai-design-iteration-study .ledger-quick-read ol {grid-template-columns:1fr;} } /* Context-preserving comparison: one original group and its outside action. */ #ai-design-iteration-study .review-screenshot-pair {max-width:100%;gap:28px;align-items:start;} #ai-design-iteration-study .review-screenshot-pair figure {align-items:stretch;} #ai-design-iteration-study .review-context-shot {position:relative;width:100%;padding:0;border-radius:10px;background:#fff;box-shadow:0 3px 10px #152d4a0a,0 14px 34px #152d4a12;overflow:hidden;--group-height:480;--source-height:1742;--action-top:1160;--action-height:90;--focus-top:0%;--focus-height:26%;} #ai-design-iteration-study .context-after {--group-height:720;--source-height:2260;--action-top:1650;--action-height:115;--focus-height:34%;} #ai-design-iteration-study .context-group,#ai-design-iteration-study .context-action {position:relative;overflow:hidden;} #ai-design-iteration-study .context-group {aspect-ratio:1520 / var(--group-height);} #ai-design-iteration-study .context-action {aspect-ratio:1520 / var(--action-height);} #ai-design-iteration-study .review-context-shot img {position:absolute;display:block;max-width:none;width:105.263158%;height:auto;left:-2.631579%;top:0;transform:translateY(calc(-180 / var(--source-height) * 100%));} #ai-design-iteration-study .context-action img {transform:translateY(calc(-1 * var(--action-top) / var(--source-height) * 100%));} #ai-design-iteration-study [data-detail="card"] .review-context-shot {--focus-top:68%;--focus-height:16%;} #ai-design-iteration-study [data-detail="card"] .context-after {--focus-top:71%;--focus-height:15%;} #ai-design-iteration-study [data-detail="group"] .review-context-shot {--focus-top:84%;--focus-height:15%;} #ai-design-iteration-study [data-detail="group"] .context-after {--focus-top:86%;--focus-height:13%;} #ai-design-iteration-study .ledger-loop li:not(:last-child)::after {content:'';top:15px;left:46px;right:0;height:1px;background:#b7cce0;} #ai-design-iteration-study .ledger-loop li:not(:last-child)::before {content:'';position:absolute;right:0;top:12px;width:6px;height:6px;border-right:1px solid #8eabc6;border-top:1px solid #8eabc6;transform:rotate(45deg);} #ai-design-iteration-study .loop-repeat {display:flex;align-items:center;gap:8px;font:400 16px/24px 'Poppins',sans-serif;} #ai-design-iteration-study .loop-repeat-icon,#ai-design-iteration-study .rule-link-icon {flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;} #ai-design-iteration-study .ledger-rule {max-width:none;} #ai-design-iteration-study .ledger-rule > h4 {font:600 24px/36px 'Poppins',sans-serif;margin-bottom:16px;} #ai-design-iteration-study .recovery-pair {display:grid;grid-template-columns:1fr 1fr;gap:20px;} #ai-design-iteration-study .recovery-pair > div {padding:18px 20px;background:#f6f8fa;border-radius:10px;} #ai-design-iteration-study .recovery-pair span,#ai-design-iteration-study .recovery-pair b {display:block;font:400 16px/24px 'Poppins',sans-serif;} #ai-design-iteration-study .recovery-pair b {color:#005bb8;font-weight:500;margin:8px 0;} #ai-design-iteration-study .recovery-pair p,#ai-design-iteration-study .ledger-rule .case-evidence p {font:400 18px/30px 'Poppins',sans-serif;margin:0;} @media(max-width:700px) { #ai-design-iteration-study .review-screenshot-pair {grid-template-columns:1fr;gap:24px;} #ai-design-iteration-study .recovery-pair {gap:12px;} #ai-design-iteration-study .recovery-pair > div {padding:14px;} } @media(max-width:991px) { #ai-design-iteration-study .ledger-loop li:not(:last-child)::after {left:15px;right:auto;top:40px;bottom:-10px;width:1px;height:auto;} #ai-design-iteration-study .ledger-loop li:not(:last-child)::before {display:block;left:12px;right:auto;top:auto;bottom:-10px;transform:rotate(135deg);} } @media(max-width:700px) { #ai-design-iteration-study .review-study .review-detail-caption {min-height:60px;} } /* A shared header owns the title and lead; the artifact starts a separate group. */ #ai-design-iteration-study #adis-dialog .is-dialog-head {position:relative;padding:28px var(--dialog-gutter) 32px;} #ai-design-iteration-study .is-dialog-head > div {min-width:0;width:100%;} #ai-design-iteration-study .is-dialog-head h3 {padding-right:28px;} #ai-design-iteration-study .is-dialog .is-dialog-head #stable-intro {max-width:none;padding:0;margin:12px 0 0!important;font:400 18px/30px 'Poppins',sans-serif;color:#303030;} #ai-design-iteration-study .is-dialog-head .is-close {position:absolute;right:18px;top:20px;} #ai-design-iteration-study .is-dialog .is-dialog-body, #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-body {padding-top:0;overflow-anchor:none;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-content-group {display:flex;flex-direction:column;align-items:stretch;gap:0;flex:1 0 auto;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .station-visual-group {display:flex;flex-direction:column;justify-content:flex-start;} #ai-design-iteration-study .is-dialog {isolation:isolate;} /* A disclosure link and adjacent utility action, distinct from selection tabs. */ #ai-design-iteration-study .compare-intro {display:flex;align-items:center;justify-content:flex-start;gap:4px;margin:0 0 24px;} #ai-design-iteration-study #adis-dialog[data-chapter="1"] .compare-intro #show-choice {display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 0;background:transparent;border:0;border-radius:0;color:#005bb8;font:500 16px/24px 'Poppins',sans-serif;} #ai-design-iteration-study #show-choice > span {text-decoration:none;} #ai-design-iteration-study #show-choice:hover > span {color:#004a98;} #ai-design-iteration-study #show-choice svg {width:16px;height:16px;transition:transform 160ms ease-out;} #ai-design-iteration-study #show-choice[aria-expanded="true"] svg {transform:rotate(180deg);} #ai-design-iteration-study #reset-trial {display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin:0;padding:10px;background:transparent;border:1px solid transparent;border-radius:8px;color:#555;} #ai-design-iteration-study #reset-trial:hover {background:#f3f6fa;color:#005bb8;} #ai-design-iteration-study #reset-trial svg {width:20px;height:20px;} #ai-design-iteration-study .compare-intro svg {fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;} #ai-design-iteration-study #show-choice:focus-visible, #ai-design-iteration-study #reset-trial:focus-visible {outline:2px solid #005bb8;outline-offset:4px;} /* Same-scale native pixels sit inside matching frames without stretching. */ #ai-design-iteration-study .review-context-shot {aspect-ratio:1520 / 835;display:flex;align-items:center;} #ai-design-iteration-study .context-composite {position:relative;width:100%;flex:none;} #ai-design-iteration-study .context-veil {position:absolute;inset:0;pointer-events:none;backdrop-filter:blur(1.25px);background:#ffffff30;mask-image:linear-gradient(to bottom,#000 0%,#000 max(0%,calc(var(--focus-top) - 2%)),transparent calc(var(--focus-top) + 2%),transparent calc(var(--focus-top) + var(--focus-height) - 2%),#000 calc(var(--focus-top) + var(--focus-height) + 2%),#000 100%);} #ai-design-iteration-study [data-detail="header"] .review-context-shot {--focus-top:0%;--focus-height:34%;} #ai-design-iteration-study [data-detail="header"] .context-after {--focus-height:35%;} #ai-design-iteration-study [data-detail="card"] .review-context-shot {--focus-top:66%;--focus-height:34%;} #ai-design-iteration-study [data-detail="card"] .context-after {--focus-top:70%;--focus-height:30%;} #ai-design-iteration-study [data-detail="group"] .context-veil {mask-image:linear-gradient(to bottom,#000 0%,#000 62%,#666 68%,#666 80%,transparent 86%,transparent 100%);} #ai-design-iteration-study .review-context-shot:hover .context-veil {backdrop-filter:none;background:transparent;} /* The process has room to breathe. Its only example is the preceding station. */ #ai-design-iteration-study .is-dialog[data-chapter="3"] .ledger-loop {margin-block:auto;gap:24px;} #ai-design-iteration-study .ledger-loop h4 {font:600 18px/27px 'Poppins',sans-serif;} #ai-design-iteration-study .ledger-loop h4 small {font:400 14px/22px 'Poppins',sans-serif;margin-top:6px;} #ai-design-iteration-study .ledger-loop p {font:400 16px/26px 'Poppins',sans-serif;} #ai-design-iteration-study .loop-repeat {margin:24px 0 12px!important;} #ai-design-iteration-study .loop-previous-cue {display:none;} #ai-design-iteration-study .is-dialog[data-chapter="3"] .loop-previous-cue {display:flex;flex:none;align-items:center;gap:12px;padding:20px var(--dialog-gutter) 0;font:400 14px/22px 'Poppins',sans-serif;color:#555;} #ai-design-iteration-study .loop-previous-cue svg {width:20px;height:30px;flex:none;fill:none;stroke:#005bb8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;} /* The accepted artifact carries the right column; the conclusion spans both. */ #ai-design-iteration-study .close-layout {grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px 36px;align-items:center;} #ai-design-iteration-study .close-step {grid-template-columns:24px minmax(0,1fr);gap:10px;padding:16px 0;} #ai-design-iteration-study .close-step span {width:24px;height:24px;font-size:12px;} #ai-design-iteration-study .close-step b {font:500 16px/24px 'Poppins',sans-serif;} #ai-design-iteration-study .close-step p {font:400 14px/22px 'Poppins',sans-serif;margin-top:4px;} #ai-design-iteration-study .close-thesis {grid-column:1/-1;margin:0;padding:18px 0 0;border-top:1px solid #d8e1eb;border-radius:0;background:transparent;color:#303030;font:400 18px/30px 'Poppins',sans-serif;} #ai-design-iteration-study .close-thesis em {font-weight:500;} #ai-design-iteration-study .final-context-shot {--group-height:720;--source-height:2260;--action-top:1650;--action-height:115;overflow:hidden;position:relative;border-radius:10px;background:#fff;box-shadow:0 3px 10px #152d4a0a,0 14px 34px #152d4a12;} #ai-design-iteration-study .final-context-shot img {position:absolute;display:block;max-width:none;width:105.263158%;height:auto;left:-2.631579%;top:0;transform:translateY(calc(-180 / var(--source-height) * 100%));} #ai-design-iteration-study .final-context-shot .context-action img {transform:translateY(calc(-1 * var(--action-top) / var(--source-height) * 100%));} @media(max-width:991px) { #ai-design-iteration-study #adis-dialog .is-dialog-head {padding:24px var(--dialog-gutter) 28px;} #ai-design-iteration-study .is-dialog[data-chapter="3"] .ledger-loop {margin:0;gap:22px;} #ai-design-iteration-study .ledger-loop h4 small {display:inline;margin-left:8px;} #ai-design-iteration-study .is-dialog[data-chapter="3"] .loop-previous-cue {padding-top:12px;} } @media(max-width:700px) { #ai-design-iteration-study #adis-dialog .is-dialog-head {padding-top:20px;padding-bottom:28px;} #ai-design-iteration-study .is-dialog .is-dialog-head #stable-intro {margin-top:10px!important;} #ai-design-iteration-study .close-layout {grid-template-columns:1fr;gap:24px;} #ai-design-iteration-study .close-visual {grid-row:1;} #ai-design-iteration-study .review-study .review-detail-caption {min-height:60px;} } @media(prefers-reduced-motion:reduce) { #ai-design-iteration-study #show-choice svg {transition:none;} } /* This live region announces station changes without occupying visual space. */ #ai-design-iteration-study #adis-station-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;} /* Phase stays with the controls when the larger shared heading reduces scene space. */ #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-scene-note {display:none;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .replay-compact-status {display:block;font:500 14px/22px 'Poppins',sans-serif;color:#303030;margin:0 0 4px;} @media(min-width:992px) { #ai-design-iteration-study .is-dialog[data-chapter="2"] > .is-player {display:block;padding:8px var(--dialog-gutter);} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-ledger {padding:10px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-ledger-title {margin-bottom:6px;} } /* Replay context belongs above the controller divider, not inside the controls. */ #ai-design-iteration-study .is-dialog > .replay-compact-status {display:none;} #ai-design-iteration-study .is-dialog[data-chapter="2"] > .replay-compact-status {display:flex;flex:none;align-items:baseline;gap:10px;padding:10px var(--dialog-gutter) 12px;margin:0;font:400 14px/22px 'Poppins',sans-serif;} #ai-design-iteration-study .replay-phase {flex:none;font-weight:600;padding:1px 7px;border-radius:4px;color:#005bb8;background:#eaf3ff;} #ai-design-iteration-study [data-phase="before"] .replay-phase {color:#81520b;background:#fff0d9;} #ai-design-iteration-study [data-phase="after"] .replay-phase {color:#126a50;background:#e2f4eb;} #ai-design-iteration-study .is-dialog[data-chapter="2"] > .is-player {display:flex;justify-content:center;padding:10px var(--dialog-gutter);} #ai-design-iteration-study .role-accent {color:#005bb8;font-weight:600;} #ai-design-iteration-study .compare-scope p {overflow:hidden;} #ai-design-iteration-study .is-layer {will-change:auto;} /* Owner-selected B: concise context beside the complete, proportionate form. */ #ai-design-iteration-study .baseline-context {display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:36px;width:100%;margin-block:auto;} #ai-design-iteration-study .baseline-points {display:grid;min-width:0;} #ai-design-iteration-study .baseline-point {min-width:0;padding:18px 0;border-bottom:1px solid #d8e1eb;} #ai-design-iteration-study .baseline-point:first-child {padding-top:0;} #ai-design-iteration-study .baseline-point:last-child {padding-bottom:0;border-bottom:0;} #ai-design-iteration-study .baseline-point h4 {display:flex;align-items:center;gap:10px;margin:0 0 8px;color:#005bb8;font:500 16px/24px 'Poppins',sans-serif;} #ai-design-iteration-study .baseline-point h4 span {display:grid;place-items:center;flex:none;width:24px;height:24px;background:#eaf3ff;border-radius:50%;font-size:18px;} #ai-design-iteration-study .baseline-point p {font:400 18px/30px 'Poppins',sans-serif;margin:0;color:#303030;} #ai-design-iteration-study .review-study figcaption {opacity:1;margin:24px 0 0;} #ai-design-iteration-study .review-study .review-state-label {display:inline-block;padding:2px 8px;border-radius:4px;background:#eaf3ff;color:#005bb8;font:500 14px/22px 'Poppins',sans-serif;} #ai-design-iteration-study .review-study .review-side-caption {font:400 16px/26px 'Poppins',sans-serif;min-height:52px;margin:8px 0 0;} @media(max-width:700px) { #ai-design-iteration-study .review-study .review-side-caption {min-height:0;} } @media(max-width:760px) { #ai-design-iteration-study .baseline-context {grid-template-columns:1fr;gap:28px;} } #ai-design-iteration-study .baseline-full-form {overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 10px 28px #152d4a12;} #ai-design-iteration-study .baseline-full-form .artifact-shot {display:block;width:100%;max-width:100%;height:auto;border-radius:0;box-shadow:none;} /* Forms grow from their existing top edge; native scroll anchoring must not chase an added row. */ #ai-design-iteration-study .is-dialog[data-chapter="1"] .trial-ui {min-height:0;overflow-anchor:none;} /* Balance the space above and below the replay artifact. */ #ai-design-iteration-study #adis-dialog[data-chapter="2"] .is-dialog-head {padding-bottom:24px;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .is-dialog-body {padding-bottom:0;} #ai-design-iteration-study .is-dialog[data-chapter="2"] .station-visual-group {justify-content:center;} #ai-design-iteration-study .is-dialog[data-chapter="2"] > .replay-compact-status {padding-top:24px;} /* The reference keeps ownership clear and makes the repeat path explicit. */ #ai-design-iteration-study .ledger-handoff {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;position:relative;margin-block:auto;padding:0 0 8px;} #ai-design-iteration-study .handoff-lane {position:relative;min-width:0;} #ai-design-iteration-study .handoff-role {font:500 18px/27px 'Poppins',sans-serif;color:#005bb8;margin:0 0 12px;padding:0;border:0;} #ai-design-iteration-study .handoff-lane:not(:nth-child(3))::after {content:'→';position:absolute;right:-29px;top:108px;color:#0071e3;font:400 24px/1 'Poppins',sans-serif;} #ai-design-iteration-study .is-dialog[data-chapter="3"] .ledger-loop {grid-template-columns:1fr;gap:12px;margin:0;} #ai-design-iteration-study .ledger-handoff .ledger-loop li {display:flex;gap:12px;margin:0;padding:14px;border:1px solid #d8e8fa;border-radius:12px;background:#f5f9fe;} #ai-design-iteration-study .ledger-handoff .ledger-loop li::before, #ai-design-iteration-study .ledger-handoff .ledger-loop li::after {display:none;} #ai-design-iteration-study .ledger-handoff .loop-number {width:32px;height:32px;font-size:14px;flex:none;margin:0;border:0;background:#e2efff;} #ai-design-iteration-study .ledger-handoff .ledger-loop h4 {margin:0;font-size:18px;line-height:27px;} #ai-design-iteration-study .ledger-handoff .ledger-loop p {margin:8px 0 0;color:#40546a;} #ai-design-iteration-study .handoff-return {position:relative;grid-column:1/-1;height:30px;margin:22px 16px 0;border:1.5px solid #0071e3;border-top:0;border-radius:0 0 16px 16px;} #ai-design-iteration-study .handoff-return::before {content:'';position:absolute;left:-4.5px;top:1px;width:7px;height:7px;border-top:1.5px solid #0071e3;border-left:1.5px solid #0071e3;transform:rotate(45deg);} #ai-design-iteration-study .ledger-handoff > .loop-repeat {position:relative;z-index:1;grid-column:1/-1;justify-self:center;background:#fff;margin:-14px 0 0!important;padding:0 16px;color:#005bb8;} /* The first group and its two action scopes remain at one image scale, without internal scrolling. */ #ai-design-iteration-study .final-artifact-viewer {overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 10px 32px #152d4a12;} #ai-design-iteration-study .final-accepted-top, #ai-design-iteration-study .final-accepted-action {position:relative;overflow:hidden;} #ai-design-iteration-study .final-accepted-top {aspect-ratio:1600 / 920;} #ai-design-iteration-study .final-accepted-action {aspect-ratio:1600 / 130;} #ai-design-iteration-study .final-artifact-viewer img {display:block;position:absolute;width:100%;max-width:100%;height:auto;} #ai-design-iteration-study .final-accepted-action img {transform:translateY(calc(-1650 / 2260 * 100%));} @media(max-width:760px) { #ai-design-iteration-study .ledger-handoff {grid-template-columns:1fr;gap:28px;padding:0;} #ai-design-iteration-study .handoff-role {margin-bottom:12px;padding:0;} #ai-design-iteration-study .handoff-lane:not(:nth-child(3))::after {content:'↓';left:15px;right:auto;top:auto;bottom:-25px;font-size:20px;} #ai-design-iteration-study .handoff-return {display:none;} #ai-design-iteration-study .ledger-handoff > .loop-repeat {justify-self:start;margin:0!important;padding:0;} } /* Selected B+C return cue: the existing chapter action opens the Undo example. */ #ai-design-iteration-study .loop-ticket {display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:22px;width:100%;padding:16px 24px 16px 12px;background:#edf5fd;border-radius:12px;} #ai-design-iteration-study .loop-ticket-slips {padding-right:20px;border-right:1px dashed #a4c1df;} #ai-design-iteration-study .loop-undo-slips {position:relative;width:120px;height:82px;pointer-events:none;} #ai-design-iteration-study .loop-slip {position:absolute;width:76px;height:59px;padding:10px;border:1px solid #a4c1df;border-radius:7px;background:#fff;} #ai-design-iteration-study .loop-slip i {display:block;height:3px;width:26px;margin:0 0 5px;background:#d3e3f3;border-radius:3px;} #ai-design-iteration-study .loop-slip i:nth-child(2) {width:38px;} #ai-design-iteration-study .loop-slip-back {left:5px;top:5px;transform:rotate(-10deg);background:#edf5fd;} #ai-design-iteration-study .loop-slip-front {left:34px;top:19px;transform:rotate(5deg);transition:transform 220ms cubic-bezier(.16,1,.3,1);} #ai-design-iteration-study .loop-slip-front > span {display:flex;align-items:center;gap:3px;font:500 10px/14px 'Poppins',sans-serif;color:#005bb8;} #ai-design-iteration-study .loop-slip-front svg {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;} #ai-design-iteration-study .loop-slip-station {position:absolute;right:0;top:0;color:#005bb8;font:500 13px/20px 'Poppins',sans-serif;} #ai-design-iteration-study .loop-ticket:focus-within .loop-slip-front,#ai-design-iteration-study .loop-ticket:hover .loop-slip-front {transform:rotate(0deg) translateY(-3px);} #ai-design-iteration-study .loop-ticket-copy {margin:0;color:#405c78;font:400 16px/27px 'Poppins',sans-serif;} #ai-design-iteration-study .loop-ticket-copy > span {display:block;margin-bottom:2px;color:#303030;font-weight:500;} #ai-design-iteration-study .loop-cue-link {display:inline-block;max-width:100%;min-height:44px;margin:-8px 0;padding:8px 0;border:0;background:transparent;color:#005bb8;font:500 16px/27px 'Poppins',sans-serif;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer;} #ai-design-iteration-study .loop-cue-link:hover {color:#003f80;text-decoration-thickness:2px;} #ai-design-iteration-study .loop-cue-link:focus-visible {outline:2px solid #005bb8;outline-offset:4px;} @media(max-width:700px) { #ai-design-iteration-study .loop-ticket {grid-template-columns:98px minmax(0,1fr);gap:16px;padding:16px 16px 16px 8px;} #ai-design-iteration-study .loop-ticket-slips {padding-right:14px;} #ai-design-iteration-study .loop-undo-slips {width:84px;height:65px;} #ai-design-iteration-study .loop-slip {width:58px;height:47px;padding:7px;} #ai-design-iteration-study .loop-slip-back {left:2px;top:5px;} #ai-design-iteration-study .loop-slip-front {left:21px;top:16px;} #ai-design-iteration-study .loop-slip i {width:20px;height:2px;margin-bottom:4px;} #ai-design-iteration-study .loop-slip i:nth-child(2) {width:30px;} #ai-design-iteration-study .loop-slip-front > span {font-size:9px;line-height:12px;} #ai-design-iteration-study .loop-slip-front svg {width:12px;height:12px;} #ai-design-iteration-study .loop-slip-station {top:-2px;font-size:11px;line-height:17px;} #ai-design-iteration-study .loop-ticket-copy,#ai-design-iteration-study .loop-cue-link {font-size:14px;line-height:23px;} } @media(prefers-reduced-motion:reduce) { #ai-design-iteration-study .loop-slip-front {transition:none;} #ai-design-iteration-study .loop-ticket:hover .loop-slip-front,#ai-design-iteration-study .loop-ticket:focus-within .loop-slip-front {transform:rotate(5deg);} } /* A compact cycle gives the case its method before the six detailed stations. */ #ai-design-iteration-study .is-map-intro {display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:40px;} #ai-design-iteration-study .is-map-intro > div {min-width:0;max-width:none;} #ai-design-iteration-study .ledger-method-loop {position:relative;width:260px;margin:0;justify-self:end;} #ai-design-iteration-study .ledger-method-loop svg {display:block;width:100%;max-width:100%;height:auto;} #ai-design-iteration-study .is-page .ledger-loop-pause {position:absolute;top:0;right:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#7a858e;cursor:pointer;} #ai-design-iteration-study .ledger-loop-pause svg {width:12px;height:12px;} #ai-design-iteration-study .is-page .ledger-loop-pause:hover {color:#526474;} #ai-design-iteration-study .ledger-loop-pause:focus:not(:focus-visible), #ai-design-iteration-study .ledger-loop-pause[data-pointer-focus]:focus {outline:none;box-shadow:none;} #ai-design-iteration-study .ledger-loop-pause:focus-visible {outline:2px solid #0071e3;outline-offset:2px;} #ai-design-iteration-study .ledger-loop-pause[hidden] {display:none;} @media(prefers-reduced-motion:reduce) { #ai-design-iteration-study :is(.ledger-loop-traveler,.ledger-loop-pause) {display:none;} } @media(max-width:900px) { #ai-design-iteration-study .is-map-intro {grid-template-columns:minmax(0,1fr) 210px;gap:24px;} #ai-design-iteration-study .ledger-method-loop {width:210px;} } @media(max-width:700px) { #ai-design-iteration-study .is-map-intro {grid-template-columns:1fr;gap:18px;} #ai-design-iteration-study .ledger-method-loop {width:210px;justify-self:center;} } #ai-design-iteration-study .is-dialog[data-chapter="3"] .is-dialog-body {padding-bottom:16px;} /* The loop and example share one natural, scrollable flow above navigation. */ #ai-design-iteration-study #adis-dialog[data-chapter="3"] .is-dialog-head {padding-bottom:32px;} #ai-design-iteration-study .is-dialog[data-chapter="3"] .is-dialog-body {gap:0;padding-bottom:16px;} #ai-design-iteration-study .is-dialog[data-chapter="3"] :is(.is-content-group,.station-visual-group,.is-dialog-stage,.is-general-scene) {flex:none;} #ai-design-iteration-study .is-dialog[data-chapter="3"] .ledger-handoff {margin:0;padding-bottom:0;} #ai-design-iteration-study .is-dialog[data-chapter="3"] .loop-previous-cue {padding:0;margin:56px 0 0;} #ai-design-iteration-study .is-dialog[data-chapter="5"] .is-dialog-body {padding-bottom:8px;} #ai-design-iteration-study .close-thesis {display:grid;gap:12px;padding:24px 0 12px;} #ai-design-iteration-study .close-thesis p {margin:0;} @media(max-width:700px) { #ai-design-iteration-study #adis-dialog[data-chapter="3"] .is-dialog-head {padding-bottom:32px;} }