.leg .ph-orb1{ width:480px;height:480px;background:rgba(217,119,87,0.1);top:-80px;right:-60px; }
.leg .ph-orb2{ width:300px;height:300px;background:rgba(217,119,87,0.07);bottom:0;left:5%; }
.leg .tab{
    font-family:"Space Mono",monospace; font-size:10.5px; letter-spacing:.08em;
    text-transform:uppercase; padding:8px 18px; border-radius:2px;
    border:1px solid rgba(217,119,87,.3); color:rgba(217,119,87,.7); cursor:pointer;
    transition:all var(--transition); background:rgba(217,119,87,.05);
  }
.leg .tab:hover{ border-color:rgba(217,119,87,.7); color:#d97757; background:rgba(217,119,87,.1); }
.leg .tab.active{ background:#d97757; color:#fff; border-color:#d97757; }
.leg .prompt-card{
    background:linear-gradient(135deg,rgba(217,119,87,.07) 0%,rgba(217,119,87,.02) 50%,rgba(6,6,15,.6) 100%);
    border:1px solid rgba(217,119,87,.18);
    border-radius:10px; overflow:hidden; transition:all var(--transition);
    position:relative; display:flex; flex-direction:column;
  }
.leg .prompt-card::before{
    content:""; position:absolute; top:0; left:0; right:0; height:2px;
    background:#d97757; pointer-events:none;
  }
.leg .prompt-card:hover{ border-color:rgba(217,119,87,.4); transform:translateY(-3px); box-shadow:0 16px 40px rgba(217,119,87,.15); }
.leg .prompt-header{
    background:rgba(217,119,87,.06); padding:14px 18px;
    border-bottom:1px solid rgba(217,119,87,.15);
    display:flex; justify-content:space-between; align-items:center;
  }
.leg .pt-chat{ color:#d97757; }
.leg .copy-btn{
    display:block; width:100%; margin-top:auto; padding:11px;
    background:linear-gradient(90deg,#b5593a,#d97757); border:none;
    color:#fff; font-family:"Space Mono",monospace; font-size:10px;
    letter-spacing:.08em; text-transform:uppercase; cursor:pointer;
    border-radius:4px; transition:all var(--transition); text-align:center;
  }
.leg .prompt-cta-wrap{
    margin-top: 60px;
    background: linear-gradient(135deg, rgba(217,119,87,.07) 0%, rgba(217,119,87,.02) 50%, rgba(6,6,15,.6) 100%);
    border: 1px solid rgba(217,119,87,.35);
    border-radius: 10px;
    padding: 48px 52px;
    position: relative;
    overflow: hidden;
  }
.leg .prompt-cta-wrap::before{
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, #b5593a, #d97757);
    pointer-events: none;
  }
.leg .prompt-cta-wrap::after{
    content: "";
    position: absolute;
    top: -80px; right: -80px;
    width: 300px; height: 300px;
    background: radial-gradient(circle, rgba(217,119,87,.1) 0%, transparent 70%);
    pointer-events: none;
  }
.leg .prompt-cta-badge{
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(217,119,87,.1); border: 1px solid rgba(217,119,87,.25);
    border-radius: 100px; padding: 5px 14px;
    font-family: "Space Mono", monospace; font-size: 10px;
    letter-spacing: .1em; text-transform: uppercase;
    color: #d97757; margin-bottom: 16px;
  }
.leg .prompt-cta-dot{
    width: 6px; height: 6px; border-radius: 50%;
    background: #d97757;
    animation: pulse-dot 2s ease-in-out infinite;
  }
.leg .pcs-item{
    display: flex; align-items: flex-start; gap: 12px;
    background: linear-gradient(135deg,rgba(217,119,87,.07),rgba(217,119,87,.02),rgba(6,6,15,.6));
    border: 1px solid rgba(217,119,87,.18);
    border-radius: 10px; padding: 16px 20px; flex: 1; min-width: 180px; max-width: 240px;
    position: relative; overflow: hidden;
  }
.leg .pcs-item::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px; background:#d97757; }
.leg .pcs-num{
    width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0;
    background: #d97757; color: #fff;
    font-family: "Space Mono", monospace; font-size: 11px; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    margin-top: 1px;
  }
.leg .pcs-arrow{
    color: #d97757; font-size: 18px; padding-top: 18px;
    flex-shrink: 0; opacity: .6;
  }
.leg .pcc-item{
    display: flex; align-items: center; gap: 14px;
    background: linear-gradient(135deg,rgba(217,119,87,.07),rgba(217,119,87,.02),rgba(6,6,15,.6));
    border: 1px solid rgba(217,119,87,.18);
    border-radius: 10px; padding: 18px 20px;
    text-decoration: none; transition: all .22s;
    position: relative; overflow: hidden;
  }
.leg .pcc-email:hover{ border-color: rgba(217,119,87,.4); background: rgba(217,119,87,.08); box-shadow: 0 8px 24px rgba(217,119,87,.2); }
.leg .pcc-arrow{ color: #d97757; font-size: 16px; flex-shrink: 0; opacity: .5; transition: opacity .2s, transform .2s; }
.leg .field input:focus,.leg .field select:focus,.leg .field textarea:focus{ border-color: #d97757; }
.leg .chip{
    font-family:"Space Mono",monospace; font-size:10px; letter-spacing:.06em;
    text-transform:uppercase; padding:6px 12px; border-radius:6px;
    border:1px solid rgba(103,232,249,.2); background:rgba(0,0,0,.15);
    color:#ecd0c4; cursor:pointer; transition:all .2s; user-select:none;
  }
.leg .chip.active{ border-color:#d97757; background:rgba(217,119,87,.15); color:#f1fefc; }
.leg .btn-generate{
    width: 100%; font-family:"Space Mono",monospace; font-size:12px;
    letter-spacing:.1em; text-transform:uppercase;
    background: linear-gradient(135deg, #b5593a, #d97757);
    border: none; border-radius: 10px; padding: 16px;
    color: #fff; cursor: pointer; transition: all .2s; margin-top: 8px;
    display: flex; align-items: center; justify-content: center; gap: 10px;
  }
.leg .btn-generate:hover{ transform:translateY(-2px); box-shadow:0 8px 28px rgba(181,89,58,.4); }
.leg .prompt-label{
    font-family:"Space Mono",monospace; font-size:10px; letter-spacing:.1em;
    text-transform:uppercase; color:#d97757; margin-bottom:12px;
    display:flex; align-items:center; gap:8px;
  }
.leg .prompt-label::after{ content:""; flex:1; height:1px; background:rgba(217,119,87,.2); }
.leg .prompt-text{
    background: rgba(0,0,0,.3); border: 1px solid rgba(103,232,249,.15);
    border-radius: 10px; padding: 20px; font-family:"DM Sans",sans-serif;
    font-size: 14px; line-height: 1.75; color: #ecd0c4;
    white-space: pre-wrap; word-break: break-word; min-height: 160px; margin-bottom: 14px;
  }
.leg .btn-copy{ background:linear-gradient(135deg,#b5593a,#d97757); border:none; color:#fff; flex:1; }
.leg .btn-copy:hover{ box-shadow:0 4px 16px rgba(181,89,58,.4); }
.leg .btn-clear{ background:transparent; border:1px solid rgba(103,232,249,.2); color:#ecd0c4; }
.leg .token-fill-wrap{ flex:1; height:3px; background:rgba(217,119,87,.12); border-radius:2px; margin:0 12px; }
.leg .token-fill{ height:100%; border-radius:2px; background:linear-gradient(90deg,#b5593a,#d97757); transition:width .4s; }
.leg .history-clear{ color:#d97757; cursor:pointer; font-size:9px; }
.leg .history-item{
    font-size:12px; color:#ecd0c4; padding:8px 12px;
    border:1px solid rgba(103,232,249,.15); border-radius:6px; margin-bottom:6px;
    cursor:pointer; transition:all .2s; white-space:nowrap;
    overflow:hidden; text-overflow:ellipsis;
  }
.leg .platform-btn{
    font-family:"Space Mono",monospace; font-size:9px; letter-spacing:.08em;
    text-transform:uppercase; padding:6px 12px; border-radius:6px;
    border:1px solid rgba(103,232,249,.2); background:rgba(0,0,0,.15);
    color:#ecd0c4; cursor:pointer; transition:all .2s;
    display:flex; align-items:center; gap:6px;
  }
.leg .platform-btn.active,.leg .platform-btn:hover{
    border-color:#d97757; color:#f1fefc; background:rgba(217,119,87,.18);
    box-shadow: 0 0 0 1px rgba(217,119,87,.3);
  }
.leg .pg-group-label{
    display:block; font-family:"Space Mono",monospace; font-size:9px;
    letter-spacing:.12em; text-transform:uppercase; color:#b8917f; margin-bottom:6px;
  }
.leg .field label span.opt{ color:#b8917f; text-transform:none; letter-spacing:0; font-family:"DM Sans",sans-serif; font-size:12px; }
.leg .pg-note{ font-size:12px; color:#ecd0c4; margin:8px 0 0; line-height:1.5; }
.leg .pg-examples-label{ font-size:12px; color:#b8917f; margin-right:2px; }
.leg .pg-ex{
    font-size:12px; font-family:"DM Sans",sans-serif; line-height:1.4; text-align:left;
    padding:5px 10px; border-radius:6px; border:1px dashed rgba(103,232,249,.35);
    background:transparent; color:#ecd0c4; cursor:pointer; transition:all .2s;
  }
.leg .pg-ex:hover{ border-color:#d97757; color:#f1fefc; background:rgba(217,119,87,.1); }
.leg .pg-toggle{
    display:flex; gap:10px; align-items:flex-start; cursor:pointer;
    font-size:13px; color:#ecd0c4; line-height:1.55; margin:6px 0 8px;
  }
.leg .pg-toggle input{ width:auto; margin-top:4px; accent-color:#d97757; flex:none; }
.leg .pg-score[data-level="high"] .token-fill{ background:linear-gradient(90deg,#b5593a,#d97757); }
.leg .pg-compare{ font-size:12px; color:#b8917f; margin-top:8px; }
.leg .pg-tips li{ font-size:13px; line-height:1.5; color:#ecd0c4; padding-left:24px; position:relative; }
.leg .pg-hint{ font-size:12px; color:#b8917f; margin:12px 0 0; line-height:1.5; }
.leg .pg-local{ text-transform:none; letter-spacing:0; font-family:"DM Sans",sans-serif; color:#b8917f; }
.leg .pf-close{
    background:transparent; border:1px solid rgba(103,232,249,.25); color:#ecd0c4;
    border-radius:8px; width:34px; height:34px; cursor:pointer; flex:none; font-size:14px;
  }
.leg .pf-field input:focus,.leg .pf-field textarea:focus{ border-color:#d97757; }
.leg .pf-prev-label{
    font-family:"Space Mono",monospace; font-size:10px; letter-spacing:.1em;
    text-transform:uppercase; color:#d97757; margin:16px 0 8px;
  }
.leg .pf-preview{
    background:rgba(0,0,0,.3); border:1px solid rgba(103,232,249,.15); border-radius:10px;
    padding:14px; color:#ecd0c4; font-size:14px; line-height:1.7;
    white-space:pre-wrap; word-break:break-word; margin-bottom:14px;
  }
.leg .pf-primary{ background:linear-gradient(135deg,#b5593a,#d97757); border:none; color:#fff; }
.leg .pf-primary:hover{ box-shadow:0 4px 16px rgba(181,89,58,.4); }
.leg .pf-secondary{ background:transparent; border:1px solid rgba(103,232,249,.35); color:#ecd0c4; }
.leg .snsfx-hero::before,.leg .snsfx-item::before{
    content:"";
    position:absolute; top:0; left:-60%;
    width:60%; height:100%;
    background-image:linear-gradient(90deg,transparent,rgba(217,119,87,.1),rgba(0,229,255,.14),transparent);
    animation:snsfxScanMove 7s ease-in-out infinite;
    pointer-events:none;
    z-index:1;
  }
.leg .snsfx-hero::before{ animation-delay:0s; background-image:linear-gradient(90deg,transparent,rgba(217,119,87,.18),rgba(0,229,255,.22),transparent); }
.leg .snsfx-hero{
    background:linear-gradient(145deg,rgba(217,119,87,.18),rgba(0,229,255,.08) 60%,transparent);
    border-radius:18px;
    border:1px solid rgba(217,119,87,.3);
  }
.leg .snsfx-item::after{
    content:"";
    position:absolute;
    width:160px; height:160px;
    left:var(--snsfx-mx,50%); top:var(--snsfx-my,50%);
    transform:translate(-50%,-50%);
    background:radial-gradient(circle,rgba(217,119,87,.32),transparent 70%);
    opacity:0;
    transition:opacity .4s;
    pointer-events:none;
    z-index:0;
  }
.leg .snsfx-item:hover{
    border-color:rgba(217,119,87,.4);
    transform:translateY(-3px);
    background:rgba(255,255,255,.04);
  }
.leg .snsfx-hero .snsfx-num{
    font-size:44px;
    background:linear-gradient(135deg,#fff,#cdfff5 60%,#d97757);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
.leg .snsfx-dot{
    width:6px; height:6px;
    border-radius:50%;
    background:#d97757;
    box-shadow:0 0 8px #d97757;
    animation:snsfxDotPulse 2s ease-in-out infinite;
  }
.leg .fw2-c3::before{ background:#d97757; }
.leg .fw2-n3{ background:rgba(217,119,87,.12); color:#d97757; }
.leg .fw2-n4{ background:rgba(181,89,58,.12); color:#0d9488; }
.leg .fw2-c3 .fw2-example{ border-color:#d97757; }
.leg .ticker{ background: linear-gradient(to bottom, #d97757, #0a3a40) !important; }