:root{--bg:#080d0c;--side:#0c1311;--top:#0d1512;--panel:#111b17;--panel2:#16231d;--line:#22352d;--line2:#304a3e;--text:#f2f7f4;--muted:#81988e;--green:#9ee36f;--green2:#73bd4d;--green3:#203a29;--danger:#ef5d5d}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 75% 0,#112219 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#0e1714,#09100e);border-right:1px solid #1d2b25;padding:0 14px;z-index:3}.brand{height:86px;display:flex;align-items:center;gap:12px;padding:0 10px}.brand img{width:48px;height:48px;object-fit:contain;border-radius:12px}.brand strong,.brand span{display:block;line-height:1}.brand strong{font-size:19px;letter-spacing:2px}.brand span{font-size:11px;color:var(--green);letter-spacing:4px;margin-top:6px;font-weight:800}.brandline{height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent)}.section{padding:24px 12px 10px;color:#60776c;font-size:10px;font-weight:900;letter-spacing:1.7px}nav{display:grid;gap:5px}nav a{height:44px;padding:0 13px;display:flex;align-items:center;gap:14px;color:#82998f;text-decoration:none;border-radius:9px;cursor:pointer;transition:.15s}nav a i{width:20px;font-style:normal;font-size:18px;text-align:center}nav a:hover{background:#111d18;color:#c6d6cf}nav a.active{background:linear-gradient(90deg,#1d3326,#15241d);color:#fff;box-shadow:inset 3px 0 var(--green),inset 0 0 0 1px #294435}.side-foot{position:absolute;left:18px;right:18px;bottom:20px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#101a16;display:flex;gap:10px;align-items:center}.side-foot .dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.side-foot b,.side-foot small{display:block}.side-foot b{font-size:12px}.side-foot small{font-size:9px;color:#688076;margin-top:3px}.shell{margin-left:250px;min-height:100vh}header{height:66px;background:#0d1512dd;backdrop-filter:blur(12px);border-bottom:1px solid #1d2b25;display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:2}.burger{border:0;background:none;color:#70847b;font-size:20px}.topbrand{margin-left:18px;font-size:11px;letter-spacing:2px;color:#647b70;font-weight:800}.topbrand span{color:#a6b8af}.status{margin-left:auto;color:#789084;font-size:11px}.status i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 8px var(--green)}main{padding:32px 38px 70px;max-width:1540px;margin:auto}.page.hidden,.hidden{display:none!important}h1{font-size:34px;letter-spacing:-1px;margin:5px 0 8px}h2{letter-spacing:-.4px}.eyebrow{color:var(--green);font-size:10px;font-weight:900;letter-spacing:2.2px}.hero{min-height:470px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#101b17 0%,#0d1512 58%,#15251c 100%);padding:58px 62px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #21372c;border-radius:50%;right:-130px;top:-190px;box-shadow:0 0 0 70px #12201955,0 0 0 140px #12201922}.hero-copy{position:relative;z-index:1}.hero h1{font-size:64px;line-height:.98;margin:12px 0 22px;max-width:650px}.hero h1 em{font-style:normal;color:var(--green)}.hero p{max-width:590px;color:#8fa399;font-size:16px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:28px}.primary,.ghost,.linkbtn{border:0;cursor:pointer;font-weight:800}.primary{background:var(--green);color:#0a100d;border-radius:9px;padding:12px 18px;box-shadow:0 8px 30px #7bd34e20}.primary:hover{background:#b2f187}.ghost{background:#15211c;color:#c5d3cc;border:1px solid #2a4036;border-radius:9px;padding:12px 18px}.stats{display:flex;gap:30px;margin-top:42px}.stats div{padding-left:14px;border-left:1px solid #2d463a}.stats b,.stats span{display:block}.stats b{font-size:15px;color:#dce8e2}.stats span{font-size:10px;color:#61786d;margin-top:4px}.hero-visual{height:340px;position:relative;display:grid;place-items:center}.hero-visual>img{width:230px;height:230px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 45px #000)}.logo-glow{position:absolute;width:270px;height:270px;border-radius:50%;background:#8fe06418;filter:blur(25px);box-shadow:0 0 0 1px #33513f}.url-pill{position:absolute;bottom:18px;background:#09100ddd;border:1px solid #2d4739;border-radius:10px;padding:11px 15px;color:#6e867a;font-family:ui-monospace,monospace;font-size:11px;z-index:2}.url-pill b{color:var(--green)}.section-title{display:flex;align-items:end;justify-content:space-between;margin:34px 2px 15px}.section-title span{font-size:9px;color:#637a6f;letter-spacing:1.7px;font-weight:900}.section-title h2{margin:4px 0 0}.linkbtn{background:none;color:var(--green);font-size:12px}.skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.skin-card{border:1px solid var(--line);background:linear-gradient(180deg,#121d18,#0e1714);border-radius:13px;overflow:hidden;transition:.15s}.skin-card:hover{transform:translateY(-2px);border-color:#345443}.skin-thumb{height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#1b2b23,#0b120f 70%);position:relative}.skin-thumb:after{content:"PNG";position:absolute;top:10px;right:10px;padding:4px 7px;border:1px solid #2c4438;border-radius:6px;color:#6f877b;font-size:8px;font-weight:900}.skin-thumb img{max-width:72%;max-height:72%;image-rendering:pixelated}.skin-info{padding:14px}.skin-info b,.skin-info small{display:block}.skin-info small{color:#71877c;margin:5px 0 12px;font-size:10px}.skin-info button{width:100%;border:1px solid #294236;background:#15231d;color:#a9c0b4;border-radius:7px;padding:9px;cursor:pointer}.skin-info button:hover{border-color:#5d8e70;color:var(--green)}.pagehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.pagehead h1{margin-bottom:5px}.pagehead p,.add-head p{color:#789084;margin:0}.add-head{margin-bottom:22px}.layout{display:grid;grid-template-columns:minmax(520px,1.1fr) minmax(420px,.9fr);gap:18px}.panel{background:linear-gradient(180deg,#121d18,#0f1815);border:1px solid var(--line);border-radius:14px}.formpanel{padding:24px}.drop{height:210px;border:1px dashed #395447;border-radius:12px;background:#0c1411;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.18s;margin-bottom:22px}.drop:hover,.drop.over{border-color:var(--green2);background:#101d16}.upload-icon{width:46px;height:46px;border-radius:12px;background:#1c3225;color:var(--green);display:grid;place-items:center;font-size:26px;margin-bottom:13px;box-shadow:inset 0 0 0 1px #31513d}.drop strong{font-size:15px}.drop span{font-size:11px;color:#8aa095;margin-top:5px}.drop small{font-size:9px;color:#53695e;margin-top:15px}.formpanel>label{display:block;font-weight:700}.formpanel>label input{display:block;width:100%;height:47px;margin-top:8px;background:#0a110f;border:1px solid #2b4036;border-radius:8px;color:white;padding:0 13px;outline:none}.formpanel>label input:focus{border-color:#6cac54}.field{margin-top:21px}.field>b{display:block}.field>small{display:block;color:#6e857a;font-size:10px;margin:5px 0 11px}.model-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px}.model-switch label{position:relative}.model-switch input{position:absolute;opacity:0}.model-switch span{display:block;padding:12px 13px;border:1px solid #293f35;border-radius:9px;background:#0d1612;cursor:pointer}.model-switch span b,.model-switch span small{display:block}.model-switch span small{font-size:9px;color:#657b70;margin-top:3px}.model-switch input:checked+span{border-color:#6aa751;background:#17291e;box-shadow:inset 0 0 0 1px #395b45}.model-switch input:checked+span b{color:var(--green)}.upload{width:100%;height:43px;border:0;border-radius:9px;margin-top:22px;background:var(--green);color:#09100d;font-weight:900;cursor:pointer}.upload:disabled{background:#26382f;color:#64786e;cursor:not-allowed}.previewpanel{padding:22px}.preview-top{display:flex;justify-content:space-between;align-items:start}.preview-top h2{margin:5px 0 0}.badge{font-size:9px;color:#779084;background:#0b120f;border:1px solid #293e34;border-radius:20px;padding:6px 9px}.viewer-wrap{height:405px;margin-top:14px;border-radius:12px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 35%,#20382a,#0a100e 67%);border:1px solid #24392f}.viewer-wrap:before{content:"";position:absolute;left:10%;right:10%;bottom:42px;height:1px;background:linear-gradient(90deg,transparent,#42604f,transparent)}#skinViewer{width:100%;height:100%;display:block;position:relative;z-index:1}.viewer-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.viewer-empty img{width:105px;height:105px;object-fit:contain;opacity:.25;filter:grayscale(1)}.viewer-empty b{margin-top:14px;color:#8da097}.viewer-empty span{font-size:10px;color:#52665c;margin-top:4px}.viewer-controls{display:flex;justify-content:center;gap:22px;color:#5f756a;font-size:9px;margin-top:11px}.meta{text-align:center;color:#8aa095;font-size:11px;margin-top:10px}.meta b,.meta span{display:block}.meta span{color:#5e7469;margin-top:3px}.result{margin-top:18px;padding:23px;display:grid;grid-template-columns:1fr minmax(380px,1fr);gap:18px;align-items:center}.success{color:var(--green);font-size:9px;font-weight:900;letter-spacing:1.5px}.result h2{margin:6px 0 3px}.result p{color:#71877c;margin:0}.urlbox{display:flex;background:#09100d;border:1px solid #2a4035;border-radius:8px;padding:5px}.urlbox input{flex:1;min-width:0;background:none;border:0;color:#b7c8c0;padding:0 9px;outline:none}.urlbox button,.secondary{border:0;background:var(--green);color:#08100c;border-radius:6px;padding:10px 15px;font-weight:900;cursor:pointer}.secondary{grid-column:2;background:#17251f;color:#9cb0a6;justify-self:start}.empty-list{grid-column:1/-1;padding:55px;border:1px dashed #2a4035;border-radius:12px;text-align:center;color:#62776d}@media(max-width:1150px){.skin-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{display:none}}@media(max-width:920px){.sidebar{width:78px}.brand div,.section,nav span,.side-foot{display:none}.brand{padding:0;justify-content:center}.brand img{width:44px}.shell{margin-left:78px}.layout{grid-template-columns:1fr}.result{grid-template-columns:1fr}.secondary{grid-column:auto}.topbrand{display:none}}@media(max-width:620px){.sidebar{display:none}.shell{margin-left:0}main{padding:22px 16px}.hero{padding:34px 25px}.hero h1{font-size:44px}.stats{gap:12px;flex-wrap:wrap}.skin-grid{grid-template-columns:1fr}.pagehead{align-items:start;gap:15px;flex-direction:column}.viewer-wrap{height:350px}}

.skin-thumb-3d{height:245px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#1b3325 0,#0d1813 48%,#09100d 78%)}
.skin-thumb-3d:before{content:"";position:absolute;left:18%;right:18%;bottom:26px;height:18px;border-radius:50%;background:#0008;filter:blur(8px)}
.card-skin-viewer{width:100%!important;height:100%!important;display:block;position:relative;z-index:1;cursor:grab}
.card-skin-viewer:active{cursor:grabbing}
.card-viewer-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#5f756a;font-size:10px;z-index:0}
.account-nav{position:absolute;left:14px;right:14px;bottom:92px}.card-menu-btn{position:absolute;top:10px;left:10px;z-index:4;width:32px;height:32px;border-radius:50%;border:1px solid #385245;background:#101a16;color:#fff;cursor:pointer;font-size:18px}.card-menu{position:absolute;top:48px;left:10px;z-index:8;width:205px;background:#17211d;border:1px solid #34473f;border-radius:10px;padding:8px;box-shadow:0 18px 45px #0009}.card-menu button{width:100%;text-align:left;border:0;background:none;color:#aab7b1;padding:10px;border-radius:7px;cursor:pointer}.card-menu button:hover{background:#223129;color:#fff}.card-menu .red{color:#ef7777;border-top:1px solid #2c3934;margin-top:5px}.auth-screen{position:fixed;inset:0;z-index:50;background:radial-gradient(circle at 20% 20%,#183021,#080d0c 42%);display:grid;grid-template-columns:1fr 480px;align-items:center;padding:8vw}.auth-brand{display:flex;align-items:center;gap:22px;font-size:30px;font-weight:900;letter-spacing:3px}.auth-brand img{width:150px;height:150px;object-fit:contain}.auth-brand b{color:var(--green)}.auth-card{background:#101a16;border:1px solid #2a4035;border-radius:18px;padding:38px;box-shadow:0 30px 80px #0008}.auth-card>p{color:var(--muted);margin-bottom:25px}.auth-card label,.modal-card>label{display:block;font-weight:700;margin:13px 0}.auth-card input,.modal-card input{width:100%;height:46px;margin-top:7px;border:1px solid #2b4036;background:#09110e;border-radius:8px;color:#fff;padding:0 12px}.auth-card .primary{width:100%;margin-top:12px}.auth-switch{width:100%;border:0;background:none;color:#82988e;margin-top:20px;cursor:pointer}.auth-switch b{color:var(--green)}.auth-error{color:#ef7777;font-size:12px;margin-top:12px}.modal{position:fixed;inset:0;z-index:40;background:#000a;display:grid;place-items:center;backdrop-filter:blur(5px)}.modal-card{width:min(500px,92vw);background:#121d18;border:1px solid #345043;border-radius:15px;padding:26px;position:relative}.modal-x{position:absolute;right:16px;top:14px;border:0;background:none;color:#83978e;font-size:25px;cursor:pointer}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.danger-btn{width:100%;margin-top:20px;border:1px solid #5b3030;background:#241414;color:#ef7777;border-radius:8px;padding:11px;cursor:pointer}@media(max-width:800px){.auth-screen{grid-template-columns:1fr;padding:25px}.auth-brand{display:none}}
/* Cloud folders */
.folder-organizer{margin:18px 0 24px}.folder-create{display:flex;gap:10px;max-width:520px;margin-bottom:14px}.folder-create input{flex:1}.folder-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}.folder-card{position:relative;flex:0 0 150px;border:1px solid #284438;background:#0c1410;border-radius:14px;padding:9px;color:#fff;cursor:pointer}.folder-card.active{border-color:#83dc58}.folder-cover{width:100%;height:82px;border-radius:9px;object-fit:cover;background:#141b17;display:grid;place-items:center;font-size:30px;margin-bottom:8px}.folder-card b,.folder-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-tools{position:absolute;top:7px;right:7px;display:flex;gap:4px;opacity:0}.folder-card:hover .folder-tools{opacity:1}.folder-tools button,.folder-tools label{background:#0b0d0c;border:1px solid #405047;border-radius:6px;color:#fff;padding:4px;cursor:pointer}.skin-folder-web-select{width:100%;margin-top:8px}
/* Monkey Launcher presentation */
.launcher-hero{min-height:520px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(125deg,#101b17 0%,#0a100e 55%,#14251b 100%);padding:62px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;position:relative;overflow:hidden}.launcher-hero:before{content:"";position:absolute;inset:auto -140px -240px auto;width:620px;height:620px;border:1px solid #2a4436;border-radius:50%;box-shadow:0 0 0 90px #13241b66,0 0 0 180px #13241b22}.launcher-copy{position:relative;z-index:1}.launcher-copy h1{font-size:68px;line-height:.98;margin:12px 0 22px;max-width:720px}.launcher-copy h1 em{font-style:normal;color:var(--green)}.launcher-copy>p{max-width:650px;color:#8fa399;font-size:16px;line-height:1.75}.launcher-actions{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}.launcher-download{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;background:var(--green);color:#08100c;text-decoration:none;font-weight:900;box-shadow:0 10px 35px #80d75526;transition:.18s}.launcher-download:hover{transform:translateY(-2px);background:#b2f187;box-shadow:0 14px 38px #80d75535}.launcher-note{font-size:10px;color:#60776c}.launcher-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.launcher-chips span{border:1px solid #2c4539;background:#0c1511aa;border-radius:999px;padding:7px 10px;color:#8fa59a;font-size:10px;font-weight:800}.launcher-showcase{min-height:390px;position:relative;display:grid;place-items:center}.launcher-showcase>img{width:240px;height:240px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 25px 50px #000)}.launcher-orbit{position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid #31513f;box-shadow:0 0 0 35px #17291e55,0 0 90px #8fe06418}.launcher-badge{position:absolute;z-index:3;bottom:28px;display:flex;gap:8px;align-items:center;background:#08100de8;border:1px solid #31503f;border-radius:10px;padding:10px 14px;box-shadow:0 15px 40px #0008}.launcher-badge b{letter-spacing:2px}.launcher-badge span{color:var(--green);font-size:10px;letter-spacing:2px;font-weight:900}.launcher-intro{text-align:center;max-width:760px;margin:60px auto 25px}.launcher-intro h2{font-size:34px;margin:8px 0}.launcher-intro p{color:var(--muted);line-height:1.7}.launcher-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.launcher-features article{min-height:190px;padding:24px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#121d18,#0d1613);transition:.18s}.launcher-features article:hover{transform:translateY(-3px);border-color:#3b5e4a;background:linear-gradient(180deg,#15231c,#0e1814)}.launcher-features i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #31513f;border-radius:10px;background:#17291e;color:var(--green);font-size:20px;font-style:normal}.launcher-features h3{font-size:15px;margin:18px 0 8px}.launcher-features p{color:#71877c;font-size:11px;line-height:1.65;margin:0}.launcher-cloud-callout{margin-top:16px;padding:32px 35px;border:1px solid #2b4839;border-radius:16px;background:linear-gradient(100deg,#15261c,#0d1713);display:flex;align-items:center;justify-content:space-between;gap:25px}.launcher-cloud-callout h2{margin:7px 0}.launcher-cloud-callout p{color:#789084;max-width:780px;margin:0;line-height:1.6}.launcher-final{margin-top:16px;padding:26px 30px;border:1px solid var(--line);border-radius:16px;background:#0d1613;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.launcher-final>img{width:72px;height:72px;object-fit:contain}.launcher-final h2{margin:5px 0}.launcher-final p{margin:0;color:#71877c;font-size:11px}.launcher-final code{color:var(--green);background:#09100d;padding:2px 5px;border-radius:4px}@media(max-width:1050px){.launcher-hero{grid-template-columns:1fr;padding:44px}.launcher-showcase{display:none}.launcher-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.launcher-hero{padding:30px 24px;min-height:auto}.launcher-copy h1{font-size:45px}.launcher-features{grid-template-columns:1fr}.launcher-cloud-callout{align-items:flex-start;flex-direction:column}.launcher-final{grid-template-columns:1fr;text-align:center}.launcher-final>img{margin:auto}.launcher-final .launcher-download{width:100%}}


/* =========================================================
   Monkey Skins — Library controls polish
   ========================================================= */

.folder-create-row,
.folder-create,
.folders-create,
.skin-folder-create {
  display: flex;
  align-items: stretch;
  gap: 10px;
  max-width: 720px;
  margin: 24px 0 14px;
}

.folder-create-row input,
.folder-create input,
.folders-create input,
.skin-folder-create input,
#folderName,
#newFolderName,
input[placeholder*="dossier" i] {
  min-height: 44px;
  flex: 1 1 360px;
  padding: 0 15px;
  color: #f5f7f5 !important;
  background: rgba(11, 20, 16, .92) !important;
  border: 1px solid rgba(137, 255, 83, .22) !important;
  border-radius: 11px !important;
  outline: none !important;
  font: inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.folder-create-row input::placeholder,
.folder-create input::placeholder,
.folders-create input::placeholder,
.skin-folder-create input::placeholder,
#folderName::placeholder,
#newFolderName::placeholder,
input[placeholder*="dossier" i]::placeholder {
  color: #748078 !important;
  opacity: 1;
}

.folder-create-row input:focus,
.folder-create input:focus,
.folders-create input:focus,
.skin-folder-create input:focus,
#folderName:focus,
#newFolderName:focus,
input[placeholder*="dossier" i]:focus {
  background: #0c1712 !important;
  border-color: #8dff53 !important;
  box-shadow: 0 0 0 3px rgba(141,255,83,.10) !important;
}

/* Create-folder button + library action buttons */
.folder-create-row button,
.folder-create button,
.folders-create button,
.skin-folder-create button,
#createFolderBtn,
#create-folder-btn {
  min-height: 44px;
  padding: 0 18px !important;
  border: 1px solid #8dff53 !important;
  border-radius: 11px !important;
  background: #8dff53 !important;
  color: #071008 !important;
  font-weight: 800 !important;
  font-family: inherit;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(141,255,83,.10);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}

.folder-create-row button:hover,
.folder-create button:hover,
.folders-create button:hover,
.skin-folder-create button:hover,
#createFolderBtn:hover,
#create-folder-btn:hover {
  filter: brightness(1.07);
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(141,255,83,.16);
}

.folder-create-row button:active,
.folder-create button:active,
.folders-create button:active,
.skin-folder-create button:active,
#createFolderBtn:active,
#create-folder-btn:active {
  transform: translateY(0) scale(.985);
}

/* Folder selector in each skin card */
.skin-card select,
.skin-card .folder-select,
.skin-item select,
.skin-card select[name*="folder" i],
select[data-folder-select] {
  width: 100%;
  min-height: 39px;
  padding: 0 42px 0 13px !important;
  color: #eaf3ed !important;
  background-color: #0c1712 !important;
  border: 1px solid rgba(137,255,83,.20) !important;
  border-radius: 9px !important;
  outline: none !important;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  color-scheme: dark;
  background-image:
    linear-gradient(45deg, transparent 50%, #8dff53 50%),
    linear-gradient(135deg, #8dff53 50%, transparent 50%),
    linear-gradient(to right, rgba(137,255,83,.12), rgba(137,255,83,.12));
  background-position:
    calc(100% - 18px) 16px,
    calc(100% - 13px) 16px,
    calc(100% - 39px) 0;
  background-size: 5px 5px, 5px 5px, 1px 100%;
  background-repeat: no-repeat;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.skin-card select:hover,
.skin-card .folder-select:hover,
.skin-item select:hover {
  border-color: rgba(141,255,83,.52) !important;
  background-color: #101d17 !important;
}

.skin-card select:focus,
.skin-card .folder-select:focus,
.skin-item select:focus {
  border-color: #8dff53 !important;
  box-shadow: 0 0 0 3px rgba(141,255,83,.09) !important;
}

.skin-card select option,
.skin-item select option {
  color: #eef7f1 !important;
  background: #101914 !important;
}

/* Copy URL — catches existing library card buttons without changing markup */
.skin-card button:not(.gear-btn):not(.menu-btn):not(.icon-btn),
.skin-card .copy-url,
.skin-card [data-copy-url],
.skin-item .copy-url {
  min-height: 39px;
  padding: 0 14px !important;
  border: 1px solid rgba(141,255,83,.24) !important;
  border-radius: 9px !important;
  background: rgba(141,255,83,.055) !important;
  color: #bfffa0 !important;
  font: inherit;
  font-size: 13px;
  font-weight: 750 !important;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.skin-card button:not(.gear-btn):not(.menu-btn):not(.icon-btn):hover,
.skin-card .copy-url:hover,
.skin-card [data-copy-url]:hover,
.skin-item .copy-url:hover {
  background: rgba(141,255,83,.12) !important;
  border-color: rgba(141,255,83,.55) !important;
  color: #dcffca !important;
  transform: translateY(-1px);
}

.skin-card button:not(.gear-btn):not(.menu-btn):not(.icon-btn):active,
.skin-card .copy-url:active,
.skin-card [data-copy-url]:active,
.skin-item .copy-url:active {
  transform: translateY(0) scale(.99);
}

/* Bottom controls inside skin cards */
.skin-card .card-actions,
.skin-card .skin-actions,
.skin-card .skin-card-actions,
.skin-item .card-actions {
  display: grid;
  gap: 8px;
}

/* Browser autofill must not bring back a white field */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f5f7f5 !important;
  -webkit-box-shadow: 0 0 0 1000px #0c1712 inset !important;
  caret-color: #f5f7f5;
}

@media (max-width: 700px) {
  .folder-create-row,
  .folder-create,
  .folders-create,
  .skin-folder-create {
    flex-direction: column;
  }
  .folder-create-row input,
  .folder-create input,
  .folders-create input,
  .skin-folder-create input {
    flex-basis: auto;
  }
}

.monkey-folder-name-input {
  min-height:44px !important;
  padding:0 15px !important;
  color:#f5f7f5 !important;
  background:#0b1410 !important;
  border:1px solid rgba(141,255,83,.22) !important;
  border-radius:11px !important;
}