@font-face {

font-family:IRANSans;

src:url("/fonts/IRANSansWeb.woff2")
format("woff2");

font-weight:400;

}



@font-face {

font-family:IRANSans;

src:url("/fonts/IRANSansWeb_Light.woff2")
format("woff2");

font-weight:300;

}



@font-face {

font-family:IRANSans;

src:url("/fonts/IRANSansWeb_Medium.woff2")
format("woff2");

font-weight:500;

}



@font-face {

font-family:IRANSans;

src:url("/fonts/IRANSansWeb_Bold.woff2")
format("woff2");

font-weight:700;

}



@font-face {

font-family:IRANSans;

src:url("/fonts/IRANSansWeb_Black.woff2")
format("woff2");

font-weight:900;

}







:root {


--page-bg:#101216;

--card-bg:#20242c;

--box-bg:#2b313b;

--text:#f4f4f5;


--blue:#2563eb;

--orange:#f97316;


}







.light {


--page-bg:#eef1f6;

--card-bg:#ffffff;

--box-bg:#e6eaf2;

--text:#161a22;


}







.dark {


--page-bg:#101216;

--card-bg:#20242c;

--box-bg:#2b313b;

--text:#f4f4f5;


}







* {

box-sizing:border-box;

}







body {


margin:0;

min-height:100vh;


display:flex;

align-items:center;

justify-content:center;



background:var(--page-bg);



color:var(--text);



font-family:IRANSans,sans-serif;



direction:ltr;



transition:.25s;


}







body.fa {


direction:rtl;


}








.card {


width:420px;


max-width:

calc(100vw - 32px);



padding:32px;



border-radius:24px;



background:var(--card-bg);



display:flex;



flex-direction:column;



gap:15px;



}








h1 {


margin:0;



text-align:center;



font-size:28px;



font-weight:900;



color:var(--orange);



}








input {


width:100%;



height:50px;



border:none;



outline:none;



border-radius:14px;



padding:0 16px;



background:var(--box-bg);



color:var(--text);



font-family:IRANSans;



font-size:15px;




/* URL همیشه LTR */

direction:ltr !important;



text-align:left !important;



unicode-bidi:plaintext !important;



}








button,
.download {


width:100%;



height:50px;



border:none;



border-radius:14px;



display:flex;



align-items:center;



justify-content:center;



font-family:IRANSans;



font-size:16px;



font-weight:700;



cursor:pointer;



text-decoration:none;



}








.primary {


background:var(--blue);



color:white;



}








.download {


background:var(--orange);



color:white;



}








.file-box {


width:100%;



padding:16px;



border-radius:14px;



background:var(--box-bg);



font-size:15px;



line-height:2;



}








.file-box b {


font-weight:700;



}








.file-box span {


font-weight:400;



}








.share {


width:100%;



height:50px;



border-radius:14px;



background:var(--box-bg);



display:flex;



align-items:center;



justify-content:center;



position:relative;



overflow:hidden;



cursor:pointer;



}








.share-link {


flex:1;



text-align:center;



white-space:nowrap;



overflow:hidden;



text-overflow:clip;



font-size:15px;



font-weight:400;



padding:0 42px;



}








.share-icon {


position:absolute;



top:50%;



transform:translateY(-50%);



font-size:18px;



}








.share-icon:first-child {


left:14px;



}








.share-icon:last-child {


right:14px;



}








.settings {


display:flex;



gap:15px;



direction:ltr;



}








.settings button {


background:var(--box-bg);



color:var(--text);



}








#lang {


direction:ltr;



unicode-bidi:normal;



}








.hidden {


display:none;



}