*{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family:'Segoe UI', sans-serif;
    }

    body{
      background: linear-gradient(135deg, #141e30, #243b55);
      color:#fff;
      padding:20px;
    }

    .container{
      max-width:900px;
      margin:0 auto;
    }

    /* Glass Card */
    .card{
      background: rgba(255,255,255,0.05);
      backdrop-filter: blur(12px);
      border:1px solid rgba(255,255,255,0.08);
      border-radius:15px;
      padding:20px;
      margin-bottom:20px;
      box-shadow:0 8px 20px rgba(0,0,0,0.4);
    }

    h2{
      margin-bottom:10px;
      font-size:16px;
    }

    /* Search Form */
    .form{
      display:flex;
      gap:10px;
      margin-bottom:20px;
    }

    .form input{
      flex:1;
      padding:12px 14px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,0.2);
      background: rgba(255,255,255,0.08);
      color:#fff;
      outline:none;
    }

    .form button{
      padding:12px 16px;
      border:none;
      border-radius:10px;
      background: linear-gradient(45deg, #00c6ff, #0072ff);
      color:#fff;
      cursor:pointer;
      font-weight:600;
    }

    /* Row layout (same style system) */
    .row{
      display:flex;
      align-items:center;
      gap:8px;
      margin-top:10px;
    }

    .row input,
    .row textarea{
      flex:1;
      padding:10px 12px;
      border-radius:8px;
      border:1px solid rgba(255,255,255,0.15);
      background: rgba(255,255,255,0.08);
      color:#fff;
      outline:none;
      resize:none;
    }

    textarea{
      min-height:80px;
    }

    .copy-btn{
      padding:10px 12px;
      border:none;
      border-radius:8px;
      background:#4CAF50;
      color:#fff;
      cursor:pointer;
      transition:0.2s;
    }

    .copy-btn:hover{
      background:#3b8a40;
    }

    img{
      width:100%;
      border-radius:10px;
      margin-bottom:10px;
    }

    .error{
      background:#ff4d4d;
      padding:10px;
      border-radius:8px;
      margin-bottom:15px;
    }

    /* Toast */
    #toast{
      position:fixed;
      bottom:20px;
      left:50%;
      transform:translateX(-50%);
      background: rgba(0,0,0,0.85);
      padding:10px 16px;
      border-radius:8px;
      opacity:0;
      transition:0.4s;
      pointer-events:none;
    }

    @media(max-width:600px){
      .form{
        flex-direction:column;
      }
    }