.generation-room{color:#18223d;min-width:0;max-width:1080px;margin:0 auto}.generation-heading{max-width:660px;margin-bottom:36px}.generation-heading h1{letter-spacing:-.035em;outline:none;margin:0 0 16px;font-size:clamp(30px,3.9vw,48px);font-weight:600;line-height:1.16}.generation-heading h1 em{color:#39475c;font-family:Georgia,serif;font-weight:400}.generation-heading p{color:#56627a;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.7}.generation-heading strong{color:#18223d;font-weight:600}.generation-workspace{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);align-items:center;gap:38px;display:grid}.generation-figure{min-width:0;margin:0}.generation-art{--generation-paper:#fafaf5;--generation-surface:#e8edd7;--generation-ink:#18223d;--generation-accent:#afc965;aspect-ratio:1.15;isolation:isolate;background:#e9edf5;border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.generation-browser{background:var(--generation-paper);border-radius:8px;width:81%;overflow:hidden;transform:rotate(-3deg);box-shadow:0 18px 32px -20px #18223d66}.generation-browser-bar{background:var(--generation-surface);align-items:center;gap:4px;height:24px;padding:0 12px;display:flex}.generation-browser-bar span{background:var(--generation-ink);opacity:.5;border-radius:50%;width:4px;height:4px}.generation-browser-bar i{background:var(--generation-ink);opacity:.12;border-radius:2px;width:36%;height:5px;margin:auto}.generation-page{grid-template-columns:1.1fr 1fr;gap:18px 14px;padding:8%;display:grid;position:relative}.generation-nav{grid-column:1/-1;align-items:center;gap:10px;height:14px;margin-bottom:4px;display:flex}.generation-nav b{background:var(--generation-ink);border-radius:1px;width:24%;height:7px;margin-right:auto}.generation-nav i{background:var(--generation-ink);opacity:.35;width:12%;height:4px}.generation-copy{flex-direction:column;align-items:flex-start;gap:7px;padding:15% 0;animation:12s ease-in-out infinite generation-copy;display:flex}.generation-copy>span{background:var(--generation-ink);border-radius:1px;width:90%;height:10px}.generation-copy>span:nth-child(2){width:65%;margin-bottom:8px}.generation-copy small{background:var(--generation-ink);opacity:.4;width:90%;height:3px}.generation-copy small:nth-of-type(2){width:75%}.generation-copy b{background:var(--generation-accent);border-radius:2px;width:38%;height:15px;margin-top:9px}.generation-picture{background:var(--generation-surface);border-radius:40% 40% 3px 3px;place-items:center;min-height:135px;animation:12s ease-in-out infinite generation-picture;display:grid;position:relative;overflow:hidden}.generation-picture svg{color:var(--generation-ink);opacity:.35}.generation-picture i{background:var(--generation-accent);width:25%;height:14%;position:absolute;bottom:0;right:0}.generation-story{grid-column:1/-1;align-items:center;gap:14px;padding-top:8px;animation:12s ease-in-out infinite generation-story;display:flex}.generation-story>i{background:var(--generation-surface);border-radius:2px;flex-shrink:0;width:33%;height:62px}.generation-story>div{flex:1;gap:7px;display:grid}.generation-story b,.generation-story span{background:var(--generation-ink);opacity:.3;width:90%;height:4px}.generation-story b{opacity:.75;width:55%;height:7px;margin-bottom:2px}.generation-story span:last-child{width:70%}.generation-detail{grid-column:1/-1;align-items:center;gap:8px;padding-top:6px;animation:12s ease-in-out infinite generation-detail;display:flex}.generation-detail i{background:var(--generation-accent);width:20%;height:5px;margin-right:auto}.generation-detail span{background:var(--generation-ink);opacity:.3;width:15%;height:3px}.generation-palette{z-index:2;background:#fff;border-radius:6px;gap:5px;padding:8px;display:flex;position:absolute;top:5.5%;right:7%;box-shadow:0 4px 12px -6px #18223d33}.generation-palette i{border:1px solid #18223d26;border-radius:50%;width:18px;height:18px}.generation-position{background:#e9edf5;border:1px solid #687b9c;width:9px;height:9px;position:absolute}.generation-position-a{top:30%;left:6%}.generation-position-b{bottom:23%;right:7%}.generation-figure figcaption{color:#56627a;margin-top:12px;font-size:11px;line-height:1.6}.generation-notes{min-width:0}.generation-current{align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:1.5;display:flex}.generation-signal{background:#364a9f;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite generation-signal}.generation-expectation{color:#56627a;margin:12px 0 20px;font-size:14px;line-height:1.75}.generation-time{color:#56627a;align-items:center;gap:16px;font-size:13px;display:flex}.generation-time time{font-variant-numeric:tabular-nums;color:#18223d;font-size:15px}.generation-tip{border-top:1px solid #d6dce7;margin-top:26px;padding-top:22px}.generation-tip-label{color:#56627a;font-size:12px}.generation-tip h2{letter-spacing:-.02em;margin:10px 0;font-size:19px;font-weight:500;line-height:1.4}.generation-tip p{color:#56627a;min-height:69px;margin:0;font-size:13px;line-height:1.75}.generation-room button{color:#34468d;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:13px;display:inline-flex}.generation-room button:focus-visible{outline-offset:4px;outline:2px solid #3344ad}.generation-room button:hover:not(:disabled){text-underline-offset:4px;text-decoration:underline}.generation-room button:disabled{cursor:default;color:#56627a}.generation-footer{border-top:1px solid #d6dce7;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:18px;display:flex}.generation-footer p{color:#56627a;margin:0;font-size:12px;line-height:1.6}.generation-footer button{flex-shrink:0;padding:8px}.generation-room[data-motion=paused] .generation-piece,.generation-room[data-motion=paused] .generation-signal{animation-play-state:paused}@keyframes generation-copy{0%,8%,94%,to{opacity:.35;transform:translateY(9px)}20%,82%{opacity:1;transform:translateY(0)}}@keyframes generation-picture{0%,17%,94%,to{opacity:.3;transform:translateY(12px)scale(.97)}30%,82%{opacity:1;transform:translateY(0)scale(1)}}@keyframes generation-story{0%,33%,94%,to{opacity:.25;transform:translateY(10px)}46%,82%{opacity:1;transform:translateY(0)}}@keyframes generation-detail{0%,46%,94%,to{opacity:.25;transform:translateY(6px)}58%,82%{opacity:1;transform:translateY(0)}}@keyframes generation-signal{50%{opacity:.35}}@media (max-width:1050px){.generation-workspace{grid-template-columns:minmax(0,1fr) minmax(230px,1fr);gap:26px}.generation-picture{min-height:115px}}@media (max-width:850px){.generation-heading{margin-bottom:26px}.generation-workspace{grid-template-columns:1fr;gap:26px}.generation-art{aspect-ratio:1.4;max-width:500px;margin:auto}.generation-browser{width:68%}.generation-figure figcaption{text-align:center}.generation-tip p{min-height:0}.generation-footer{flex-wrap:wrap;gap:8px}}@media (max-width:450px){.generation-art{aspect-ratio:1}.generation-browser{width:78%}.generation-page{gap:14px 10px}.generation-picture{min-height:95px}.generation-story>i{height:42px}.generation-palette{padding:6px}.generation-palette i{width:14px;height:14px}.generation-heading h1{font-size:30px}.generation-heading p{font-size:14px}}@media (prefers-reduced-motion:reduce){.generation-room .generation-piece,.generation-room .generation-signal{opacity:1;animation:none;transform:none}}