/* Syntecian Standard Cleaner. Adapted from Ciri AI's conic-gradient button
   and rotating glow techniques; isolated from other cleaner pages. */
@property --syn-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes syn-orbit { to { --syn-angle: 360deg; } }
@keyframes syn-drift { 50% { transform: translate(4%, -5%) scale(1.08); } }
@keyframes syn-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
body:has(.standard-skin) { background: var(--syn-bg)!important; color: var(--syn-text)!important; }
body:has(.standard-skin)::before { content: ''; position: fixed; inset: -15%; pointer-events: none; background: radial-gradient(ellipse at 12% 25%,#5c33ff30,transparent 32%),radial-gradient(ellipse at 86% 38%,#00ffb11c,transparent 30%),radial-gradient(ellipse at 50% 90%,#2676ff1a,transparent 35%); animation: syn-drift 18s ease-in-out infinite; z-index: 0; }
body:has(.standard-skin) main,body:has(.standard-skin) header,body:has(.standard-skin) footer { position: relative; }
body:has(.standard-skin) .syn-app-intro { display:none; }
.standard-skin { --ink:var(--syn-text); --muted:var(--syn-muted); --edge:var(--syn-line); --accent:var(--syn-blue); color:var(--ink); font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif; padding-bottom:36px; }
.standard-skin .hero { display:block; text-align:center; padding:56px 10px 32px; background:none; border:0; }
.standard-skin .eyebrow { color:var(--syn-muted); letter-spacing:.2em; font-size:11px; font-weight:700; }
.standard-skin .hero h1 { font-size:clamp(42px,5.5vw,72px); line-height:1.08; letter-spacing:-.045em; margin:20px 0; color:var(--ink); }
.standard-skin .gradient-text { background:linear-gradient(100deg,#8c68ff,#52a4ff 45%,#00ffb1); background-clip:text; -webkit-background-clip:text; color:transparent; }
.standard-skin .hero p { max-width:690px; margin:0 auto; color:var(--muted); font-size:16px; line-height:1.8; }
.standard-skin .cleaner-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:12px 0 32px; }
.standard-skin .cleaner-tab { position:relative; display:flex; align-items:center; gap:12px; padding:18px 14px; min-width:0; text-decoration:none; color:var(--ink); border:1px solid var(--edge); border-radius:16px; background:var(--syn-panel-solid); transition:transform .2s,box-shadow .2s; }
.standard-skin .cleaner-tab:hover { transform:translateY(-3px); box-shadow:0 8px 30px #5c33ff26; }
.standard-skin .cleaner-tab.active { border-color:#8170ff; background:linear-gradient(120deg,#5c33ff25,#00ffb10b); }
.standard-skin .cleaner-tab-copy { display:grid; gap:5px; }
.standard-skin .cleaner-tab-copy strong { font-size:13px; }
.standard-skin .cleaner-tab-copy small { color:var(--muted); font-size:10px; line-height:1.5; }
.standard-skin .cleaner-tab-icon { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; border-radius:10px; background:#7f68ff20; color:var(--syn-violet); font-size:20px; text-shadow:0 0 14px #6c45ff; }
.standard-skin .cleaner-tab-badge { font-size:8px; color:var(--accent); margin-left:auto; }
.standard-skin .cleaner-tab-arrow { margin-left:auto; color:var(--muted); }
.standard-skin .workflow-strip { display:flex; justify-content:space-between; gap:12px; margin:0 0 20px; color:var(--muted); font-size:12px; }
.standard-skin .workflow-strip b { color:var(--accent); padding-right:8px; font-size:11px; }
.standard-skin .card { background:linear-gradient(var(--syn-panel-solid),var(--syn-panel-solid)) padding-box,conic-gradient(from var(--syn-angle),#272336,#5c33ff,#272336 28%,#272336 55%,#00ffb1,#272336 80%) border-box; border:1px solid transparent; border-radius:20px; padding:28px; box-shadow:0 16px 60px #0003; animation:syn-orbit 12s linear infinite; color:var(--ink); }
.standard-skin label>span,.standard-skin legend { color:var(--ink); }
.standard-skin input[type=text],.standard-skin input[type=number] { background:var(--syn-bg-2); border:1px solid var(--syn-line); color:var(--ink); border-radius:10px; padding:13px 14px; }
.standard-skin input:focus-visible { outline:2px solid #9a86ff; outline-offset:3px; }
.standard-skin small,.standard-skin .card p { color:var(--muted); line-height:1.7; }
.standard-skin .input-suffix { background:var(--syn-bg-2); border-color:var(--syn-line); border-radius:10px; }
.standard-skin .input-suffix b { color:var(--syn-muted); }
.standard-skin .drop-zone { margin-top:24px; padding:28px; border:1px dashed #8d78ff88; border-radius:14px; background:radial-gradient(ellipse at 50% 0,#5c33ff20,transparent 75%),var(--syn-panel-solid); text-align:center; transition:border-color .2s,background .2s; }
.standard-skin .drop-zone:hover,.standard-skin .drop-zone.dragover { border-color:var(--accent); background:#00ffb109; }
.standard-skin .upload-symbol { display:grid; place-items:center; width:48px; height:48px; margin:0 auto 14px; border:1px solid #8d78ff; border-radius:14px; color:var(--syn-text); font-size:27px; box-shadow:0 0 24px #5c33ff35,inset 0 0 16px #5c33ff20; }
.standard-skin .drop-zone strong { color:var(--ink); font-size:15px; }
.standard-skin .drop-zone>span:not(.upload-symbol) { color:var(--muted); font-size:12px; }
.standard-skin fieldset { border:0; border-top:1px solid var(--edge); margin-top:26px; padding:20px 0 0; }
.standard-skin legend { padding-right:12px; font-size:14px; font-weight:650; }
.standard-skin .check-grid label { background:#ffffff03; border:1px solid #ffffff09; border-radius:10px; padding:12px; color:var(--syn-text); font-size:13px; line-height:1.5; }
.standard-skin input[type=checkbox] { accent-color:#8d6aff; width:17px; height:17px; flex-shrink:0; }
.standard-skin .advanced { border:1px solid var(--edge); background:var(--syn-bg-2); border-radius:12px; padding:16px; color:var(--ink); }
.standard-skin summary { cursor:pointer; color:var(--syn-blue); font-size:13px; }
.standard-skin .alert.warning { background:#fff5df; color:#735000; border-color:#bb8a3a; }
html[data-theme="dark"] .standard-skin .alert.warning { background:#33271c; color:#ffe1ab; }
.standard-skin .consent { color:var(--muted); font-size:12px; line-height:1.6; margin:22px 0; }
.standard-skin .button { border:1px solid transparent; background:linear-gradient(var(--syn-panel-solid),var(--syn-panel-solid)) padding-box,conic-gradient(from var(--syn-angle),#5c33ff,#00ffb1,#5c33ff) border-box; animation:syn-orbit 4s linear infinite; border-radius:12px; color:var(--syn-text); box-shadow:0 0 22px #5c33ff20; transition:box-shadow .2s,transform .2s; }
.standard-skin .button.primary { color:#fff; width:100%; padding:16px; font-size:15px; font-weight:700; background:linear-gradient(110deg,#5c33ff,#2656b8 55%,#08796b) padding-box,conic-gradient(from var(--syn-angle),#ffffff20,#00ffb1,#ffffff20,#997bff,#ffffff20) border-box; border-width:2px; }
.standard-skin .button:hover { transform:translateY(-1px); box-shadow:0 0 30px #5c33ff55; }
.standard-skin .button:disabled { transform:none; opacity:.6; cursor:wait; }
.standard-skin a:focus-visible,.standard-skin button:focus-visible,.standard-skin summary:focus-visible { outline:2px solid #00ffb1; outline-offset:4px; }
.standard-skin .info-grid { margin-top:24px; gap:16px; }
.standard-skin .info-grid .card { padding:24px; animation-duration:20s; }
.standard-skin .info-grid h2 { font-size:16px; color:var(--syn-text); }
.standard-skin .info-grid p { font-size:12px; }
.standard-skin .file-list>*,.standard-skin .file-row { background:var(--syn-panel-solid); color:var(--syn-text); border-color:var(--edge); }
.standard-skin .card,.standard-skin .cleaner-tabs { animation-composition:replace; }
@media(max-width:900px) { .standard-skin .cleaner-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .standard-skin .hero { padding-top:32px; } .standard-skin .hero p { font-size:14px; } .standard-skin .card { padding:18px; } .standard-skin .workflow-strip { flex-direction:column; gap:9px; } .standard-skin .grid.two,.standard-skin .check-grid,.standard-skin .info-grid { grid-template-columns:1fr; } .standard-skin .cleaner-tab { padding:12px 9px; gap:8px; } .standard-skin .cleaner-tab-badge { display:none; } }
@media(prefers-reduced-motion:reduce) { body:has(.standard-skin)::before,.standard-skin * { animation:none!important; transition:none!important; } }
/* Base cleaner controls inherit the same palette as the homepage. */
body:has(.standard-skin){--bg:var(--syn-bg);--surface:var(--syn-panel-solid);--surface-2:var(--syn-bg-2);--text:var(--syn-text);--muted:var(--syn-muted);--line:var(--syn-line);--accent:var(--syn-blue);--accent-dark:var(--syn-violet);--shadow:var(--syn-shadow)}
html[data-theme="light"] .standard-skin .gradient-text{background-image:linear-gradient(100deg,#623ac8,#315acb 45%,#007f72)}
.standard-skin .file-list button{color:var(--syn-text);background:var(--syn-panel-solid);border-color:var(--syn-line)}
/* Complete states: explicitly override legacy cleaner and shared selectors. */
html[data-theme="light"]:has(.standard-skin){--clean-bg:#f5f8ff;--clean-panel:#fff;--clean-input:#edf4ff;--clean-text:#11182a;--clean-muted:#53627d;--clean-line:#cdd7eb;--clean-accent:#4758d4;--clean-warning-bg:#fff5df;--clean-warning-text:#735000}
html[data-theme="dark"]:has(.standard-skin){--clean-bg:#050710;--clean-panel:#0d1222;--clean-input:#080c18;--clean-text:#f6f8ff;--clean-muted:#a7b2ca;--clean-line:#29324a;--clean-accent:#a5adff;--clean-warning-bg:#302516;--clean-warning-text:#ffdc99}
body.syn-app:has(.standard-skin){background:var(--clean-bg)!important;color:var(--clean-text)!important;--bg:var(--clean-bg);--surface:var(--clean-panel);--surface-2:var(--clean-input);--text:var(--clean-text);--muted:var(--clean-muted);--line:var(--clean-line);--accent:var(--clean-accent)}
body.syn-app:has(.standard-skin)::before{background:radial-gradient(ellipse at 12% 25%,#00cfe81c,transparent 35%),radial-gradient(ellipse at 86% 78%,#8e5cff20,transparent 35%);z-index:-1}
body.syn-app:has(.standard-skin) .syn-topbar{background:var(--syn-nav)!important}
body.syn-app .standard-skin{--ink:var(--clean-text);--muted:var(--clean-muted);--edge:var(--clean-line);--accent:var(--clean-accent)}
body.syn-app .standard-skin .card{background:linear-gradient(var(--clean-panel),var(--clean-panel)) padding-box,conic-gradient(from var(--syn-angle),var(--clean-line),#5c33ff,var(--clean-line) 28%,var(--clean-line) 55%,#00cfe8,var(--clean-line) 80%) border-box!important;border:1px solid transparent!important;color:var(--clean-text)!important}
body.syn-app .standard-skin .cleaner-tab{background:var(--clean-panel)!important;color:var(--clean-text)!important;border-color:var(--clean-line)!important}
body.syn-app .standard-skin .cleaner-tab.active{background:linear-gradient(120deg,#5c33ff14,#00cfe80a),var(--clean-panel)!important;border-color:#8e5cff!important}
body.syn-app .standard-skin .cleaner-tab strong,body.syn-app .standard-skin .cleaner-tab-copy strong{color:var(--clean-text)!important}
body.syn-app .standard-skin .cleaner-tab small,body.syn-app .standard-skin small,body.syn-app .standard-skin .card p{color:var(--clean-muted)!important}
body.syn-app .standard-skin .cleaner-tab-arrow{background:var(--clean-input)!important;color:var(--clean-accent)!important}
body.syn-app .standard-skin .cleaner-tab-icon{background:var(--clean-input)!important;color:var(--clean-accent)!important;border-color:var(--clean-line)!important}
body.syn-app .standard-skin input:not([type=checkbox]):not([type=file]),body.syn-app .standard-skin .input-suffix{background:var(--clean-input)!important;color:var(--clean-text)!important;border-color:var(--clean-line)!important}
body.syn-app .standard-skin input::placeholder{color:var(--clean-muted);opacity:1}
body.syn-app .standard-skin .drop-zone,body.syn-app .standard-skin .advanced,body.syn-app .standard-skin .check-grid label,body.syn-app .standard-skin .file-list>*{background:var(--clean-input)!important;color:var(--clean-text)!important}
body.syn-app .standard-skin .drop-zone strong,body.syn-app .standard-skin label>span,body.syn-app .standard-skin legend{color:var(--clean-text)!important}
body.syn-app .standard-skin .alert.warning{background:var(--clean-warning-bg)!important;color:var(--clean-warning-text)!important}
body.syn-app .standard-skin .alert.warning *{color:inherit!important}