/**
 * XRPL Home — Create / Mint page layer (Build 373)
 * Scoped to body.xrpl-home-create; shared shell/components/mobile imported below.
 */

@import url("/css/xrpl-home-shell.css?v=381");
@import url("/css/xrpl-home-components.css?v=381");
@import url("/css/xrpl-home-mobile.css?v=381");

/* ── Create / Mint layout overrides (from create-lab.css) ── */
/* Header/nav chrome: lab-shell.js + lab-nav.js + lab-mobile.css */
    
    *{box-sizing:border-box}
    
    a{color:var(--mint);text-decoration:none}
    a:hover{opacity:.9}
    .pill{
      display:inline-flex;align-items:center;gap:8px;
      padding:6px 10px;border:1px solid rgba(139, 92, 246, 0.4);border-radius:999px;
      background:rgba(10, 13, 26, 0.9);font-weight:900;color:var(--txt);white-space:nowrap;
    }
    .pill.good{border-color:#8b5cf6}
    .pill.bad{border-color:var(--danger)}
    .pill.warn{border-color:var(--warn)}
    .btn-ghost{
      background:transparent;color:var(--xh-blue-bright);
      border:1px solid rgba(139, 92, 246, 0.4);padding:8px 10px;border-radius:10px;
      font-weight:900;cursor:pointer;
    }
    .btn-ghost:hover{border-color:rgba(139, 92, 246, 0.65);transform:translateY(-1px)}
    .btn-ghost.nav-active{
      border-color:#8b5cf6;
      color:var(--mint);
      box-shadow:0 0 12px rgba(139, 92, 246, 0.2);
    }
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
      background:linear-gradient(145deg,#3b82f6,#93c5fd);
      color:#000;border:0;border-radius:12px;
      padding:.78rem 1rem;font-weight:1000;cursor:pointer;
      box-shadow:0 0 10px #3b82f699;
      transition:transform .15s ease, filter .15s ease;
      text-decoration:none;white-space:nowrap;min-height:44px;
    }
    .btn:hover{transform:scale(1.02);filter:brightness(1.03)}
    .btn:active{transform:scale(.99)}
    .btn[disabled]{opacity:.5;cursor:not-allowed}
    .wrap{max-width:1180px;margin:0 auto;padding:18px 14px 60px}
    .card{
      background:linear-gradient(180deg, rgba(15, 18, 36, 0.95) 0%, rgba(10, 13, 26, 0.85) 100%);
      border:1px solid var(--border);
      border-radius:16px;
      box-shadow:var(--shadow);
      padding:14px;
      position:relative;
      overflow:hidden;
    }
    .card.glow{border:2px solid var(--border2);box-shadow:var(--shadow2)}
    .card h1,.card h2,.card h3{
      margin:0 0 10px;
      color:var(--xh-ink);
      text-shadow:0 0 10px #7dd3fc, 0 0 18px #60a5fa;
      font-weight:1000;
    }
    .sub{color:var(--muted);line-height:1.5;margin:0 0 10px}
    .mono{
      font-family:var(--xh-font-display, Poppins, sans-serif);font-weight:700;
      font-size:1.6rem;
      background:linear-gradient(90deg,#60a5fa,#93c5fd,#60a5fa);
      background-clip:text;
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      animation:shine 4s linear infinite;
    }
    @keyframes shine{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
    .hr{height:1px;background:linear-gradient(90deg,transparent,var(--xh-glass-border),transparent);margin:1rem 0}

    /* Mint Studio — collection-first 8-step flow */
    .mint-stepper-nav{
      display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 14px;
    }
    .mint-stepper-item{
      display:inline-flex;align-items:center;gap:6px;padding:8px 10px;
      border:1px solid var(--xh-glass-border);border-radius:10px;background:rgba(10, 13, 26, 0.85);
      color:var(--muted);font-weight:800;font-size:.78rem;cursor:pointer;
      transition:border-color .15s, color .15s;
    }
    .mint-stepper-item:hover{border-color:rgba(139, 92, 246, 0.4);color:var(--txt)}
    .mint-stepper-item.active{border-color:#8b5cf6;color:var(--mint);box-shadow:0 0 10px rgba(139, 92, 246, 0.15)}
    .mint-stepper-item.done{border-color:var(--xh-glass-border);color:var(--txt)}
    .mint-stepper-num{
      display:inline-flex;align-items:center;justify-content:center;
      width:22px;height:22px;border-radius:999px;background:rgba(15, 18, 36, 0.9);
      border:1px solid var(--xh-glass-border);font-size:.72rem;font-weight:1000;
    }
    .mint-stepper-item.active .mint-stepper-num{background:rgba(139, 92, 246, 0.15);border-color:#8b5cf6;color:var(--mint)}
    .mint-step-panel[hidden]{display:none !important}
    .mint-studio-gated > .mint-step-panel:not([data-mint-step="1"]){display:none !important}
    .mint-collection-gate{
      border-color:#ffb70366;background:#1a1408;color:#ffe8b0;
      padding:14px;font-weight:700;margin-bottom:12px;
    }
    .mint-collection-summary-grid{
      display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:start;
    }
    @media (max-width:560px){.mint-collection-summary-grid{grid-template-columns:1fr}}
    .mint-collection-summary-img,.mint-collection-summary-placeholder{
      width:88px;height:88px;border-radius:12px;object-fit:cover;
      border:1px solid var(--xh-glass-border);background:rgba(10, 13, 26, 0.9);
    }
    .mint-collection-summary-placeholder{display:grid;place-items:center;font-size:.75rem;color:#666;font-weight:900}
    .mint-collection-summary-name{font-weight:1000;font-size:1.05rem;color:var(--mint)}
    .mint-collection-summary-meta{font-size:.88rem;color:var(--muted);margin-top:4px;line-height:1.45}
    .mint-summary-label{
      display:inline-block;min-width:4.5rem;font-size:.72rem;font-weight:800;
      letter-spacing:.06em;text-transform:uppercase;color:rgba(232,245,240,.45);margin-right:4px;
    }
    .mint-summary-artist-link{color:var(--mint);font-weight:900;text-decoration:none}
    .mint-summary-artist-link:hover{text-decoration:underline}
    .mint-summary-artist-unclaimed{color:#ffb703;font-weight:800}
    .mint-summary-issuer-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .mint-summary-issuer{font-size:.82rem;color:var(--txt);background:rgba(10,13,26,.6);padding:2px 6px;border-radius:6px}
    .mint-summary-copy-issuer{padding:4px 8px;font-size:.72rem;min-height:28px}
    .mint-collection-summary-img--failed{display:none}
    .mint-collection-summary-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
    .mint-collection-summary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    .mint-step-nav-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
    .mint-review-warning{
      padding:10px 12px;border-radius:10px;border:1px solid #ffb70366;
      background:#1a1408;color:#ffe8b0;font-weight:700;margin-bottom:12px;line-height:1.45;
    }
    .mint-review-grid{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:14px}
    @media (max-width:640px){.mint-review-grid{grid-template-columns:1fr}}
    .mint-review-img,.mint-review-placeholder{
      width:100%;max-height:220px;object-fit:contain;border-radius:12px;
      border:1px solid var(--xh-glass-border);background:rgba(10, 13, 26, 0.9);
    }
    .mint-review-placeholder{min-height:120px;display:grid;place-items:center;color:#666;font-weight:900}
    .mint-review-dl{display:grid;gap:8px;margin:0}
    .mint-review-dl > div{display:grid;grid-template-columns:120px 1fr;gap:8px;font-size:.9rem}
    .mint-review-dl dt{color:var(--muted);font-weight:800;margin:0}
    .mint-review-dl dd{margin:0;font-weight:700}
    .mint-review-list{margin:6px 0 0;padding-left:18px;line-height:1.5}
    .mint-review-list.mint-review-system{color:var(--muted)}
    .mint-review-json{
      margin:8px 0 0;padding:10px;border-radius:10px;background:rgba(10, 13, 26, 0.85);
      border:1px solid rgba(255,255,255,0.06);font-size:.75rem;max-height:280px;overflow:auto;
      white-space:pre-wrap;word-break:break-word;
    }
    .mint-utility-grid{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
    details.card > summary{list-style:none;cursor:pointer}
    details.card > summary::-webkit-details-marker{display:none}
    .row2{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
    .hint{opacity:.78;font-size:.9rem}
    .muted{opacity:.75}
    .grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
    .tabs{display:flex;gap:10px;flex-wrap:wrap;width:100%}
    .tab{
      border:1px solid rgba(139, 92, 246, 0.4);background:rgba(10, 13, 26, 0.9);
      padding:8px 12px;border-radius:999px;
      font-weight:1000;cursor:pointer;user-select:none;
      display:inline-flex;align-items:center;gap:8px;min-height:44px;
      flex:1 1 auto;
    }
    .tab.active{border-color:#8b5cf6;box-shadow:0 0 12px rgba(139, 92, 246, 0.2)}
    .form{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:10px}
    @media (max-width:560px){
      .form{grid-template-columns:1fr}
      #collectionNewTaxonRow > div{flex-wrap:wrap}
    }
    .field{
      background:rgba(10, 13, 26, 0.85);border:1px dashed var(--xh-glass-border);
      border-radius:12px;padding:12px;
    }
    .label{opacity:.85;font-size:.85rem;font-weight:900}
    .value{font-size:1.05rem;font-weight:1000;margin-top:6px}
    input[type="text"], input[type="number"], textarea, select{
      width:100%;margin-top:8px;min-height:44px;
      border-radius:12px;border:1px solid var(--xh-glass-border);
      background:rgba(10, 13, 26, 0.9);color:var(--txt);
      padding:10px 10px;font-weight:900;outline:none;
    }
    textarea{min-height:90px;resize:vertical}
    .tag{
      display:inline-flex;align-items:center;gap:6px;
      padding:5px 10px;border-radius:999px;
      border:1px solid var(--xh-glass-border);background:rgba(10, 13, 26, 0.9);
      font-weight:900;font-size:.85rem;white-space:nowrap;
    }
    .tag.powered{border-color:#8b5cf6;color:#8b5cf6}
    .tag.hot{border-color:var(--warn);color:var(--warn)}
    .tag.new{border-color:#60a5fa;color:#60a5fa}
    .splits{
      display:grid;grid-template-columns:1.2fr .6fr .6fr;
      gap:10px;align-items:end;
    }
    @media (max-width:560px){ .splits{grid-template-columns:1fr} }
    .splitList{display:flex;flex-direction:column;gap:10px;margin-top:10px}
    .splitRow{
      display:grid;grid-template-columns:1.1fr .5fr .5fr;
      gap:10px;align-items:center;padding:10px;
      border-radius:12px;border:1px solid var(--xh-glass-border);background:rgba(10, 13, 26, 0.9);
    }
    @media (max-width:560px){ .splitRow{grid-template-columns:1fr} }
    .smallBtn{
      background:transparent;border:1px solid rgba(139, 92, 246, 0.4);color:var(--xh-blue-bright);
      border-radius:12px;padding:.65rem .8rem;font-weight:1000;
      cursor:pointer;white-space:nowrap;min-height:44px;
    }
    .smallBtn:hover{border-color:rgba(139, 92, 246, 0.65);transform:translateY(-1px)}
    .k{
      user-select:all;
      font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
      font-size:.9rem;opacity:.95;word-break:break-all;
    }
    #toastHost{position:fixed;top:12px;right:12px;display:flex;flex-direction:column;gap:10px;z-index:99999}
    .toast{
      min-width:240px;max-width:360px;
      padding:12px 14px;border-radius:12px;
      background:rgba(15, 18, 36, 0.9);border:1px solid var(--teal);color:var(--txt);
      box-shadow:0 8px 24px rgba(0,0,0,.45);
      opacity:0;transform:translateY(-6px);
      animation:toastIn .25s ease forwards;
    }
    .toast.success{border-color:#8b5cf6}
    .toast.error{border-color:var(--danger)}
    .toast.info{border-color:#60a5fa}
    @keyframes toastIn{to{opacity:1;transform:translateY(0)}}
    .footer{margin-top:14px;opacity:.8;text-align:center;font-size:.9rem}
    .footer .mini{opacity:.75;font-size:.85rem}
    #createMain{ pointer-events:auto; }
    .media-drop-zone{
      cursor:pointer;
      pointer-events:auto;
      position:relative;
      z-index:1;
      margin-top:10px;border:2px dashed rgba(139, 92, 246, 0.4);border-radius:16px;padding:22px 16px;
      text-align:center;background:var(--xh-midnight-2);cursor:pointer;transition:border-color .15s ease,background .15s ease;
      min-height:180px;font-size:1.05rem;word-break:break-word;
    }
    .media-drop-zone:hover,.media-drop-zone:focus-visible{border-color:rgba(139, 92, 246, 0.65);background:rgba(59, 130, 246, 0.06)}
    .media-drop-zone.drag{border-color:#8b5cf6;background:rgba(139, 92, 246, 0.08);box-shadow:0 0 16px rgba(139, 92, 246, 0.15)}
    .media-drop-zone p{margin:0;font-weight:900;color:var(--txt)}
    .media-drop-zone .dz-hint{margin-top:8px;font-size:.88rem;color:var(--muted);font-weight:700}
    .collection-image-field{display:flex;flex-direction:column;gap:10px}
    .collection-image-upload-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
    .collection-image-preview-wrap{display:none;border:1px solid var(--xh-glass-border);border-radius:12px;overflow:hidden;background:rgba(10, 13, 26, 0.9);margin-top:4px}
    .collection-image-preview-wrap.on{display:block}
    .collection-image-preview-banner{width:100%;max-height:160px;aspect-ratio:3/1;object-fit:cover;display:block}
    .collection-image-preview-avatar{width:96px;height:96px;border-radius:14px;object-fit:cover;display:block;margin:10px}
    .collection-image-upload-status{font-size:.88rem;font-weight:700;color:var(--muted)}
    .collection-image-upload-status.ok{color:var(--mint)}
    .collection-image-url-advanced summary{cursor:pointer;font-weight:700;color:var(--muted)}
    .mint-upload-progress{
      margin-top:8px;height:6px;border-radius:6px;background:#0a1814;overflow:hidden;border:1px solid var(--xh-glass-border);
    }
    .mint-upload-progress.indeterminate .mint-upload-progress-bar{
      width:40%;height:100%;background:var(--xh-accent-gradient);
      animation:mintBarSlide 1.1s ease-in-out infinite;
    }
    @keyframes mintBarSlide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
    .mint-upload-meta{margin-top:8px;font-size:.88rem;color:var(--muted);font-weight:700}
    .mint-success-card{
      display:none;margin-top:14px;padding:14px;border-radius:14px;
      border:1px solid rgba(139, 92, 246, 0.4);background:linear-gradient(180deg,var(--xh-midnight-2),rgba(10, 13, 26, 0.8));
      box-shadow:0 0 24px rgba(255,255,255,0.06),inset 0 0 24px #60a5fa14;
      animation:mintSuccessPulse 2.6s ease-in-out infinite;
    }
    @keyframes mintSuccessPulse{
      0%,100%{box-shadow:0 0 18px rgba(255,255,255,0.06),inset 0 0 16px #60a5fa14}
      50%{box-shadow:0 0 34px rgba(139, 92, 246, 0.4),inset 0 0 22px rgba(255,255,255,0.06)}
    }
    .mint-success-head{font-weight:1000;color:var(--mint);font-size:1.15rem}
    .mint-success-sub{margin-top:4px;color:var(--muted);font-weight:700}
    .mint-success-grid{display:grid;grid-template-columns:130px 1fr;gap:12px;margin-top:12px}
    .mint-success-preview{
      width:130px;height:130px;border-radius:12px;object-fit:cover;border:1px solid var(--xh-glass-border);background:rgba(10, 13, 26, 0.8);
    }
    .mint-success-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .mint-success-kv .item{padding:8px;border:1px solid var(--xh-glass-border);border-radius:10px;background:rgba(10, 13, 26, 0.85)}
    .mint-success-kv .k{font-size:.75rem;color:var(--muted);font-weight:800}
    .mint-success-kv .v{font-size:.9rem;color:var(--txt);font-weight:900;word-break:break-word}
    .mint-success-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
    .mint-success-actions .btn,.mint-success-actions a{flex:1;min-width:140px}
    .mint-success-note{margin-top:10px;font-size:.86rem;color:var(--muted);font-weight:700}
    .mint-complete-modal{
      position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px;
    }
    .mint-complete-modal[hidden]{display:none !important}
    .mint-complete-backdrop{position:absolute;inset:0;background:rgba(6, 8, 24, 0.85);backdrop-filter:blur(4px)}
    .mint-complete-dialog{
      position:relative;z-index:1;width:min(560px,100%);max-height:min(92vh,760px);overflow:auto;padding:18px 16px 16px;
      border:1px solid rgba(139, 92, 246, 0.4);background:linear-gradient(180deg,var(--xh-midnight-2),rgba(10, 13, 26, 0.8));
      box-shadow:0 0 40px var(--xh-glass-border);
    }
    .mint-complete-close{
      position:absolute;top:10px;right:12px;border:0;background:transparent;color:var(--muted);
      font-size:1.6rem;line-height:1;cursor:pointer;padding:4px 8px;
    }
    .mint-complete-title{margin:0;font-weight:1000;color:var(--mint);font-size:1.35rem}
    .mint-complete-lead{margin:8px 0 0;color:var(--muted);font-weight:700;line-height:1.45}
    .mint-complete-grid{display:grid;grid-template-columns:120px 1fr;gap:12px;margin-top:14px}
    .mint-complete-preview{
      width:120px;height:120px;border-radius:12px;object-fit:cover;border:1px solid var(--xh-glass-border);background:rgba(10, 13, 26, 0.8);
    }
    .mint-complete-kv{display:grid;grid-template-columns:1fr;gap:8px}
    .mint-complete-kv .item{padding:8px 10px;border:1px solid var(--xh-glass-border);border-radius:10px;background:rgba(10, 13, 26, 0.85)}
    .mint-complete-kv .k{font-size:.75rem;color:var(--muted);font-weight:800}
    .mint-complete-kv .v{font-size:.92rem;color:var(--txt);font-weight:900;word-break:break-word}
    .mint-complete-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
    .mint-complete-actions .btn,.mint-complete-actions a{flex:1;min-width:min(100%,140px);text-align:center;justify-content:center}
    .mint-complete-note{margin-top:10px;font-size:.86rem;color:var(--mint);font-weight:700;line-height:1.45}
    .mint-confetti{pointer-events:none;position:fixed;inset:0;z-index:10060;overflow:hidden}
    .mint-confetti i{position:absolute;width:8px;height:8px;border-radius:2px;opacity:0;animation:mintConfPop .9s ease-out forwards}
    @keyframes mintConfPop{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(720deg)}}
    @media (max-width:640px){
      .mint-complete-grid{grid-template-columns:1fr}
      .mint-complete-preview{width:100%;height:auto;max-height:220px}
      .mint-success-grid{grid-template-columns:1fr}
      .mint-success-preview{width:100%;height:auto;max-height:280px}
      .mint-success-kv{grid-template-columns:1fr}
    }
    #primaryPreviewVideo,#primaryPreviewModel,#primaryPreviewIframe{border-radius:10px}
    #mintXummQrImg{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:8px;background:#fff}
    #mediaPreviewAudio{display:none;width:100%;margin-top:10px;border-radius:12px}
    #mediaPreviewAudio.on{display:block}
    #mediaPreviewImg.audio-off{display:none !important}
    .mint-type-expand{margin-top:12px;border:1px solid var(--xh-glass-border);border-radius:14px;padding:0;overflow:hidden;background:rgba(10, 13, 26, 0.8)}
    .mint-type-expand > summary{
      list-style:none;cursor:pointer;padding:12px 14px;font-weight:1000;color:var(--xh-blue-bright);
      user-select:none;
    }
    .mint-type-expand > summary::-webkit-details-marker{display:none}
    .mint-type-expand .mint-type-expand-body{padding:0 14px 14px}
    .royalty-slider-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}
    #royaltyPct{flex:1;min-width:160px;accent-color:var(--teal)}
    #royaltyPctReadout{min-width:52px;font-weight:1000;color:var(--mint)}
    #doodArtistExpand{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.06)}
    .dood-managed-summary strong{color:var(--mint,#93c5fd)}
    .dood-advanced-settings[open]{border-color:var(--xh-glass-border)}
    .dood-advanced-settings.dood-managed-mode > summary{opacity:.92}
    #doodManagedPanel.goodBox{border-color:rgba(139, 92, 246, 0.28);background:linear-gradient(180deg,var(--xh-midnight-2),rgba(10, 13, 26, 0.8))}
    .dangerBox{
      border:1px solid #ff4d6d66;
      background:linear-gradient(180deg, #12070a 0%, rgba(10, 13, 26, 0.85) 100%);
    }
    .goodBox{
      border:1px solid rgba(139, 92, 246, 0.35);
      background:linear-gradient(180deg, rgba(59, 130, 246, 0.08) 0%, rgba(10, 13, 26, 0.85) 100%);
    }
    @media (max-width:560px){
      .row2 > div[style*="display:flex"] .btn,
      .row2 > div[style*="display:flex"] .smallBtn{
        width:100%;justify-content:center;
      }
    }

    /* Mobile-first usability pass (layout + tap targets only). */
    @media (max-width:768px){
      .appbar .row{
        align-items:flex-start;
        gap:8px;
      }
      .nav{
        width:100%;
        justify-content:flex-start;
        gap:8px;
      }
      .wrap{
        padding:12px 10px 40px;
      }
      .card{
        padding:12px;
      }
      .row2{
        gap:8px;
      }
      .tabs{
        width:100%;
      }
      .tab{
        flex:1 1 calc(50% - 8px);
        justify-content:center;
        min-height:46px;
        padding:10px 12px;
      }
      .btn,
      .smallBtn,
      .btn-ghost{
        min-height:46px;
        padding:10px 12px;
      }
      input[type="text"], input[type="number"], textarea, select{
        min-height:46px;
        padding:11px 12px;
      }
      .field{
        padding:11px;
      }
      .hr{
        margin:.75rem 0;
      }
      .k{
        word-break:break-word;
        overflow-wrap:anywhere;
      }
      #payload,
      #previewMetadataJson,
      #previewTxJson{
        max-height:240px;
        overflow:auto;
        -webkit-overflow-scrolling:touch;
        border:1px solid rgba(255,255,255,0.06);
        border-radius:10px;
        padding:10px;
        background:rgba(10, 13, 26, 0.85);
        white-space:pre-wrap !important;
      }
      #mediaPreviewWrap,
      #previewMediaWrap{
        padding:8px !important;
      }
      #mediaPreviewImg,
      #previewMediaImg{
        max-height:280px;
        width:100%;
        object-fit:contain;
      }
      #toastHost{
        left:10px;
        right:10px;
        top:10px;
      }
      .toast{
        min-width:0;
        max-width:none;
      }
    }

    @media (max-width:520px){
      #btnMintLaunch{width:100%}
      .brand{
        font-size:.95rem;
      }
      .pill{
        padding:5px 9px;
      }
      .tab{
        flex:1 1 100%;
      }
      .form,
      .splits{
        grid-template-columns:1fr !important;
        gap:8px;
      }
      .splitRow{
        grid-template-columns:1fr;
        gap:8px;
      }
      .btn,
      .smallBtn,
      .btn-ghost{
        width:100%;
        justify-content:center;
      }
      .row2 > div[style*="display:flex"]{
        width:100%;
      }
      .field{
        padding:10px;
      }
      .hint{
        font-size:.86rem;
      }
      #payload,
      #previewMetadataJson,
      #previewTxJson{
        max-height:200px;
        font-size:.82rem;
      }
      #mediaPreviewImg,
      #previewMediaImg{
        max-height:220px;
      }
      .footer{
        font-size:.82rem;
      }
      .footer .mini{
        font-size:.78rem;
      }
    }

/* Collection creation flow step nav */
.lab-flow-steps{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.lab-flow-step{flex:1 1 auto;min-width:120px;padding:8px 12px;border-radius:999px;border:1px solid var(--xh-glass-border);background:rgba(10, 13, 26, 0.9);font-weight:900;font-size:.85rem;color:var(--muted);text-align:center}
.lab-flow-step.active{border-color:#8b5cf6;color:#c4b5fd;box-shadow:0 0 12px rgba(139, 92, 246, 0.2)}
.prepared-collection-card{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.prepared-collection-card img.prepared-avatar{width:56px;height:56px;border-radius:12px;object-fit:cover;border:1px solid var(--xh-glass-border)}
.prepared-collection-card .prepared-body{flex:1;min-width:180px}


/* ── Create page shell + onboarding ─────────────────── */
body.xrpl-home-create.create-page {
  overflow-x: hidden;
}

body.xrpl-home-create .wrap {
  max-width: 1180px;
}

body.xrpl-home-create .card h1,
body.xrpl-home-create .card h2,
body.xrpl-home-create .card h3 {
  color: var(--xh-ink) !important;
  text-shadow: none !important;
  font-family: var(--xh-font-body, 'Poppins', sans-serif);
  font-weight: 700;
}

body.xrpl-home-create .btn {
  background: var(--xh-accent-gradient) !important;
  color: #fff !important;
  border: 0 !important;
  font-family: var(--xh-font-body, 'Poppins', sans-serif);
  font-weight: 700;
  border-radius: var(--xh-r-md, 14px);
  box-shadow: 0 4px 24px rgba(59, 130, 246, 0.35) !important;
}

body.xrpl-home-create .btn.secondary {
  background: var(--xh-glass, rgba(255, 255, 255, 0.04)) !important;
  color: var(--xh-ink) !important;
  border: 1px solid var(--xh-glass-border) !important;
  box-shadow: none !important;
}

body.xrpl-home-create .smallBtn {
  color: var(--xh-blue-bright) !important;
  border-color: var(--xh-glass-border) !important;
  background: var(--xh-glass) !important;
  border-radius: var(--xh-r-md, 14px);
  font-family: var(--xh-font-body, 'Poppins', sans-serif);
}

body.xrpl-home-create .mono {
  font-family: var(--xh-font-display, 'Poppins', sans-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  background: var(--xh-accent-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: none !important;
  text-shadow: none !important;
}

body.xrpl-home-create .card {
  background: var(--xh-surface) !important;
  border-color: var(--xh-glass-border) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.xrpl-home-create .card.glow {
  border-color: rgba(139, 92, 246, 0.45) !important;
  box-shadow: var(--shadow2) !important;
}

body.xrpl-home-create #doodArtistMintBanner {
  border-color: rgba(139, 92, 246, 0.45) !important;
  background: rgba(139, 92, 246, 0.12) !important;
  color: var(--xh-ink) !important;
}

body.xrpl-home-create .create-nav-fallback a {
  color: var(--xh-blue-bright) !important;
}

body.xrpl-home-create .create-nav-fallback a strong {
  color: #c4b5fd !important;
}

body.xrpl-home-create .lab-onboard-card,
body.xrpl-home-create .lab-guide-card,
body.xrpl-home-create .lab-empty-block,
body.xrpl-home-create .lab-creator-guide {
  border-color: var(--xh-glass-border) !important;
  background: var(--xh-surface) !important;
}

body.xrpl-home-create .lab-onboard-kicker {
  color: #c4b5fd !important;
}

body.xrpl-home-create .lab-onboard-card h3,
body.xrpl-home-create .lab-empty-title,
body.xrpl-home-create .lab-guide-list a,
body.xrpl-home-create .lab-creator-guide summary,
body.xrpl-home-create .lab-empty-icon {
  color: var(--xh-blue-bright) !important;
}

body.xrpl-home-create .lab-empty-icon {
  border-color: var(--xh-glass-border) !important;
  background: rgba(139, 92, 246, 0.1) !important;
}

body.xrpl-home-create .lab-guide-list strong,
body.xrpl-home-create .lab-onboard-foot strong {
  color: var(--xh-ink) !important;
}

body.xrpl-home-create .lab-collector-tips,
body.xrpl-home-create .lab-trust-chip,
body.xrpl-home-create .empty-block.lab-empty-inline {
  border-color: var(--xh-glass-border) !important;
  background: rgba(10, 13, 26, 0.85) !important;
}

body.xrpl-home-create .lab-trust-chip {
  color: var(--xh-ink-muted) !important;
}

body.xrpl-home-create #createWalletGateConnect {
  background: var(--xh-accent-gradient) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--xh-r-md, 14px) !important;
  font-family: var(--xh-font-body, 'Poppins', sans-serif) !important;
}

body.xrpl-home-create #createWalletGateBanner {
  border-color: var(--xh-glass-border) !important;
  background: rgba(59, 130, 246, 0.08) !important;
  color: var(--xh-ink-muted) !important;
}

body.xrpl-home-create #createWalletGateBanner strong {
  color: var(--xh-ink) !important;
}

body.xrpl-home-create input[style*="#00ff"],
body.xrpl-home-create select[style*="#00ff"],
body.xrpl-home-create div[style*="#00ff"],
body.xrpl-home-create table[style*="#00ff"],
body.xrpl-home-create th[style*="#00ff"],
body.xrpl-home-create tr[style*="#00ff"] {
  border-color: var(--xh-glass-border) !important;
}

body.xrpl-home-create #mintModeWrap,
body.xrpl-home-create #primaryPreviewHost,
body.xrpl-home-create #secondaryPreviewHost,
body.xrpl-home-create #mediaPreviewWrap {
  border-color: var(--xh-glass-border) !important;
  background: rgba(10, 13, 26, 0.85) !important;
}

body.xrpl-home-create #bulkReviewTable thead tr {
  background: rgba(59, 130, 246, 0.08) !important;
  color: var(--xh-ink) !important;
}

body.xrpl-home-create #bulkReviewTable th {
  border-bottom-color: var(--xh-glass-border) !important;
}

body.xrpl-home-create .toast.success {
  border-color: rgba(139, 92, 246, 0.45) !important;
}

body.xrpl-home-create .tag.powered {
  border-color: rgba(139, 92, 246, 0.45) !important;
  color: #c4b5fd !important;
}

body.xrpl-home-create .goodBox,
body.xrpl-home-create #doodManagedPanel.goodBox {
  border-color: rgba(139, 92, 246, 0.35) !important;
  background: rgba(59, 130, 246, 0.08) !important;
}

body.xrpl-home-create .mint-stepper-item.active,
body.xrpl-home-create .tab.active,
body.xrpl-home-create .lab-flow-step.active {
  border-color: rgba(139, 92, 246, 0.55) !important;
  color: #c4b5fd !important;
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.12) !important;
}

body.xrpl-home-create .media-drop-zone.drag {
  border-color: rgba(139, 92, 246, 0.55) !important;
  background: rgba(139, 92, 246, 0.08) !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.12) !important;
}

body.xrpl-home-create .mint-complete-dialog,
body.xrpl-home-create .mint-success-card {
  border-color: rgba(139, 92, 246, 0.45) !important;
  background: var(--xh-surface) !important;
  box-shadow: var(--shadow2) !important;
  animation: none !important;
}

body.xrpl-home-create .mint-complete-title,
body.xrpl-home-create .mint-success-head,
body.xrpl-home-create .mint-collection-summary-name {
  color: var(--xh-ink) !important;
}

body.xrpl-home-create .pill.good {
  border-color: rgba(139, 92, 246, 0.45) !important;
  color: #c4b5fd !important;
}