/* Story Writer — light blue companion to Image Builder, distinct from purple research cards. */
#phiStoryWriter{display:grid;gap:12px;margin:13px 0 16px;max-width:100%;color:#173c63;font:500 14px/1.55 system-ui,sans-serif}
#phiStoryWriter *{box-sizing:border-box}
#phiStoryWriter .sw-card{min-width:0;border:2px solid #6d9fd1;border-radius:13px;padding:14px;background:linear-gradient(155deg,#e0f1ff,#afd7fa);box-shadow:0 3px 0 #bad5eb}
#phiStoryWriter .sw-eyebrow{display:block;color:#225f94;font-size:11px;font-weight:900;letter-spacing:.11em}
#phiStoryWriter h2{color:#0a3257;margin:5px 0 7px;font-size:22px;line-height:1.2}
#phiStoryWriter h3{color:#0a3257;margin:6px 0 12px;font-size:20px;line-height:1.25;overflow-wrap:anywhere}
#phiStoryWriter .sw-copy,#phiStoryWriter .sw-muted{color:#2c5273;margin:0 0 13px}
#phiStoryWriter .sw-muted{font-size:12px;margin:8px 0 0}
#phiStoryWriter .sw-label{display:block;font-weight:800;margin:12px 0 5px;color:#214a70}
#phiStoryWriter .sw-field{display:block;width:100%;min-width:0;background:#fff;color:#162b42;border:2px solid #87b3dc;border-radius:11px;padding:11px 12px;font:500 15px/1.4 system-ui,sans-serif}
#phiStoryWriter textarea.sw-field{resize:vertical;min-height:102px}
#phiStoryWriter .sw-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
#phiStoryWriter button{touch-action:manipulation;cursor:pointer}
#phiStoryWriter .sw-primary{display:block;width:100%;border:1px solid #0d396b;border-radius:10px;background:#164c89;color:#fff;padding:13px 10px;font:900 14px/1.3 system-ui,sans-serif}
#phiStoryWriter button:disabled{cursor:wait;opacity:.6}
#phiStoryWriter .sw-notice,#phiStoryWriter .sw-art-status,#phiStoryWriter .sw-reward-status{font-size:12px;color:#244f75;margin:10px 0 3px;overflow-wrap:anywhere}
#phiStoryWriter .sw-output[hidden]{display:none}
#phiStoryWriter .sw-story{white-space:pre-line;color:#163f65;line-height:1.72;font-size:14px}
#phiStoryWriter .sw-story p{margin:0 0 14px}
#phiStoryWriter .sw-art{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#f5faff;border:1px solid #83b0da;border-radius:12px;margin:8px 0 10px}
#phiStoryWriter .sw-art[hidden]{display:none}
#phiStoryWriter .sw-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:16px}
#phiStoryWriter .sw-actions button{background:#f8fcff;color:#173e63;border:1px solid #87b3dc;border-radius:10px;min-height:43px;padding:8px 5px;font-weight:800;font-size:12px;overflow-wrap:anywhere}
#phiStoryWriter .sw-actions #sw-star{grid-column:span 2;background:linear-gradient(120deg,#fff1bd,#f2c765);color:#402d05;border-color:#ca9f36;font-size:13px}
#phiStoryWriter .sw-actions #sw-collect,#phiStoryWriter .sw-actions #sw-share{background:#174e86;color:#fff;border-color:#174e86}
#phiStoryWriter .sw-history strong{display:block;margin-bottom:8px;color:#164e80}
#phiStoryWriter .sw-history{padding:12px 14px}
#phiStoryWriter :focus-visible{outline:3px solid #164e86;outline-offset:2px}
@media(max-width:350px){#phiStoryWriter .sw-options{grid-template-columns:1fr}#phiStoryWriter .sw-actions{grid-template-columns:1fr}#phiStoryWriter .sw-actions #sw-star{grid-column:span 1}}

#phiStoryWriter .sw-source-preview{display:block;width:100%;height:auto;max-height:310px;object-fit:contain;background:#fff;border:1px solid #8bb2d6;border-radius:11px;margin:9px 0}
#phiStoryWriter .sw-source-preview[hidden],#phiStoryWriter .sw-original-photo[hidden],#phiStoryWriter .sw-original-caption[hidden]{display:none!important}
#phiStoryWriter .sw-original-caption{margin:4px 0 9px;font-weight:800;color:#194b77}
#phiStoryWriter #sw-source-note{margin-top:7px}


/* Story library is a readable destination, not a second generation flow. */
#phiStoryWriter .sw-history[hidden]{display:none}
#phiStoryWriter .sw-view-stories{display:block;width:100%;margin:9px 0 0;min-height:44px;border:2px solid #164c89;border-radius:11px;background:#f8fcff;color:#164c89;font:850 14px system-ui,sans-serif}
#phiStoryWriter .sw-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px;margin:13px 0}
#phiStoryWriter .sw-library-item{min-width:0;background:#f7fbff;border:1px solid #82b1db;border-radius:13px;padding:13px;box-shadow:0 2px 0 #d0e7f8}
#phiStoryWriter .sw-library-item h4{font-size:16px;color:#0a3257;margin:0 0 5px;line-height:1.25;overflow-wrap:anywhere}
#phiStoryWriter .sw-library-teaser{font-size:13px;color:#214a70;line-height:1.5;overflow-wrap:anywhere}
#phiStoryWriter .sw-library-open{min-height:44px;border:1px solid #0e3d70;border-radius:10px;background:#164c89;color:white;padding:8px 14px;font-weight:850}


/* Personal prompts stay local until a visitor actively chooses an idea. */
#phiStoryWriter .sw-personal-row{
 margin:12px 0 14px;padding:14px;border-radius:17px;border:1px solid #b8cde5;
 background:#fff;color:#312722;
}
#phiStoryWriter .sw-personal-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#312722;font-weight:800}
#phiStoryWriter .sw-personal-label input{width:22px;height:22px;accent-color:#b83b32}
#phiStoryWriter .sw-personal-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
#phiStoryWriter .sw-personal-idea{border-radius:999px;background:#eff4fb;color:#123f79;
 border:1px solid #a9c6e7;min-height:44px;padding:8px 14px;font:750 13px/1.35 system-ui,sans-serif}
#phiStoryWriter .sw-personal-idea:hover{background:#e5eefe}


/* Keep the next-chapter direction next to its actual action on mobile. */
#phiStoryWriter #sw-next-chapter-note{margin-top:14px;background:#fff;min-height:86px}
#phiStoryWriter #sw-continue{grid-column:span 2;background:#087ac2;color:#fff;
 border-color:#08669f;min-height:52px;font-size:14px}
#phiStoryWriter #sw-continue:disabled{opacity:.65;cursor:wait}
@media(max-width:350px){#phiStoryWriter #sw-continue{grid-column:span 1}}