:root{
      --bg:#111318;
      --panel:#181b22;
      --panel2:#20242d;
      --text:#eef1f5;
      --muted:#9da7b5;
      --line:#303642;
      --accent:#7fb4ff;
      --accent2:#b7d5ff;
      --danger:#ff9e9e;
      --ok:#96e6b3;
      --warn:#ffd38a;
      --radius:16px;
      --shadow:0 14px 40px rgba(0,0,0,.28);
    }
    *{box-sizing:border-box}
.prompt-tool-page{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
      background: radial-gradient(circle at top left, #233047 0, transparent 36%), var(--bg);
      color:var(--text);
      line-height:1.5;
    }
    .prompt-tool-hero{
      position:static!important;
      top:auto!important;
      z-index:auto!important;
      width:auto!important;
      min-height:0!important;
      max-width:1180px;
      margin:0 auto!important;
      padding:28px 22px 18px!important;
      border-bottom:0!important;
      background:transparent!important;
      backdrop-filter:none!important;
    }
    h1{margin:0 0 8px;font-size:clamp(24px,3vw,38px);letter-spacing:.02em}
    .subtitle{color:var(--muted);max-width:850px}
    .prompt-tool-main{
      max-width:1180px;
      margin:0 auto;
      padding:0 22px 42px;
      display:grid;
      grid-template-columns: 1.08fr .92fr;
      gap:18px;
    }
    @media (max-width: 920px){.prompt-tool-main{grid-template-columns:1fr}}
    .card{
      background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)), var(--panel);
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .card h2{
      margin:0;
      padding:16px 18px;
      font-size:18px;
      border-bottom:1px solid var(--line);
      background:rgba(255,255,255,.025);
    }
    .card .body{padding:16px 18px}
    .controls{
      display:grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap:12px;
      margin-bottom:14px;
    }
    @media (max-width: 640px){.controls{grid-template-columns:1fr}}
    label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
    select,input,textarea{
      width:100%;
      background:var(--panel2);
      color:var(--text);
      border:1px solid var(--line);
      border-radius:12px;
      padding:10px 12px;
      outline:none;
      font:inherit;
    }
    textarea{min-height:105px;resize:vertical}
    input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(127,180,255,.12)}
    .block{
      border:1px solid var(--line);
      background:rgba(255,255,255,.02);
      border-radius:14px;
      margin-bottom:12px;
      overflow:hidden;
    }
    .blockHead{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:12px 13px;
      background:linear-gradient(135deg, rgba(127,180,255,.16), rgba(255,255,255,.04));
      border-bottom:1px solid var(--line);
    }
    .blockTitle{font-weight:800;color:#f8fbff}
    .blockHint{font-size:12px;color:#b7c4d8;font-weight:500;margin-left:7px}
    .miniBtns{display:flex;gap:6px;flex-wrap:wrap}
    button{
      border:0;
      border-radius:12px;
      background:var(--accent);
      color:#08111f;
      padding:9px 12px;
      font-weight:700;
      cursor:pointer;
      transition:.12s ease;
    }
    button:hover{filter:brightness(1.08);transform:translateY(-1px)}
    button.secondary{background:#2b3340;color:var(--text);border:1px solid #3b4350}
    button.ghost{background:transparent;color:var(--accent2);border:1px solid var(--line);padding:6px 9px;font-size:12px}
    button.warn{background:#4b3820;color:#ffe0aa;border:1px solid #6d5230}
    button.danger{background:#472b2b;color:#ffd6d6;border:1px solid #684040}
    .chips{display:flex;flex-wrap:wrap;gap:8px;padding:13px}
    .chip{
      user-select:none;
      border:1px solid #3a4350;
      border-radius:999px;
      padding:7px 10px;
      color:#dfe7f2;
      background:#242a34;
      font-size:13px;
      cursor:pointer;
      transition:.12s ease;
    }
    .chip:hover{border-color:var(--accent);background:#273347}
    .chip.active{background:#17385f;border-color:#5ea5ff;color:#fff}
    .customRow{display:flex;gap:8px;padding:0 13px 13px}
    .customRow input{flex:1}
    .block.collapsed .blockBody{display:none}
    .block.collapsed .blockHead{border-bottom:none;background:linear-gradient(135deg, rgba(127,180,255,.12), rgba(255,255,255,.035))}
    .blockToggle{min-width:72px}
    .rightSticky{position:static;top:auto;align-self:start}
    @media (max-width: 920px){.rightSticky{position:static}}
    .output{
      min-height:150px;
      white-space:pre-wrap;
      word-break:break-word;
      background:#101217;
      border:1px solid var(--line);
      border-radius:14px;
      padding:13px;
      color:#f4f7fb;
    }
    .output.negative{color:#ffdada}
    .btnRow{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
    .small{font-size:12px;color:var(--muted)}
    .orderList{display:grid;gap:8px;margin-top:10px}
    .orderItem{
      display:flex;justify-content:space-between;align-items:center;gap:10px;
      background:#1f252e;border:1px solid var(--line);border-radius:12px;padding:9px 10px;
    }
    .orderItem span{font-size:13px;color:#d7deea}
    .savedList{display:grid;gap:8px;margin-top:10px}
    .savedItem{
      border:1px solid var(--line);border-radius:12px;background:#1f252e;padding:10px;
    }
    .savedItemTitle{font-weight:700;margin-bottom:4px}
    .savedItemPrompt{font-size:12px;color:var(--muted);max-height:42px;overflow:hidden}
    .pill{
      display:inline-block;padding:3px 8px;border-radius:999px;background:#26354b;color:#bdd8ff;font-size:12px;margin-left:6px;
    }
    .notice{
      background:#1d2634;border:1px solid #334357;color:#d9e8ff;border-radius:14px;padding:12px;margin-bottom:14px;font-size:13px;
    }
    .kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
    .kpi div{background:#1f252e;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}
    .kpi strong{display:block;font-size:18px}.kpi span{color:var(--muted);font-size:12px}
.footerNote{max-width:1180px;margin:0 auto;padding:0 22px 32px;color:var(--muted);font-size:12px}
.is-hidden{display:none!important}
.prompt-tool-note-tight{margin:-2px 0 10px}
.prompt-tool-weight-controls{margin-bottom:14px}
.prompt-tool-note{margin:-2px 0 14px}
.prompt-tool-field-help{margin-top:6px}
.prompt-tool-section{margin-top:14px}
.prompt-tool-toast{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  border:1px solid #3a7650;
  border-radius:12px;
  background:#1f3a2a;
  color:#d6ffe3;
  padding:10px 14px;
}