/* Shared cKure appearance styles for tool pages. */
:root{color-scheme:dark;--ck-bg:#080d13;--ck-bg2:#0c131b;--ck-panel:#101923;--ck-panel2:#14212b;--ck-line:#1d2d39;--ck-line2:#2b414f;--ck-text:#e3eff2;--ck-muted:#93a9b1;--ck-faint:#617781;--ck-cyan:#5de7d1;--ck-green:#83edb7;--ck-amber:#f2bf69;--ck-red:#ff7585;--ck-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--ck-sans:system-ui,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(ellipse at 50% -25%,#122531,var(--ck-bg) 65%);color:var(--ck-text);font:14px/1.55 var(--ck-sans);animation:ck-enter .35s ease both}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#5de7d108 1px,transparent 1px),linear-gradient(90deg,#5de7d108 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#0008,transparent 80%)}
a.ck-home{position:fixed;z-index:50;top:12px;left:14px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--ck-line2);border-radius:7px;background:#0c131beF;color:var(--ck-muted);text-decoration:none;font:10px var(--ck-mono);letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px);transition:.18s}a.ck-home:before{content:"⌂";font-size:15px;color:var(--ck-cyan)}a.ck-home:hover{border-color:var(--ck-cyan);color:var(--ck-cyan);transform:translateY(-1px);box-shadow:0 6px 24px #5de7d114}
body:has(a.ck-home){padding-top:38px}body:has(a.ck-home)>header:first-child,body:has(a.ck-home)>.top:first-child{padding-left:180px!important}
input,textarea,select,button{font:inherit}input:not([type=checkbox]):not([type=radio]),textarea,select{max-width:100%;border:1px solid var(--ck-line2)!important;border-radius:7px!important;background-color:var(--ck-bg2)!important;color:var(--ck-text)!important;transition:border-color .18s,box-shadow .18s,background .18s}input:focus,textarea:focus,select:focus{outline:0!important;border-color:var(--ck-cyan)!important;box-shadow:0 0 0 3px #5de7d11b!important}button,.btn,[role=button]{transition:transform .16s,filter .16s,border-color .16s,box-shadow .16s}button:hover,.btn:hover{filter:brightness(1.12)}button:active,.btn:active{transform:translateY(1px)}
main,body>.container,body>.wrap,body>.wrapper,#body{color:var(--ck-text)}body>.container,body>.wrap{border:1px solid var(--ck-line)!important;border-radius:12px!important;background:linear-gradient(145deg,var(--ck-panel),var(--ck-bg2))!important;box-shadow:0 22px 70px #0005,0 0 40px #5de7d108!important}h1,h2,h3{color:var(--ck-text)}a{transition:color .16s}::selection{background:#5de7d144;color:var(--ck-text)}
.ck-console{width:min(1100px,calc(100% - 32px));margin:24px auto 48px}.ck-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--ck-line);border-radius:9px;background:#0c131beF;color:var(--ck-muted);font:10px var(--ck-mono);letter-spacing:.08em}.ck-top a{color:var(--ck-cyan);text-decoration:none}.ck-kicker{margin-top:26px;color:var(--ck-cyan);font:10px var(--ck-mono);letter-spacing:.15em;text-transform:uppercase}.ck-console h1{margin:4px 0 7px;font-size:clamp(24px,4vw,38px);letter-spacing:-.035em}.ck-console .ck-lead{max-width:760px;color:var(--ck-muted)}.ck-panel{margin:18px 0;padding:20px;border:1px solid var(--ck-line);border-radius:10px;background:linear-gradient(145deg,var(--ck-panel),#0d151d)}.ck-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.ck-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.ck-actions button,.ck-button{padding:10px 15px;border:1px solid var(--ck-line2);border-radius:7px;background:var(--ck-panel2);color:var(--ck-text);cursor:pointer}.ck-actions button:first-child,.ck-button.primary{border-color:#5de7d177;background:#5de7d11c;color:var(--ck-cyan)}.ck-status,.ck-foot{color:var(--ck-faint);font:10px var(--ck-mono);letter-spacing:.05em}.ck-foot{margin-top:24px;padding-top:12px;border-top:1px solid var(--ck-line)}
@keyframes ck-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Reference palette and direct theme controls. */
:root{--bg:#171d27;--bg2:#1c232e;--panel:#212a37;--panel2:#263040;--line:#333e50;--line2:#425068;--cell:#2b3646;--text:#dde5ef;--muted:#a8b4c5;--faint:#8593a7;--cyan:#55d8f0;--amber:#ffc04d;--violet:#ab9dff;--green:#55e6b0;--red:#ff7587;--pink:#f58fc7;--slate:#9aa7b9;--grid:rgba(85,216,240,.03);--glow:rgba(85,216,240,.10);color-scheme:dark}
:root{--ck-bg:var(--bg);--ck-bg2:var(--bg2);--ck-panel:var(--panel);--ck-panel2:var(--panel2);--ck-line:var(--line);--ck-line2:var(--line2);--ck-text:var(--text);--ck-muted:var(--muted);--ck-faint:var(--faint);--ck-cyan:var(--cyan);--ck-green:var(--green);--ck-amber:var(--amber)}
:root[data-theme="dark"]{--bg:#171d27;--bg2:#1c232e;--panel:#212a37;--panel2:#263040;--line:#333e50;--line2:#425068;--cell:#2b3646;--text:#dde5ef;--muted:#a8b4c5;--faint:#8593a7;--cyan:#55d8f0;--amber:#ffc04d;--violet:#ab9dff;--green:#55e6b0;--red:#ff7587;--lime:#bfe860;--pink:#f58fc7;--slate:#9aa7b9;--grid:rgba(85,216,240,.03);--glow:rgba(85,216,240,.10);color-scheme:dark}
:root[data-theme="light"]{--bg:#cfd5de;--bg2:#c5ccd7;--panel:#dde2e9;--panel2:#d3d9e2;--line:#bac2ce;--line2:#a3adbd;--cell:#cbd2dc;--text:#1c2634;--muted:#47556a;--faint:#536178;--cyan:#06708a;--amber:#8f4306;--violet:#5b21b6;--green:#0b7550;--red:#c01c1c;--lime:#476f0e;--pink:#b32770;--slate:#566579;--grid:rgba(6,112,138,.05);--glow:rgba(6,112,138,.07);color-scheme:light}
:root[data-theme="choc"]{--bg:#2a1c16;--bg2:#31221b;--panel:#3a2a21;--panel2:#43322a;--line:#574236;--line2:#6b5444;--cell:#46352b;--text:#f0e4d8;--muted:#cbb8a6;--faint:#a89583;--cyan:#6fd6d0;--amber:#ffbe55;--violet:#b9a4ff;--green:#7bdcaa;--red:#ff8a80;--lime:#c9e56b;--pink:#f29ac3;--slate:#b3a595;--grid:rgba(255,190,85,.035);--glow:rgba(255,190,85,.09);color-scheme:dark}
:root[data-theme="straw"]{--bg:#ebc9d5;--bg2:#e5bfcd;--panel:#f3d8e1;--panel2:#eecfdb;--line:#d9aebe;--line2:#c48da3;--cell:#e9c7d3;--text:#46132a;--muted:#74304a;--faint:#84405a;--cyan:#9c1744;--amber:#8a4205;--violet:#5b21b6;--green:#0a6a46;--red:#bd1b1b;--lime:#3f6a0c;--pink:#a8206a;--slate:#5a5666;--grid:rgba(156,23,68,.045);--glow:rgba(214,40,77,.10);color-scheme:light}
:root[data-theme="jungle"]{--bg:#0f1f17;--bg2:#13271c;--panel:#183024;--panel2:#1d3a2b;--line:#2b4d3a;--line2:#3d6a52;--cell:#1f3d2d;--text:#e4f1e4;--muted:#b4cfb8;--faint:#8aab94;--cyan:#6fe0b6;--amber:#f2c35b;--violet:#b6a3f5;--green:#8fe36a;--red:#ff8f80;--lime:#d3e86a;--pink:#f2a0c5;--slate:#a3b8a8;--grid:rgba(143,227,106,.035);--glow:rgba(111,224,182,.09);color-scheme:dark}
:root[data-theme="gta"]{--bg:#17132d;--bg2:#211933;--panel:#292039;--panel2:#342644;--line:#594162;--line2:#836181;--cell:#41304e;--text:#fff0e8;--muted:#dac0d8;--faint:#b69cb9;--cyan:#7de2df;--pink:#ff91cc;--amber:#ffd38d;--violet:#b5a5ff;--green:#83e9bd;--red:#ff879b;--lime:#d8ed95;--slate:#b9b4ce;--grid:rgba(255,145,204,.035);--glow:rgba(255,145,204,.12);color-scheme:dark}
body{background:radial-gradient(ellipse at 50% -20%,color-mix(in srgb,var(--glow) 90%,transparent),var(--bg) 70%);color:var(--text)}
body:before{background-image:radial-gradient(900px 500px at 12% -8%,var(--glow),transparent 60%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px}
:root[data-theme="gta"] body{background:radial-gradient(ellipse at 82% 0%,#b35e7744,transparent 55%),linear-gradient(160deg,#17132d,#30203c 55%,#1a263b);background-attachment:fixed}
:root[data-theme="gta"] body:after{content:"";position:fixed;z-index:-1;inset:auto 0 0;height:22vh;pointer-events:none;opacity:.25;background:linear-gradient(135deg,transparent 15%,#7de2df 15.4% 16%,transparent 16.4%) 0 100%/70px 100% repeat-x,linear-gradient(90deg,transparent 0 8%,#ff91cc 8% 10%,transparent 10% 25%,#7de2df 25% 28%,transparent 28% 44%,#ff91cc 44% 47%,transparent 47% 64%,#7de2df 64% 67%,transparent 67% 82%,#ff91cc 82% 85%,transparent 85%) 0 100%/100% 65% no-repeat,linear-gradient(to top,#17132d,transparent)}
:root[data-theme="jungle"] body:before{background-image:radial-gradient(ellipse at 10% 100%,#2f855322,transparent 34%),radial-gradient(ellipse at 95% 0%,#8fe36a18,transparent 32%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:auto,auto,56px 56px,56px 56px}
:root[data-theme="jungle"] body:after{content:"";position:fixed;z-index:-1;inset:auto 0 0;height:18vh;pointer-events:none;opacity:.34;background:radial-gradient(ellipse at 8% 100%,#2f8553 0 12%,transparent 12.5%),radial-gradient(ellipse at 20% 100%,#348556 0 16%,transparent 16.5%),radial-gradient(ellipse at 84% 100%,#2f8553 0 15%,transparent 15.5%),radial-gradient(ellipse at 96% 100%,#348556 0 18%,transparent 18.5%);animation:ck-sway 8s ease-in-out infinite alternate}
:root[data-theme="straw"] body:after{content:"🍓　　🍓　　　🍓";position:fixed;z-index:-1;right:4vw;bottom:3vh;pointer-events:none;opacity:.19;font-size:clamp(30px,6vw,70px);filter:saturate(.72);animation:ck-float 7s ease-in-out infinite alternate}
@keyframes ck-sway{to{transform:translateX(8px)}}@keyframes ck-float{to{transform:translateY(-14px) rotate(4deg)}}
:root[data-theme="straw"] body:before{background-image:radial-gradient(ellipse at 12% 0%,#fff8 0,transparent 35%),radial-gradient(circle,#a8206a1a 1px,transparent 1.6px);background-size:auto,28px 28px}
.ck-theme-dock{position:fixed;z-index:100;top:10px;right:12px;display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid var(--line2);border-radius:7px;background:color-mix(in srgb,var(--bg2) 94%,transparent);box-shadow:0 8px 24px #0003;backdrop-filter:blur(12px)}.ck-theme-dock .ck-theme-icon{color:var(--cyan);font-size:15px}.ck-theme-dock select,#themeSelect{width:auto;min-width:110px;padding:6px 27px 6px 9px;border:1px solid var(--line2);border-radius:5px;background-color:var(--panel)!important;color:var(--text)!important;font:10px var(--mono);cursor:pointer}.theme-label{display:block;margin:0 0 6px;color:var(--faint);font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.ck-home{top:10px;left:12px}body:has(.ck-home){padding-top:44px!important}.ck-home{padding:7px 10px!important}
.ck-console{color:var(--text)}.ck-panel,.ck-top{background:linear-gradient(145deg,var(--panel),var(--bg2));border-color:var(--line)}.ck-top{color:var(--muted)}.ck-top a{color:var(--cyan)}
body>.container,body>.wrap,.container,.panel,.well,.box,.section,.card,.main-controls,.sound-clips{background-color:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
@media(max-width:760px){.ck-theme-dock{top:auto;bottom:10px;right:10px}.ck-theme-dock select{min-width:98px}}