/* Product refinement: applications, guided learning, review and service practice. */
:root { --text:#f6f2fb; --muted:#b7acc4; --line:rgba(205,186,238,.17); }
button,input,textarea,select { font-family:inherit; }
select { font:inherit; color:var(--text); background:#110e18; border:1px solid var(--line); padding:13px 15px; border-radius:12px; width:100%; }
input,textarea { color:var(--text); }
textarea:focus,input:focus,select:focus { outline:2px solid #b99ae5; outline-offset:2px; }
.core-profile p,.hero-description,.learning-feature-copy p,.direction p,.pipeline-copy small,.page-content>p { font-size:14px; }
.core-tags span,.learning-pills span,.pipeline-link,.microcopy { font-size:12px; }
.hero-role>span { font-size:11px; }
.hero-eyebrow,.eyebrow,.section-title>span { font-size:10px; }
.scene-body p,.scene-body dd { font-size:14px; line-height:1.9; }
.scene-body dt { font-size:12px; margin-top:22px; }
.btn { font-size:14px; min-height:46px; }
.bottom-nav { grid-template-columns:repeat(5,1fr); width:570px; }
.bottom-nav button { font-size:11px; }
.smart-entry { display:grid; grid-template-columns:1.2fr 1fr; gap:28px; padding:34px; margin:32px 0; border-color:#b99ae535; background:linear-gradient(120deg,#281d36,#13111b 72%); position:relative; overflow:hidden; }
.smart-entry h2 { font-size:30px; font-weight:400; margin:12px 0 16px; line-height:1.5; }
.smart-entry p { color:var(--muted); font-size:14px; line-height:1.9; max-width:480px; }
.smart-entry-art { position:relative; min-height:220px; overflow:hidden; border-radius:15px; }
.smart-entry-art img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.smart-entry-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:22px; }
.ai-status { display:inline-flex; align-items:center; gap:8px; color:#b6a9c5; font-size:11px; line-height:1.5; white-space:nowrap; }
.ai-status::before { content:''; width:6px; height:6px; background:#8b8395; border-radius:50%; flex-shrink:0; }
.ai-status.ready::before { background:#bca0e6; box-shadow:0 0 9px #bca0e666; }
.product-path { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:18px; padding:18px 0; border-bottom:1px solid var(--line); color:#b0a2bf; font-size:12px; }
.product-path span { display:flex; align-items:center; gap:9px; }
.product-path b { font:14px Georgia,serif; color:#8f75a9; }
.product-path i { width:25px; height:1px; background:var(--line); }
.experience-content { max-width:1240px; }
.experience-heading { display:grid; grid-template-columns:1.05fr 1fr; gap:50px; align-items:center; margin-bottom:36px; }
.experience-heading>img { width:100%; height:260px; object-fit:cover; border-radius:22px; opacity:.9; }
.experience-heading h1 { margin:13px 0 18px; }
.experience-heading p { font-size:14px; color:var(--muted); line-height:1.9; }
.scenario-switch { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:25px 0; }
.scenario-switch button { padding:18px 20px; border-radius:13px; background:#15111e; border:1px solid var(--line); font-size:14px; text-align:left; }
.scenario-switch button span { display:inline-block; margin-right:15px; font:12px Georgia,serif; color:#8f75a9; }
.scenario-switch button.selected { border-color:#b99ae580; background:#30213f; color:#eee0ff; }
.experience-workbench { display:grid; grid-template-columns:.95fr 1.05fr; gap:24px; align-items:start; }
.experience-workbench .form-card { margin:0; padding:28px; }
.editor-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:20px; }
.editor-heading h2 { margin:0; font-size:18px; font-weight:500; }
.editor-heading .btn { min-height:35px; padding:5px 0; font-size:12px; }
#trialMaterial { min-height:265px; }
.input-note { font-size:12px; color:#9e8fae; line-height:1.85; margin:15px 0 22px; }
.trial-output { padding:28px; min-height:425px; }
.trial-output>.text-btn { border-top:1px solid var(--line); width:100%; justify-content:flex-start; margin-top:22px; padding-top:22px; font-size:12px; line-height:1.8; }
.result-empty { padding:55px 15px; text-align:center; color:#9e8bad; }
.result-empty>.ui-icon { width:35px; height:35px; color:#c0a4e5; }
.result-empty h3 { font-size:18px; font-weight:400; color:#d3c5df; margin:24px 0 13px; }
.result-empty p { font-size:13px; line-height:1.9; }
.ai-result { color:#d3c7df; font-size:14px; line-height:1.85; white-space:normal; scroll-margin-top:105px; }
.ai-result:empty { display:none; }
.ai-result h3 { margin:14px 0; font-size:21px; font-weight:500; color:#f2eafa; line-height:1.5; }
.ai-result h4 { margin:0 0 9px; color:#d7bcf3; font-size:14px; font-weight:500; }
.result-badge { display:inline-block; font-size:10px; color:#b6a0ce; letter-spacing:.5px; }
.result-summary { margin:10px 0 22px; white-space:pre-wrap; }
.result-grid { display:grid; gap:12px; margin:20px 0; }
.result-grid article { background:#c5a2ec08; border-left:2px solid #9c78c04d; padding:15px 17px; border-radius:0 10px 10px 0; }
.result-grid p { margin:0; color:#bdb0cc; white-space:pre-wrap; font-size:13px; line-height:1.9; }
.result-draft { margin:22px 0; background:#0f0c16; padding:20px; border:1px solid var(--line); border-radius:12px; font-family:inherit; white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.9; }
.result-next { border-top:1px solid var(--line); padding-top:18px; margin-top:22px; color:#d2bbe9; font-size:13px; }
.result-question { font-size:14px; color:#e1d5ee; }
.result-evidence { margin:16px 0; padding:12px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.result-evidence>summary { cursor:pointer; font-size:12px; color:#af91cb; }
.result-error { color:#e4bec6; padding:15px 0; }
.ai-pending { display:flex; align-items:center; gap:14px; padding:24px 4px; flex-wrap:wrap; font-size:13px; color:#d0b6eb; }
.ai-pending .btn { margin-left:auto; font-size:12px; }
.ai-spinner { width:19px; height:19px; border:2px solid #ae8dcd35; border-top-color:#ccb0ea; border-radius:50%; animation:ai-spin 1s linear infinite; }
@keyframes ai-spin { to {transform:rotate(360deg);} }
#receptionResult { padding:20px; margin:15px 0; border:1px solid var(--line); border-radius:16px; background:#18111f; }
.chat-header-tools { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.chat-header-tools .btn { font-size:12px; }
.bubble { font-size:14px; line-height:1.9; }
.bubble.user { max-width:85%; }
.chat-input { position:static; padding:16px 0; background:linear-gradient(0deg,#09090e 70%,#09090ef0); }
#chatForm { position:sticky; bottom:100px; }
.chat-input input { min-width:0; font-size:14px; }
.studio-tabs { display:flex; gap:10px; border-bottom:1px solid var(--line); margin:35px 0 10px; padding-bottom:16px; }
.studio-tabs button { background:transparent; color:#a490b7; padding:13px 22px; font-size:14px; border-radius:11px; }
.studio-tabs button.selected { background:#b598d422; color:#e5d3fa; }
.growth-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:30px; align-items:start; }
.growth-grid .workspace { margin-top:0; padding:28px; }
.growth-grid h2 { margin:12px 0 18px; font-size:25px; font-weight:400; }
.growth-grid p { font-size:13px; color:var(--muted); line-height:1.9; }
.growth-grid textarea { min-height:170px; }
.growth-grid .form-card { padding:0; background:none; border:0; margin:20px 0; }
.growth-grid label { display:block; margin-bottom:18px; }
#planGoal { min-height:105px; }
.ai-review-block { padding:25px 0; border-top:1px solid var(--line); margin-top:24px; }
.ai-review-block>.btn { margin-bottom:10px; }
#aiReviewResult { margin-top:18px; }
.ai-review-block .result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ai-records { padding:30px; margin:30px 0; }
.ai-records h2 { font-size:24px; font-weight:400; margin:0 0 14px; }
.history-card .ai-result { padding:15px 0; }
.work-label textarea { font-size:14px; line-height:1.9; }
.steps li,.check-list label,.material,.workspace>p { font-size:14px; line-height:1.9; }
.steps li::before { font-size:12px; }
.backend-content { max-width:1180px; }
.agent-list { grid-template-columns:repeat(3,1fr); }
.task-card strong { font-size:15px; }
.task-card small { font-size:12px; }
.form-card label { font-size:14px; }
.form-card input,.form-card textarea { font-size:14px; }
.page-content { padding-bottom:65px; }
@media(min-width:1001px){ .page-nav { padding:24px 42px; } .page-content:not(.experience-content) { max-width:1040px; } }
@media(max-width:1000px){ .growth-grid { grid-template-columns:1fr; } .experience-heading { gap:24px; } }
@media(max-width:640px){
  .smart-entry { grid-template-columns:1fr; padding:25px; gap:22px; border-radius:20px; margin:25px 0; }
  .smart-entry h2 { font-size:25px; }
  .smart-entry p { font-size:13px; }
  .smart-entry-art { min-height:170px; }
  .smart-entry-actions { gap:14px; margin-top:20px; }
  .smart-entry-actions .btn { width:100%; font-size:13px; }
  .product-path { font-size:10px; gap:6px; flex-wrap:wrap; justify-content:flex-start; line-height:1.8; }
  .product-path b { font-size:12px; }
  .product-path i { width:10px; }
  .hero-description { font-size:12px; }
  .core-profile p { font-size:12px; }
  .core-tags span { font-size:10px; }
  .hero-role>span { font-size:9px; }
  .hero-bottom-actions .primary { font-size:12px; padding:13px 14px; }
  .hero-bottom-actions .text-btn { font-size:11px; }
  .learning-feature-copy p,.pipeline-copy small,.direction p { font-size:13px; }
  .pipeline-link { font-size:12px; }
  .experience-heading { grid-template-columns:1fr; gap:20px; margin-bottom:25px; }
  .experience-heading>img { height:175px; order:-1; border-radius:17px; }
  .experience-heading h1 { font-size:30px; }
  .experience-heading p { font-size:13px; }
  .scenario-switch { gap:8px; }
  .scenario-switch button { padding:13px 8px; font-size:11px; text-align:center; line-height:1.7; }
  .scenario-switch button span { display:block; margin:0 0 4px; font-size:10px; }
  .experience-workbench { grid-template-columns:1fr; gap:20px; }
  .experience-workbench .form-card,.trial-output { padding:23px; border-radius:18px; }
  #trialMaterial { min-height:210px; }
  .result-empty { padding:28px 3px; }
  .ai-result { font-size:13px; }
  .ai-result h3 { font-size:20px; }
  .result-grid p,.result-next { font-size:13px; }
  .ai-review-block .result-grid { grid-template-columns:1fr; }
  .result-grid article { padding:14px; }
  .result-draft { padding:16px; font-size:13px; }
  .input-note { font-size:11px; }
  .studio-tabs { gap:8px; margin-top:28px; }
  .studio-tabs button { font-size:12px; padding:12px 15px; }
  .growth-grid { gap:18px; }
  .growth-grid .workspace { padding:24px; }
  .ai-records { padding:24px; }
  .agent-list { grid-template-columns:repeat(2,1fr); }
  .task-card strong { font-size:13px; }
  .task-card small { font-size:10px; }
  .steps li,.check-list label,.material { font-size:13px; }
  .bottom-nav { width:380px; max-width:calc(100% - 22px); gap:2px; }
  .bottom-nav button { font-size:9px; }
  .chat-input { gap:8px; }
  #chatForm { bottom:92px; }
  .bubble { font-size:13px; }
  .chat-header-tools .btn { font-size:11px; }
  .page-content { padding-bottom:45px; }
}
@media(prefers-reduced-motion:reduce){ .ai-spinner { animation:none; } }