/* ============ LAYOUT CSS STYLE FILE selfieditor.webpackk.com ============ */ body{margin:0;font-family:system-ui,Arial,sans-serif;background:#0b0e12;color:#eaeaea;scroll-behavior: smooth;min-width: 640px;}.wrap{max-width:1100px;margin:0 auto;padding:24px}h1{font-size:18px;margin:0 0 12px;}.bar {display: flex;gap: 10px;align-items: center;margin: 1rem 0px;flex-wrap: wrap;padding: 1rem;border-radius: 1rem;border: 1px solid #222222;font-size: 140%;}.panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.box{border:1px solid #222;border-radius:12px;background:#0f141b;padding:12px;min-height:340px;display:flex;align-items:center;justify-content:center}.canvas_box {background-image: url(https://selfieditor.webpackk.com/images/preview2.webp);background-size: 70% auto;background-repeat: no-repeat;background-position: center center;}input[type=file],button,select{background:#121923;color:#eaeaea;border:1px solid #2a3441;border-radius:10px;padding:8px 12px;font-size: 105%;}button:hover {transition: 0.3s;cursor: pointer;text-shadow: 0px 0px 2px #fff;}button#save:hover {background: #004103;}.hint {opacity: .75;font-size: 1.2rem;}label{user-select:none}.bar-dload {float: right;position: absolute;right: 5%;text-align: right;margin-top: 10px;background: #0b0e1261;padding: 1rem;border-radius: 0.8rem;border: 1px solid #222222;font-size:1.7rem;} #file {display: none;}.upload-box {background: #0f141b;min-height: 340px;display: flex;align-items: center;justify-content: center;cursor: pointer;}.upload-box img, .box img, img, canvas {width: auto;height: auto;max-width:100%;max-height:70vh;border-radius:10px}#save {display: none;font-size:1.7rem;}#filters-list {overflow: hidden;}.filters{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:8px 0 18px}.fthumb{cursor:pointer;border-radius:10px;overflow:hidden;background:#0b0f15;padding:6px;border:1px solid #1c2430}.fthumb canvas{width:100%;height:auto;display:block;border-radius:6px}.fthumb span{display:block;text-align:center;font-size: 1.4rem;opacity:.75;margin-top:4px}.fthumb.active{outline:2px solid #4ec1ff}.mt{margin:16px 0 6px}.filters {display: flex;gap: 10px;overflow-x: auto;padding: 10px;scroll-behavior: smooth;padding: 20px 40px 20px 10px;}.filters::-webkit-scrollbar {height: 8px;}.filters::-webkit-scrollbar-thumb {background: #444;border-radius: 4px;}.fthumb {flex: 0 0 auto;text-align: center;cursor: pointer;}.thumb.active {border: 1px solid #4ec1ff;outline: 1px solid #4ec1ff;}input[type="range"] {-webkit-appearance: none;appearance: none;background: transparent;cursor: pointer;width: 15rem;}input[type="range"]:focus {outline: none;}input[type="range"]::-webkit-slider-runnable-track {background-color: #121923;border-radius: 0.7rem;height: 1.05rem;}input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;margin-top: -3.1999999999999993px;background-color: #2a3441;border-radius: 0.7rem;height: 1.45rem;width: 2.5rem;}input[type="range"]:focus::-webkit-slider-thumb {outline: 3px solid #2a3441;outline-offset: 0.125rem;}input[type="range"]::-moz-range-track {background-color: #121923;border-radius: 0.7rem;height: 1.05rem;}input[type="range"]::-moz-range-thumb {background-color: #2a3441;border: none;border-radius: 0.7rem;height: 1.45rem;width: 2.5rem;}input[type="range"]:focus::-moz-range-thumb{outline: 3px solid #2a3441;outline-offset: 0.125rem;}#makeups-list {overflow: hidden;padding: 20px 40px 20px 10px;}#tray {display: flex;width: 100%;height: 290px;gap: 10px;padding: 20px 10px;border: 1px solid #1c2430;border-radius: 0.8rem;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;scroll-behavior: smooth;-webkit-overflow-scrolling: touch; /* iOS */}#tray .thumb {flex: 0 0 auto;width: auto;height: auto;max-width: 350px;min-width: 264px;border-radius:10px;overflow:hidden;border:1px solid #2a3441;background:#0f141b;cursor:pointer;display:flex;align-items:center;justify-content:center;position: relative;display: inline-block;}#tray .thumb img {display: block;max-height: 100%;max-width: 100%;height: auto;width: auto;}#tray .thumb span {position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);font-size: 1.4rem;color: #fff;text-shadow: 0 0 1px #000, 0 0 5px #000;}#tray::-webkit-scrollbar {height: 10px;}#tray::-webkit-scrollbar-track {background: #1c2430;border-radius: 10px;}#tray::-webkit-scrollbar-thumb {background: #4a5b73;border-radius: 10px;}#tray::-webkit-scrollbar-thumb:hover {background: #6c84a6; }#tray {scrollbar-width: thin;scrollbar-color: #4a5b73 #1c2430;}.scroller-wrap {position: relative;}.scroller-btn {position: absolute;top: 0;bottom: 0;width: 56px;height: 60%;margin-top: 10%;display: flex;align-items: center;justify-content: center;cursor: pointer;user-select: none;z-index: 2;opacity: 0.85;transition: opacity .15s ease;height: 80%;margin-top: 80px;background: linear-gradient(to left, rgba(15,19,26,.6), rgba(15,19,26,0));}.scroller-btn.left {left: 0;right: auto;transform: scaleX(-1);}.scroller-btn:hover { opacity: 1; }.scroller-btn.right {right: 0;left: auto;}.scroller-btn .chev {pointer-events: none;font-size: 4rem;line-height: 1;text-shadow: 0px 0px 1px #000, 2px 2px 9px #000, -2px 3px 17px #000;margin-bottom: 4rem;}.scroller-pad-bottom { padding-bottom: 8px; }footer {display: block;width: 100%;margin-top: 40vh;border-top: 2px solid #222222;padding: 2rem 0px;color: #ccc;}#copyright {margin: auto;text-align: center;}footer nav {width: auto;background: none;margin: auto;border: none;text-align: center;}.copy_inner {font-size: 0.8em;color: #999;margin-top: 2em;}a, a:link, a:visited {padding: 0.8rem;text-decoration: none;color: #858791;transition: 0.5s;font-weight: 400;text-shadow: 0px 0px 0.5px #3f51b5;}nav ul {list-style: none;padding: 0;width: 94%;margin: 0%;}footer nav ul li {list-style: none;display: inline-flex;margin: 0.5rem;}form, #name_form {margin: auto;position: relative;width: 70%;text-align: center;padding: 10vh 0px 0px 0px;}h1 {font-size: 2rem;}@media (max-width: 1280px) {body {font-size: 110%;}footer {	font-size: 120%;}}@media (max-width: 1000px) {body {font-size: 140%; }.bar-dload {margin-top: 180px;}footer {font-size: 140%;}}