/* mw-premium forms (preview) - scoped to .mw-wrap tool pages */
.mw-wrap .mw-card textarea,.mw-wrap .mw-card input,.mw-wrap .mw-card select{box-sizing:border-box;max-width:100%}
.mw-wrap{max-width:760px;padding:40px 16px 96px}
.mw-wrap h1{font-size:clamp(1.7rem,6vw,2.3rem);letter-spacing:-.02em;background:linear-gradient(90deg,#1e1b4b,#7c3aed 60%,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}
html.dark .mw-wrap h1{background:linear-gradient(90deg,#fff,#f0abfc 60%,#fb7185);-webkit-background-clip:text;background-clip:text}
.mw-wrap>p:first-of-type{font-size:1.02rem;color:#475569;max-width:60ch}
html.dark .mw-wrap>p:first-of-type{color:#cbd5e1}
.mw-wrap .mw-card{position:relative;padding:26px 22px;border-radius:26px;border:1px solid rgba(255,255,255,.75);background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.62));box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 50px -18px rgba(124,58,237,.28),0 4px 14px rgba(15,23,42,.06);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
html.dark .mw-wrap .mw-card{border-color:rgba(255,255,255,.12);background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04));box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 22px 60px -20px rgba(0,0,0,.65)}
.mw-wrap .mw-card label{display:block;font-size:.92rem;line-height:1.35;color:#334155;margin:0 0 2px}
.mw-wrap .mw-card label strong{display:block;font-size:.98rem;color:#0f172a;letter-spacing:-.005em}
html.dark .mw-wrap .mw-card label{color:#94a3b8}
html.dark .mw-wrap .mw-card label strong{color:#f1f5f9}
.mw-wrap .mw-card textarea,.mw-wrap .mw-card input,.mw-wrap .mw-card select{min-height:48px;margin:8px 0 18px;padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.45);background-color:rgba(255,255,255,.7);color:#0f172a;font-size:1rem;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:0 1px 2px rgba(15,23,42,.04) inset}
html.dark .mw-wrap .mw-card textarea,html.dark .mw-wrap .mw-card input,html.dark .mw-wrap .mw-card select{background-color:rgba(15,23,42,.45);color:#f8fafc;border-color:rgba(255,255,255,.16)}
.mw-wrap .mw-card textarea::placeholder,.mw-wrap .mw-card input::placeholder{color:#94a3b8}
.mw-wrap .mw-card textarea:focus,.mw-wrap .mw-card input:focus,.mw-wrap .mw-card select:focus{outline:0;border-color:#a855f7;background:#fff;box-shadow:0 0 0 4px rgba(168,85,247,.18)}
html.dark .mw-wrap .mw-card textarea:focus,html.dark .mw-wrap .mw-card input:focus,html.dark .mw-wrap .mw-card select:focus{background:rgba(15,23,42,.7)}
.mw-wrap .mw-card select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.mw-wrap .mw-card textarea{min-height:104px;resize:vertical;line-height:1.5}
.mw-wrap .mw-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:14px 22px;border-radius:16px;font-size:1.05rem;letter-spacing:.01em;box-shadow:0 12px 26px -10px rgba(220,39,67,.55),0 1px 0 rgba(255,255,255,.35) inset;transition:transform .12s,box-shadow .12s,filter .12s}
.mw-wrap .mw-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.mw-wrap .mw-btn:active{transform:translateY(0) scale(.99)}
.mw-wrap .mw-btn:focus-visible{outline:3px solid rgba(168,85,247,.5);outline-offset:3px}
@media(min-width:640px){.mw-wrap .mw-btn{width:auto;min-width:220px}}
.mw-wrap .mw-out{border:1px solid rgba(148,163,184,.35);border-style:solid;background:rgba(255,255,255,.55);border-radius:14px;line-height:1.55}
html.dark .mw-wrap .mw-out{background:rgba(15,23,42,.4)}
.mw-wrap h2{margin-top:36px;letter-spacing:-.01em}

/* v2: beat glass3 !important backgrounds/borders so arrow and borders show */
.mw-wrap .mw-card textarea,.mw-wrap .mw-card input,.mw-wrap .mw-card select{border:1px solid rgba(100,116,139,.55)!important}
html.dark .mw-wrap .mw-card textarea,html.dark .mw-wrap .mw-card input,html.dark .mw-wrap .mw-card select{border:1px solid rgba(255,255,255,.22)!important}
.mw-wrap .mw-card select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px 16px!important}
html.dark .mw-wrap .mw-card select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c4b5fd' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}
.mw-wrap .mw-card textarea:focus,.mw-wrap .mw-card input:focus,.mw-wrap .mw-card select:focus{border-color:#a855f7!important}