/* A small reference note beside the artwork; no changes to the source images. */
.sample-prompt-trigger{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;width:100%;height:100%;padding:10px;border:0;border-radius:inherit;background:transparent;color:#fff;cursor:pointer;text-align:left}
.sample-prompt-trigger>span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid #ffffff45;border-radius:9px;background:#11130f;color:#fff;font:700 12px/1.2 system-ui,sans-serif;transition:background .16s ease,color .16s ease}
.sample-prompt-trigger svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sample-prompt-trigger:is(:hover,:focus-visible)>span,.sample-prompt-trigger[aria-expanded=true]>span{background:var(--yellow,#f7c600);color:var(--ink,#11130f);border-color:var(--ink,#11130f)}
:root[data-theme] .sample-prompt-trigger:focus-visible{outline:3px solid var(--theme-action);outline-offset:3px;box-shadow:0 0 0 6px var(--theme-bg)}
.showcase-grid .art-frame[data-prompt-open] img{transform:scale(1.035)}
.sample-prompt-panel{position:fixed;z-index:90;width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--theme-input-line,#848879);border-radius:20px;background:var(--theme-raised,#fff);color:var(--theme-fg,#11130f);box-shadow:0 14px 34px #11130f26,0 3px 8px #11130f14;animation:sample-note-in .18s cubic-bezier(.16,1,.3,1)}
.sample-prompt-panel[hidden]{display:none!important}
:root[data-theme=dark] .sample-prompt-panel{box-shadow:0 14px 34px #0005,0 3px 8px #0003}
.sample-prompt-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sample-prompt-thumbnail{display:block;width:42px;height:42px;flex:0 0 42px;object-fit:cover;border:1px solid var(--theme-line);border-radius:10px;background:var(--yellow)}
.sample-prompt-heading{min-width:0;flex:1}
.sample-prompt-heading h3{margin:0;font:800 17px/1.25 system-ui,'Microsoft YaHei',sans-serif;color:var(--theme-fg)}
.sample-prompt-heading p{margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--theme-muted)}
.sample-prompt-close{display:grid;place-items:center;align-self:flex-start;flex:0 0 40px;width:40px;height:40px;margin:-7px -7px 0 0;padding:0;border:0;border-radius:10px;background:transparent;color:var(--theme-fg);cursor:pointer}
.sample-prompt-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.sample-prompt-close:hover{background:var(--theme-soft)}
.sample-prompt-text{margin:0;padding:13px 0 16px;border-top:1px solid var(--theme-line);font-size:14px;line-height:1.7;overflow-wrap:anywhere;user-select:text;cursor:text}
.sample-prompt-copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 16px;border:1px solid var(--ink,#11130f);border-radius:12px;background:var(--yellow,#f7c600);color:var(--ink,#11130f);font:800 14px/1.4 system-ui,'Microsoft YaHei',sans-serif;cursor:pointer}
.sample-prompt-copy svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sample-prompt-copy:hover{background:#ffdc35}
.sample-prompt-copy:disabled{opacity:.65;cursor:wait}
.sample-prompt-status{margin:9px 0 0;min-height:2.9em;font-size:12px;line-height:1.45;color:var(--theme-muted)}
.sample-prompt-status[data-error]{color:var(--theme-error)}
.sample-prompt-hint{margin:18px 0 0;font-size:13px;line-height:1.6;color:var(--theme-muted)}
@keyframes sample-note-in{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:520px){.sample-prompt-trigger{padding:8px}.sample-prompt-trigger>span{font-size:11px}.sample-prompt-panel{padding:16px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){.sample-prompt-panel{animation:none}.sample-prompt-trigger>span{transition:none}.showcase-grid .art-frame[data-prompt-open] img{transform:none}}