/* AI instructions share the library shell; styles stay within this view. */
.ai-guide-panel{padding:0 12px 48px;max-width:1160px}
.ai-guide-open .page-intro{max-width:1136px;margin-bottom:30px}
.ai-guide-panel h2{font-size:20px;line-height:1.5;font-weight:600;letter-spacing:-.4px;margin:0 0 16px}
.ai-guide-panel .prompt-panel{background:#fafafa;border:1px solid var(--line);border-radius:10px;padding:26px;margin:0 0 32px}
.ai-guide-panel textarea{display:block;width:100%;min-height:156px;padding:18px;border:1px solid #ddd;border-radius:8px;background:#fff;color:var(--ink);font:14px/1.9 var(--sans);resize:vertical;scroll-margin-top:90px}
.ai-guide-panel textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.ai-guide-panel .guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:18px}
.ai-guide-panel .guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid var(--ink);border-radius:7px;background:var(--ink);color:#fff;font-size:14px;line-height:1.5;text-decoration:none}
.ai-guide-panel .guide-button:hover{background:#333}
.ai-guide-panel .guide-button-secondary{background:#fff;color:var(--ink);border-color:#d7d7d7}
.ai-guide-panel .guide-button-secondary:hover{background:#f0f0f0;border-color:#b5b5b5}
.ai-guide-panel .prompt-panel>p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 16px}
.ai-guide-panel #copy-status{flex-basis:100%}
.ai-guide-panel #copy-status:empty{display:none}
.ai-guide-panel .skill-help{margin-top:20px;border-top:1px solid var(--line);padding-top:10px;font-size:13px;line-height:1.8;color:var(--muted)}
.ai-guide-panel .skill-help summary,.ai-guide-panel .guide-note summary{cursor:pointer;padding:8px 0;color:var(--ink)}
.ai-guide-panel .skill-help ol,.ai-guide-panel .guide-note ul{padding-left:22px}
.ai-guide-panel .skill-help li{margin:8px 0}
.ai-guide-panel .guide-note{font-size:13px;line-height:1.8;color:var(--muted);margin:24px 0;padding-left:16px;border-left:2px solid #d5d5d5}
.ai-guide-panel .guide-note strong{color:var(--ink);font-weight:550}
.ai-guide-panel .guide-links{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:13px;margin:18px 0}
.ai-guide-panel #copy-status{font-size:13px;color:var(--muted)}
.ai-guide-panel .guide-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;counter-reset:ai-steps;margin:0;padding:0}
.ai-guide-panel .guide-steps li{border-top:1px solid var(--line);padding-top:14px;font-size:14px;line-height:1.8;color:var(--muted);counter-increment:ai-steps}
.ai-guide-panel .guide-steps li::before{content:"0" counter(ai-steps);display:block;font-size:12px;color:#999;margin-bottom:8px}
.ai-guide-panel .guide-steps strong{color:var(--ink);font-weight:550}
.ai-guide-panel .ai-guide-note{border-top:1px solid var(--line);padding-top:18px;margin:30px 0 0;font-size:12px;color:var(--muted);line-height:1.8}
@media(max-width:760px){
  :root:has(body.ai-guide-open){--shelf-bar:68px}
  .ai-guide-open .page-intro{margin-bottom:24px}
  .ai-guide-panel{padding-bottom:32px}
  .ai-guide-panel .prompt-panel{padding:18px;margin-bottom:26px}
  .ai-guide-panel h2{font-size:18px}
  .ai-guide-panel textarea{font-size:16px;line-height:1.8;min-height:264px;padding:13px}
  .ai-guide-panel .guide-actions{gap:12px}
  .ai-guide-panel .guide-button{flex:1 1 auto}
  .ai-guide-panel .skill-help{overflow-wrap:anywhere}
  .ai-guide-panel .guide-steps ol{grid-template-columns:1fr;gap:16px}
  .ai-guide-panel .guide-steps li::before{display:inline;margin-right:12px}
}

.copy-feedback{flex-basis:100%;font-size:13px;color:var(--muted)}.copy-feedback:empty{display:none}