.detail-bottom{padding:12px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.detail-bottom #previous{justify-self:start}.detail-bottom #next{justify-self:end}
#start-inspiration{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:min(240px,36vw);margin:0;padding:15px 8px;min-height:50px;border:0;border-radius:24px;corner-shape:squircle;background:transparent;color:#191919;font:inherit;font-size:14px;line-height:1.4;text-align:center;text-decoration:none;white-space:normal;cursor:pointer;transition:background .2s}
#start-inspiration svg{flex-shrink:0}
#start-inspiration:hover{background:rgba(25,25,25,.04)}
@media(max-width:700px){.detail-bottom{padding:8px 12px}#start-inspiration{min-height:46px;padding:13px 4px}.detail-bottom #previous,.detail-bottom #next{padding:10px 0;white-space:nowrap}}
#start-inspiration:disabled{opacity:.6;cursor:progress}
.inspiration-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#1b1d23;color:#f7f7fa;overflow:hidden}
.inspiration-dialog::backdrop{background:#1b1d23}
.reference-inspiration{box-sizing:border-box;position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;height:100%;padding:clamp(20px,3.2vw,64px);overflow:auto;background:radial-gradient(ellipse 80% 100% at 50% 42%,transparent 24%,rgba(0,0,0,.24) 100%),#1b1d23;color:#f7f7fa;font-family:Arial,Helvetica,sans-serif}
.reference-inspiration::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/film-grain.svg') repeat;background-size:96px 96px;opacity:.2;mix-blend-mode:soft-light}
.inspiration-toolbar,.inspiration-layout,.inspiration-status{position:relative;z-index:1}
.inspiration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;flex-shrink:0}
.inspiration-brand{font:750 29px/.88 Helvetica,Arial,sans-serif;letter-spacing:-1.5px;color:#fff;opacity:.22;user-select:none}
.inspiration-controls{display:flex;align-items:center;gap:6px}
.inspiration-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:12px;padding:10px;background:transparent;color:inherit;cursor:pointer}
.inspiration-controls button:hover{background:rgba(255,255,255,.08)}
.inspiration-controls button:disabled{opacity:.4;cursor:default}
.inspiration-controls svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.35}
.inspiration-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);grid-template-rows:minmax(0,1fr);column-gap:6vw}
.inspiration-frame{position:relative;min-height:0;min-width:0}
.inspiration-paint{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;opacity:0;will-change:opacity;transition:opacity 2s ease}
.inspiration-paint.is-active{opacity:1}
.inspiration-copy{min-width:0;min-height:0;max-width:480px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.inspiration-copy h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;margin:0 0 22px;font-size:clamp(38px,4.5vw,70px);font-weight:400;line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.inspiration-copy h2.is-medium{font-size:clamp(34px,4vw,56px);line-height:1.1}
.inspiration-copy h2.is-long{font-size:clamp(30px,3.3vw,46px);line-height:1.15}
.inspiration-copy h2 a{text-decoration:none}
.inspiration-creator{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 10px;color:rgba(238,240,248,.85);font-size:clamp(22px,1.9vw,28px);line-height:1.3;overflow-wrap:anywhere}
.inspiration-discipline{display:inline-flex;align-items:center;gap:12px;font-size:18px;line-height:1.5;color:rgba(238,240,248,.8);text-decoration:none}
.inspiration-discipline svg{width:20px;height:20px;flex-shrink:0}
.inspiration-view-reference{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:28px;padding:15px 20px;min-height:50px;border:1px solid rgba(238,240,248,.4);border-radius:24px;corner-shape:squircle;background:rgba(255,255,255,.04);color:inherit;text-decoration:none;font-size:14px}
.inspiration-view-reference:hover{background:rgba(255,255,255,.1)}
.reference-inspiration a:focus-visible,.reference-inspiration button:focus-visible{outline:2px solid #f7f7fa;outline-offset:6px}
.inspiration-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.64;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 140% 135% at 14% 105%,#000 12%,rgba(0,0,0,.85) 48%,transparent 100%)}
.inspiration-ambient .inspiration-paint{inset:-30%;width:160%;height:160%;object-fit:cover;filter:blur(100px) saturate(1.6) url(#related-glow-color);mix-blend-mode:plus-lighter;transform:scale(1.1);transition-duration:3.5s}
.inspiration-ambient-tone{opacity:.24;mask-image:radial-gradient(ellipse 85% 85% at 100% 0,#000,transparent 85%),linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.75) 45%,#000)}
.inspiration-ambient-tone .inspiration-paint{filter:blur(120px) saturate(.4) url(#related-glow-color)}
.inspiration-mobile-glow{display:none;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.inspiration-mobile-glow>div{position:absolute;inset:0;opacity:0}
.inspiration-status{margin:14px 0 0;font-size:13px;color:rgba(238,240,248,.8)}
@media(max-width:700px){.reference-inspiration{padding:max(20px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.inspiration-brand{font-size:24px}.inspiration-toolbar{margin-bottom:24px}.inspiration-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr) auto;gap:24px}.inspiration-copy{grid-row:2;max-width:none}.inspiration-copy h2,.inspiration-copy h2.is-medium,.inspiration-copy h2.is-long{font-size:clamp(26px,7vw,34px);line-height:1.1;-webkit-line-clamp:2;margin-bottom:14px}.inspiration-creator{font-size:18px;margin-bottom:6px}.inspiration-discipline{font-size:16px}.inspiration-view-reference{margin-top:20px;min-height:46px;padding:13px 18px}}
@media(min-width:701px) and (max-height:550px){.reference-inspiration{padding:20px 28px}.inspiration-toolbar{margin-bottom:20px}.inspiration-copy h2,.inspiration-copy h2.is-medium,.inspiration-copy h2.is-long{font-size:32px;line-height:1.1;-webkit-line-clamp:2;margin-bottom:14px}.inspiration-creator{font-size:18px}.inspiration-discipline{font-size:16px}.inspiration-view-reference{margin-top:16px;min-height:44px;padding:12px 16px}}
@media(max-width:760px),(pointer:coarse){.inspiration-ambient{display:none}.inspiration-mobile-glow{display:block}}
@media(prefers-reduced-motion:reduce){.reference-inspiration *{transition:none!important;animation:none!important}}