.ck-artwork-pack{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--ui-border,#3b6578);border-radius:20px;background:var(--ui-chrome,#102331);color:var(--ui-text,#f3f0dc);overflow:hidden}
.ck-artwork-pack[open]{display:flex;flex-direction:column}.ck-artwork-pack::backdrop{background:#020a16ba}
.ck-artwork-header,.ck-artwork-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;flex-shrink:0}.ck-artwork-header{border-bottom:1px solid var(--ui-border,#3b6578)}.ck-artwork-header h2{font:700 22px/1.25 system-ui;margin:0}.ck-artwork-body{overflow-y:auto;overscroll-behavior:contain;padding:0 20px 20px;min-height:0}.ck-artwork-footer{border-top:1px solid var(--ui-border,#3b6578)}.ck-artwork-footer small{font:12px/1.4 system-ui;color:var(--ui-muted,#a8bbc7);max-width:200px}
.ck-artwork-pack button{font:600 14px/1.3 system-ui;min-height:44px;padding:10px 14px;cursor:pointer;border:1px solid var(--ui-border,#3b6578);border-radius:10px;background:var(--ui-raised,#233c4c);color:var(--ui-accent,#88dfdf)}.ck-artwork-pack button:disabled{opacity:.5;cursor:wait}.ck-artwork-pack button:focus-visible,.ck-artwork-pack input:focus-visible{outline:2px solid var(--ui-accent,#88dfdf);outline-offset:3px}.ck-artwork-pack [hidden]{display:none!important}
/* Two repeating, transform-only cloud planes; no blur filters or frame callbacks. */
.ck-artwork-sky{position:relative;height:210px;margin:0 -20px 20px;background:radial-gradient(ellipse at 85% 0%,#e8f8ed70,transparent 60%),linear-gradient(175deg,#24658c,#6eb5cf 68%,#c8e6e8);overflow:hidden;isolation:isolate;contain:layout paint}
.ck-artwork-nimbus{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;animation:ck-nimbus-bob 4s ease-in-out infinite;animation-play-state:paused}
.ck-artwork-clouds{position:absolute;left:0;top:0;width:200%;height:100%;pointer-events:none;background-repeat:repeat-x;background-size:50% 100%;animation:ck-cloud-flight 36s linear infinite;animation-play-state:paused}
.ck-artwork-clouds-far{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20640%20180%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22cloud%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fffdf2%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23eff8fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239fc8df%22%2F%3E%3C%2FlinearGradient%3E%0A%3Cg%20id%3D%22puff%22%3E%3Cpath%20fill%3D%22url%28%23cloud%29%22%20d%3D%22M8%2067C-2%2051%2011%2037%2029%2039C26%2018%2046%209%2062%2018C73-7%20112-5%20122%2021C144%2010%20168%2022%20167%2041C190%2034%20210%2049%20202%2066C221%2071%20214%2086%20194%2088C158%2093%20124%2087%20101%2090C72%2094%2032%2091%2014%2084C1%2080%200%2073%208%2067Z%22%2F%3E%3Cpath%20fill%3D%22%2380b0cd%22%20opacity%3D%22.24%22%20d%3D%22M9%2070C21%2077%2036%2074%2045%2067C51%2081%2077%2082%2087%2071C103%2085%20129%2080%20135%2070C152%2080%20176%2076%20184%2065C188%2076%20202%2076%20213%2073C214%2087%20193%2089%20172%2089C140%2091%20121%2087%20101%2090C65%2095%2014%2089%208%2081Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.42%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20d%3D%22M39%2035C40%2024%2052%2022%2061%2027M73%2018C87%203%20110%2012%20112%2026M133%2031C145%2024%20157%2031%20157%2040%22%2F%3E%3C%2Fg%3E%3C%2Fdefs%3E%3Cuse%20xlink%3Ahref%3D%22%23puff%22%20transform%3D%22translate%2824%2034%29%20scale%28.82%29%22%20opacity%3D%22.87%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23puff%22%20transform%3D%22translate%28345%204%29%20scale%28.55%29%22%20opacity%3D%22.65%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23puff%22%20transform%3D%22translate%28445%2095%29%20scale%28.73%29%22%20opacity%3D%22.72%22%2F%3E%3C%2Fsvg%3E")}
.ck-artwork-clouds-near{top:23%;opacity:.82;z-index:3;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20640%20180%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22cloud%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fffdf2%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23eff8fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239fc8df%22%2F%3E%3C%2FlinearGradient%3E%0A%3Cg%20id%3D%22puff%22%3E%3Cpath%20fill%3D%22url%28%23cloud%29%22%20d%3D%22M8%2067C-2%2051%2011%2037%2029%2039C26%2018%2046%209%2062%2018C73-7%20112-5%20122%2021C144%2010%20168%2022%20167%2041C190%2034%20210%2049%20202%2066C221%2071%20214%2086%20194%2088C158%2093%20124%2087%20101%2090C72%2094%2032%2091%2014%2084C1%2080%200%2073%208%2067Z%22%2F%3E%3Cpath%20fill%3D%22%2380b0cd%22%20opacity%3D%22.24%22%20d%3D%22M9%2070C21%2077%2036%2074%2045%2067C51%2081%2077%2082%2087%2071C103%2085%20129%2080%20135%2070C152%2080%20176%2076%20184%2065C188%2076%20202%2076%20213%2073C214%2087%20193%2089%20172%2089C140%2091%20121%2087%20101%2090C65%2095%2014%2089%208%2081Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.42%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20d%3D%22M39%2035C40%2024%2052%2022%2061%2027M73%2018C87%203%20110%2012%20112%2026M133%2031C145%2024%20157%2031%20157%2040%22%2F%3E%3C%2Fg%3E%3C%2Fdefs%3E%3Cuse%20xlink%3Ahref%3D%22%23puff%22%20transform%3D%22translate%28-40%2092%29%20scale%281.25%29%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23puff%22%20transform%3D%22translate%28350%20117%29%20scale%281.4%29%22%2F%3E%3C%2Fsvg%3E");animation-duration:22s}
.ck-artwork-pack[data-running=true][data-hidden=false] .ck-artwork-nimbus,.ck-artwork-pack[data-running=true][data-hidden=false] .ck-artwork-clouds{animation-play-state:running}
.ck-artwork-intro{font:700 22px/1.3 system-ui;margin:0 0 8px}.ck-artwork-note{font:14px/1.5 system-ui;color:var(--ui-muted,#afc1cc);margin:8px 0 16px}.ck-artwork-status{font:600 16px/1.4 system-ui;margin:20px 0 8px}.ck-artwork-progress{display:block;width:100%;height:12px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--ui-accent,#88dfdf)}.ck-artwork-progress::-webkit-progress-bar{background:#07131e}.ck-artwork-progress::-webkit-progress-value{background:var(--ui-accent,#88dfdf);border-radius:10px}.ck-artwork-details{font:13px/1.5 system-ui;font-variant-numeric:tabular-nums;margin:8px 0}.ck-artwork-error{font:14px/1.5 system-ui;padding:12px;border:1px solid #d9b45e;border-radius:8px;color:#f4d490;overflow-wrap:anywhere}.ck-artwork-wifi{display:flex;align-items:center;gap:10px;min-height:44px;font:14px/1.4 system-ui;margin:12px 0}.ck-artwork-wifi input{width:20px;height:20px;accent-color:var(--ui-accent,#88dfdf)}.ck-artwork-actions{display:flex;flex-wrap:wrap;gap:8px}.ck-artwork-actions button[data-action=start],.ck-artwork-actions button[data-action=resume]{background:var(--ui-accent,#88dfdf);color:var(--ui-bg,#07131e)}.ck-artwork-confirm{margin-top:16px;padding:12px;border:1px solid var(--ui-border,#3b6578);border-radius:10px}.ck-artwork-confirm p{font:14px/1.5 system-ui;margin-top:0}.ck-artwork-confirm button{margin:0 8px 8px 0}
@keyframes ck-nimbus-bob{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes ck-cloud-flight{to{transform:translateX(-50%)}}
@media(max-width:480px){.ck-artwork-header,.ck-artwork-footer{padding:12px 16px}.ck-artwork-header h2{font-size:20px}.ck-artwork-sky{height:180px}.ck-artwork-footer{gap:12px}.ck-artwork-footer small{max-width:145px}.ck-artwork-body{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.ck-artwork-nimbus,.ck-artwork-clouds{animation:none!important}}
body.beta-client .ck-artwork-pack>.ck-artwork-header,body.beta-client .ck-artwork-pack>.ck-artwork-footer{display:flex!important;height:auto;min-height:0;margin:0;border-image:none;text-align:left;background:var(--ui-chrome,#102331);box-shadow:none;overflow:visible}body.beta-client .ck-artwork-pack>.ck-artwork-header::after{display:none!important}
.ck-artwork-footer small{max-width:none;flex:1}