.word-sky{background:#a9def5;color:#064c89;overflow-x:hidden}
.word-sky header{position:relative;z-index:3}.word-sky header nav a{border:0;border-radius:30px;box-shadow:none;background:#ffffff85;color:#064c89;padding:12px 18px}.word-sky nav a[aria-current]{background:#0054aa;color:white}
.word-sky main{position:relative;max-width:1060px;margin:20px auto;padding:0 40px 70px;z-index:1}
.word-sky h1{text-align:center;font-size:clamp(56px,8vw,100px);letter-spacing:-3px;margin:22px 0 14px}
.word-sky main>p:first-of-type{text-align:center;font-size:19px;max-width:540px;margin:0 auto 32px;color:#064c89}
.cloud-form{max-width:780px;margin:auto}.word-sky label{font-weight:900;font-size:15px}.word-sky textarea{border:0;border-radius:38px 38px 38px 12px;background:#fffefa;padding:25px;min-height:155px;box-shadow:0 8px 0 #70b6df55;line-height:1.5}.word-sky input{border:0;border-radius:30px;background:#fffefa;padding:12px 18px}
.word-sky .form-row{display:flex;gap:25px;flex-wrap:wrap}.word-sky #exclude{width:min(360px,100%)!important}.word-sky #limit{width:105px}.word-sky .actions{justify-content:center;margin:24px 0 14px}.word-sky button{border-radius:30px;padding:14px 23px;min-height:48px;box-shadow:0 4px 0 #043963;transition:transform .15s,box-shadow .15s}.word-sky button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #043963}.word-sky button#sample,.word-sky button#download{background:#fffefa;color:#064c89;box-shadow:0 4px 0 #70b6df}
.word-sky .muted{color:#185579;max-width:780px;margin:18px auto}.word-sky #status{text-align:center;min-height:25px;font-weight:700;margin:22px 0 10px}
.word-sky #cloud{display:block;width:100%;min-height:0;aspect-ratio:9/5;background:#fffefa;border:0;border-radius:46% 48% 44% 44%;box-shadow:0 12px 0 #70b6df55;overflow:visible;margin:10px auto 30px}.word-sky #word-list{justify-content:center;display:flex;flex-wrap:wrap;gap:8px}.word-sky #word-list span{border-radius:25px;background:#ffffff88;padding:7px 14px;font-size:13px;color:#064c89}
.sky-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden;height:1250px;z-index:0}.sky-decor svg{position:absolute;width:90px;height:170px;right:3%;top:270px;animation:balloon-float 7s ease-in-out infinite}.sky-decor svg.bird{width:80px;height:35px;left:5%;top:180px;animation:bird-float 8s ease-in-out infinite}.sky-decor svg.bird.second{left:auto;right:9%;top:160px;width:50px;animation-delay:-4s}.sky-decor svg.balloon-small{right:auto;left:2%;top:780px;width:60px;animation-delay:-3s}
@keyframes balloon-float{50%{transform:translate(8px,-14px) rotate(3deg)}}@keyframes bird-float{50%{transform:translate(12px,-8px)}}
@media(max-width:650px){.word-sky main{padding:0 20px 50px;margin-top:10px}.word-sky h1{font-size:54px;letter-spacing:-2px}.word-sky main>p:first-of-type{font-size:16px;margin-bottom:24px}.word-sky header nav{gap:8px}.word-sky header nav a{font-size:11px;padding:10px 12px}.word-sky textarea{padding:20px;min-height:155px;border-radius:28px 28px 28px 10px}.word-sky .form-row{gap:12px}.word-sky .form-row>div{max-width:100%}.word-sky .actions{gap:8px}.word-sky button{padding:12px 15px;font-size:13px}.sky-decor svg{right:-25px;top:235px;opacity:.8}.sky-decor svg.bird{left:-14px;top:160px;width:50px}.sky-decor svg.balloon-small{left:-20px;top:800px}.word-sky #cloud{width:100%}}
@media(prefers-reduced-motion:reduce){.sky-decor svg{animation:none}.word-sky button{transition:none}}
.word-sky #cloud{background:transparent;border-radius:0;box-shadow:none;filter:drop-shadow(0 9px 0 #70b6df55)}

/* Sky traffic stays decorative, behind the tools, and clipped to the page. */
.sky-decor svg{left:auto;right:3%;top:360px;animation:balloon-journey 24s ease-in-out -8s infinite;transform-origin:50% 25%;will-change:transform}
.sky-decor svg.balloon-small{left:2%;right:auto;top:850px;animation:balloon-journey-small 31s ease-in-out -17s infinite}
.sky-decor svg.bird{left:0;right:auto;top:170px;animation:bird-journey 28s linear -9s infinite;will-change:transform}
.sky-decor svg.bird.second{left:0;right:auto;top:250px;animation:bird-journey-return 36s linear -21s infinite}
.sky-decor::before,.sky-decor::after{content:"";position:absolute;left:0;width:220px;height:95px;top:190px;opacity:.65;background:radial-gradient(ellipse at 26% 55%,#fffefa 0 25%,transparent 26%),radial-gradient(ellipse at 48% 38%,#fffefa 0 31%,transparent 32%),radial-gradient(ellipse at 73% 57%,#fffefa 0 25%,transparent 26%),linear-gradient(#fffefa,#fffefa) 50% 75%/72% 30% no-repeat;animation:cloud-journey 58s linear -18s infinite;will-change:transform;pointer-events:none}
.sky-decor::after{top:710px;width:170px;height:75px;opacity:.45;animation-duration:76s;animation-delay:-49s}
@keyframes balloon-journey{0%,100%{transform:translate(-12px,140px) rotate(-5deg)}35%{transform:translate(-65px,-180px) rotate(5deg)}65%{transform:translate(10px,-290px) rotate(-3deg)}}
@keyframes balloon-journey-small{0%,100%{transform:translate(5px,110px) rotate(4deg)}40%{transform:translate(45px,-260px) rotate(-5deg)}75%{transform:translate(10px,-410px) rotate(2deg)}}
@keyframes bird-journey{0%{transform:translate(-100px,15px) rotate(-4deg)}30%{transform:translate(30vw,-40px) rotate(4deg)}65%{transform:translate(65vw,30px) rotate(-3deg)}100%{transform:translate(calc(100vw + 100px),-20px) rotate(3deg)}}
@keyframes bird-journey-return{0%{transform:translate(calc(100vw + 80px),-20px) scaleX(-1)}40%{transform:translate(60vw,30px) scaleX(-1)}75%{transform:translate(20vw,-35px) scaleX(-1)}100%{transform:translate(-80px,10px) scaleX(-1)}}
@keyframes cloud-journey{from{transform:translateX(-240px)}to{transform:translateX(calc(100vw + 240px))}}
.sky-paused .sky-decor *,.sky-paused .sky-decor::before,.sky-paused .sky-decor::after{animation-play-state:paused}
@media(max-width:650px){.sky-decor svg{width:65px;right:5px;opacity:.65}.sky-decor svg.balloon-small{left:5px;width:45px}.sky-decor svg.bird{width:55px;left:0}.sky-decor svg.bird.second{width:40px;top:145px}.sky-decor::before{width:150px;height:70px;top:210px}.sky-decor::after{width:120px;height:60px;top:740px}}
@media(prefers-reduced-motion:reduce){.sky-decor svg,.sky-decor::before,.sky-decor::after{animation:none;will-change:auto;transform:none}.sky-decor svg.bird{left:4%;top:165px}.sky-decor svg.bird.second{left:auto;right:8%;top:200px}.sky-decor::before{left:5%;top:180px}.sky-decor::after{left:auto;right:3%;top:710px}}
.sky-decor.physics-active{position:fixed;height:100vh;inset:0;pointer-events:none}
.physics-active svg[hidden]{display:none}
.physics-active svg.physics-balloon,.physics-active svg.bird{top:0;left:0;right:auto;animation:none;transform-origin:50% 25%;pointer-events:none}
.physics-active svg.physics-balloon{width:50px;height:95px;opacity:.9}
.physics-active svg.bird{width:60px;height:27px}
.sky-pop{position:absolute;display:grid;place-items:center;width:88px;height:70px;background:#ffd546;color:#064c89;font:900 17px Barlow,sans-serif;clip-path:polygon(50% 0,61% 24%,85% 8%,81% 35%,100% 50%,77% 60%,91% 90%,61% 79%,50% 100%,40% 78%,9% 93%,22% 60%,0 49%,24% 36%,13% 9%,39% 24%);animation:sky-burst .65s ease-out forwards;pointer-events:none}
@keyframes sky-burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}15%{transform:translate(-50%,-50%) scale(1);opacity:1}70%{opacity:1}100%{transform:translate(-50%,-65%) scale(1.15);opacity:0}}
@media(max-width:650px){.physics-active svg.physics-balloon{width:36px;height:68px}.sky-pop{width:70px;height:56px;font-size:14px}}
.bird-wing{transform-box:view-box;transform-origin:40px 25px;animation:wing-flap .7s ease-in-out infinite alternate}
.bird-wing.right{animation-name:wing-flap-right}
.bird.second .bird-wing{animation-duration:.85s;animation-delay:-.3s}
@keyframes wing-flap{from{transform:rotate(-14deg)}to{transform:rotate(17deg)}}
@keyframes wing-flap-right{from{transform:rotate(14deg)}to{transform:rotate(-17deg)}}
@media(prefers-reduced-motion:reduce){.bird-wing{animation:none}}
.physics-active svg.physics-balloon svg{position:static;width:52px;height:50px;animation:none;transform:none;opacity:1;will-change:auto}

.text-field-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.word-sky #clear-text{min-width:70px;min-height:44px;padding:8px 14px;background:#fffefa;color:#064c89;box-shadow:none;border:1px solid #70b6df}.word-sky #clear-text:disabled{opacity:.45;cursor:default;transform:none}.text-field-heading label{margin:0}

.word-sky h1 .word-title-szo{color:#c44740}.word-sky h1 .word-title-hos{color:#c44740}

.word-sky h1 .word-title-dot{color:#ffe600}

.word-sky .form-row>div:first-child{flex:1;min-width:220px}.word-sky #limit{width:100%;padding:0;accent-color:#0054aa;min-height:44px;background:transparent}.range-labels{display:flex;justify-content:space-between;font-size:12px}.word-sky .actions{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}.word-sky .text-stats{text-align:center;font-size:12px;color:#235377;margin:12px 0 0}.word-sky .actions #clear-text{min-height:48px;border:0;padding:14px 23px}.word-sky .actions button{white-space:nowrap}@media(max-width:650px){.word-sky .actions{gap:7px}.word-sky .actions button,.word-sky .actions #clear-text{font-size:12px;padding:12px 10px;min-width:0}.word-sky .text-stats{font-size:11px}}

.word-sky #removed-words{display:inline;padding:0;min-height:24px;border:0;background:none;color:#064c89;box-shadow:none;font:inherit;text-decoration:underline;text-underline-offset:3px}.word-sky #removed-words:disabled{opacity:.65;text-decoration:none}.word-sky #removed-dialog{width:min(540px,calc(100vw - 32px));max-height:80vh;padding:24px;border:0;border-radius:26px;background:#fffdf0;color:#064c89;box-sizing:border-box}.word-sky #removed-dialog::backdrop{background:#04396380}.removed-heading{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-24px;background:#fffdf0;z-index:1}.removed-heading h2{margin:0;font-size:25px}.word-sky #close-removed{box-shadow:none;border:0;background:#0054aa;color:white;font-size:24px;min-width:44px;padding:0;min-height:44px}.word-sky #removed-dialog p{font-size:14px;line-height:1.5}#removed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#removed-list label{display:flex;align-items:center;gap:9px;padding:10px;border-radius:12px;background:#eaf6fd;min-height:44px;box-sizing:border-box;font-size:14px}#removed-list input{width:20px;height:20px;accent-color:#0054aa;padding:0;flex-shrink:0}.word-sky .actions #generate{font-size:14px}@media(max-width:650px){.word-sky .actions #generate{font-size:11px;padding:12px 9px}.word-sky #removed-dialog{padding:18px}#removed-list{grid-template-columns:1fr}}

.cloud-word{cursor:pointer;transition:opacity .15s}.cloud-word:hover{opacity:.65;text-decoration:line-through}.cloud-word:focus-visible{outline:2px solid #0054aa;outline-offset:4px}

.palette-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.palette-controls select{border:0;border-radius:22px;padding:12px 16px;background:#fffefa;color:#064c89;font:700 14px Barlow,sans-serif;min-height:44px}#color-pickers{display:flex;gap:8px}.word-sky #color-pickers input{width:44px;height:44px;padding:4px;cursor:pointer;border-radius:50%;background:#fffefa}.select-all-words{display:flex;align-items:center;gap:10px;margin:16px 0;padding:12px;border-radius:12px;background:#d7edfc;min-height:44px;box-sizing:border-box}.word-sky #select-all-removed{width:20px;height:20px;padding:0;accent-color:#0054aa}

/* Compact colour swatches retain a generous touch target. */
.word-sky #color-pickers{gap:2px}
.word-sky #color-pickers input[type="color"]{width:44px;height:44px;padding:8px;border:0;border-radius:50%;background:transparent;box-shadow:none;appearance:none;-webkit-appearance:none;cursor:pointer}
.word-sky #color-pickers input[type="color"]::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}
.word-sky #color-pickers input[type="color"]::-webkit-color-swatch{border:0;border-radius:50%;box-shadow:0 0 0 1px #064c891a}
.word-sky #color-pickers input[type="color"]::-moz-color-swatch{border:0;border-radius:50%;box-shadow:0 0 0 1px #064c891a}
.word-sky #color-pickers input[type="color"]:focus-visible{outline:2px solid #0054aa;outline-offset:-3px}

.word-sky #color-pickers .color-circle{position:relative;width:40px;height:44px;min-height:44px;border:0;padding:0;background:transparent;box-shadow:none;flex-shrink:0}.color-circle::before{content:"";position:absolute;width:28px;height:28px;left:6px;top:8px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #064c891a}.word-sky #color-pickers{flex-wrap:wrap;gap:0}.color-circle:focus-visible{outline:2px solid #0054aa;outline-offset:0;border-radius:50%}.word-sky #color-dialog{width:min(350px,calc(100vw - 32px));border:0;border-radius:26px;padding:24px;background:#fffdf0;color:#064c89;box-sizing:border-box}.word-sky #color-dialog::backdrop{background:#04396380}.word-sky #close-color{background:#0054aa;color:white;box-shadow:none;font-size:24px;padding:0;min-width:44px;min-height:44px}.word-sky #custom-color{display:block;width:100%;height:70px;padding:5px;margin:10px 0 18px}.word-sky #automatic-color{width:100%}#color-dialog>label{display:block;margin-top:18px}

.word-sky #color-dialog{border-radius:28px;overflow:hidden}.color-dialog-actions{display:flex;gap:10px}.word-sky .color-dialog-actions button{flex:1;min-width:0;width:auto!important;padding:12px 16px}.word-sky #save-custom-color{background:#fffdf0;color:#0054aa;border:1px solid #0054aa;box-shadow:none}

.word-sky #new-colors{min-height:44px;padding:10px 16px;background:#fffdf0;color:#0054aa;border:1px solid #0054aa33;box-shadow:none;font-size:14px}.word-sky #palette-style{font-size:12px;color:#235377}

.shape-controls{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.shape-controls select{border:0;border-radius:22px;padding:12px 16px;background:#fffefa;color:#064c89;font:700 14px Barlow,sans-serif;min-height:44px}

.word-sky #shape-open{width:64px;height:48px;padding:7px;background:#fffdf0;box-shadow:none;border:0;border-radius:20px}.word-sky #shape-dialog{width:min(440px,calc(100vw - 24px));border:0;border-radius:28px;padding:18px;background:#fffdf0;color:#064c89;box-sizing:border-box}.word-sky #shape-dialog::backdrop{background:#04396380}.word-sky #shape-close{display:block;margin:0 0 12px auto;width:44px;height:44px;padding:0;background:#0054aa;color:white;box-shadow:none;font-size:24px}#shape-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.word-sky #shape-grid button{display:grid;place-items:center;aspect-ratio:1;min-height:44px;padding:8px;background:transparent;box-shadow:none;border:1px solid transparent;border-radius:14px}.word-sky #shape-grid button:hover,.word-sky #shape-grid button[aria-pressed="true"]{background:#d7edfc;border-color:#0054aa55;transform:none}#shape-grid svg,#shape-open svg{width:100%;height:100%;fill:none;stroke:#064c89;stroke-width:22;stroke-linejoin:round;stroke-linecap:round}

/* Unified editing controls: content, appearance, then actions. */
.word-sky .cloud-form{max-width:860px;background:#ffffff55;border:1px solid #ffffff80;border-radius:32px;padding:26px;box-sizing:border-box}
.word-sky .cloud-form label,.word-sky .control-label{display:block;margin:0 0 8px;font:700 14px Barlow,Arial,sans-serif;line-height:20px;color:#064c89}
.word-sky .text-field-heading{margin:0}.word-sky .text-field-heading label{margin-bottom:10px}
.word-sky textarea{box-sizing:border-box;width:100%;min-height:150px;padding:20px;border-radius:20px;background:#fffefa;box-shadow:none;border:1px solid #064c891a;font-size:16px}
.word-sky .form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:22px;align-items:start}
.word-sky .form-row>div:first-child{min-width:0}.word-sky .form-row>div{min-width:0;max-width:none}
.word-sky #exclude{width:100%!important;height:48px;padding:12px 15px;border-radius:14px;border:1px solid #064c891a;box-sizing:border-box;font:400 15px Barlow,Arial,sans-serif}
.word-sky #limit{height:48px;min-height:48px;margin:0;display:block}.word-sky #limit-value{float:right;font-weight:400;font-size:13px}.range-labels{font-size:11px;line-height:16px}
.appearance-controls{display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px;border:0;border-top:1px solid #064c8926;padding:20px 0 0;margin:22px 0 0;min-width:0}.appearance-controls legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.word-sky .shape-controls,.word-sky .palette-controls{display:block;margin:0;min-width:0}.word-sky .shape-controls .control-label{margin-bottom:8px}
.word-sky #shape-open{width:100%;height:48px;border-radius:14px;border:1px solid #064c891a;padding:6px 20px;background:#fffefa;margin:0}
.word-sky .palette-controls{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 16px}.palette-controls>label{grid-column:1/-1}
.word-sky #color-count{width:100%;height:48px;border:1px solid #064c891a;border-radius:14px;padding:0 12px;font:400 15px Barlow,Arial,sans-serif;background:#fffefa;color:#064c89;box-sizing:border-box}
.palette-swatch-row{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.word-sky #color-pickers{display:flex;flex-wrap:nowrap;gap:0}.word-sky #color-pickers .color-circle{width:36px;height:48px;min-height:48px}.color-circle::before{width:26px;height:26px;left:5px;top:11px}
.word-sky #new-colors{height:48px;min-height:48px;border-radius:14px;padding:0 14px;font:700 14px Barlow,Arial,sans-serif;white-space:nowrap;background:#fffefa;border:1px solid #064c8926;box-shadow:none}
.word-sky #palette-style{grid-column:2;font-size:11px;line-height:18px;min-height:0;margin-top:3px}
.word-sky .actions{display:flex;gap:10px;justify-content:flex-start;align-items:center;border-top:1px solid #064c8926;padding-top:20px;margin:20px 0 0}
.word-sky .actions button,.word-sky .actions #generate,.word-sky .actions #clear-text{height:48px;min-height:48px;padding:0 20px;border-radius:16px;font:700 14px Barlow,Arial,sans-serif;border:1px solid transparent;box-shadow:none;transform:none}
.word-sky .actions #download,.word-sky .actions #clear-text{background:#fffefa;color:#064c89;border-color:#064c8926;box-shadow:none}.word-sky .actions #generate{background:#0054aa;color:white}
.word-sky .cloud-form button:hover{box-shadow:none;transform:none;filter:brightness(.97)}.word-sky .cloud-form button:disabled{opacity:.45;filter:none;cursor:default}
.word-sky .text-stats{text-align:left;margin:12px 0 0;font:400 12px Barlow,Arial,sans-serif;line-height:20px}.word-sky #removed-words{font:inherit;min-height:28px}
.word-sky .cloud-form :is(button,input,select,textarea):focus-visible{outline:2px solid #0054aa;outline-offset:3px}
@media(max-width:650px){.word-sky main{padding-inline:16px}.word-sky .cloud-form{padding:18px;border-radius:26px}.word-sky .form-row{grid-template-columns:1fr;gap:16px;margin-top:18px}.appearance-controls{grid-template-columns:64px minmax(0,1fr);gap:14px;margin-top:18px;padding-top:18px}.word-sky #shape-open{padding:7px 8px}.word-sky .palette-controls{grid-template-columns:1fr;gap:0}.palette-swatch-row{grid-column:1;margin-top:10px;gap:6px}.word-sky #color-pickers{flex-wrap:wrap}.word-sky #palette-style{grid-column:1}.word-sky #new-colors{height:44px;min-height:44px;padding:0 12px}.word-sky .actions{gap:6px;padding-top:18px;margin-top:18px}.word-sky .actions button,.word-sky .actions #generate,.word-sky .actions #clear-text{font-size:12px;padding:0 9px;min-width:0}.word-sky .actions #generate{flex:1}.word-sky .text-stats{font-size:11px}.word-sky textarea{min-height:150px;font-size:16px}}

@media(max-width:650px){.palette-swatch-row{display:block}.word-sky #color-pickers{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;gap:0}.word-sky #color-pickers .color-circle{width:100%;min-width:0}.color-circle::before{left:50%;transform:translateX(-50%);width:24px;height:24px;top:12px}.word-sky #new-colors{margin-top:6px}}

/* Laptop workspace keeps the editor and result visible together. */
@media(min-width:900px){
.word-sky header{padding-top:14px;padding-bottom:10px}
.word-sky main{max-width:1380px;margin:0 auto;padding:0 32px 28px;display:grid;grid-template-columns:minmax(460px,.95fr) minmax(0,1.05fr);gap:0 28px;align-items:start}
.word-sky h1{grid-column:1/-1;font-size:clamp(52px,5vw,72px);margin:4px 0 6px;line-height:1.05}
.word-sky main>p:first-of-type{grid-column:1/-1;font-size:15px;line-height:1.35;max-width:700px;margin-bottom:18px}
.word-sky .cloud-form{grid-column:1;grid-row:3;padding:18px;border-radius:26px;width:100%;max-width:none}
.word-sky textarea{min-height:94px;height:94px;padding:14px;border-radius:16px;font-size:14px}
.word-sky .form-row{margin-top:14px;gap:16px}
.word-sky .cloud-form label,.word-sky .control-label{font-size:13px;line-height:18px;margin-bottom:5px}
.word-sky .text-field-heading label{margin-bottom:7px}
.word-sky #exclude,.word-sky #limit,.word-sky #color-count,.word-sky #shape-open{height:40px;min-height:40px}
.appearance-controls{grid-template-columns:64px minmax(0,1fr);gap:14px;margin-top:12px;padding-top:12px}
.word-sky .palette-controls{grid-template-columns:125px minmax(0,1fr);gap:0 8px}
.palette-swatch-row{gap:4px}.word-sky #color-pickers .color-circle{width:28px;height:40px;min-height:40px}.color-circle::before{width:22px;height:22px;left:3px;top:9px}
.word-sky #new-colors{height:36px;min-height:36px;padding:0 10px;font-size:12px}
.word-sky .actions{margin-top:12px;padding-top:12px;gap:8px}
.word-sky .actions button,.word-sky .actions #generate,.word-sky .actions #clear-text{height:40px;min-height:40px;font-size:13px;padding:0 14px;border-radius:13px}
.word-sky .text-stats{margin-top:7px;font-size:11px;line-height:16px}
.word-sky #status{grid-column:1;grid-row:4;margin:7px 0 0;min-height:0;font-size:12px}
.word-sky #cloud{grid-column:2;grid-row:3;width:100%;margin:0;align-self:center;max-height:410px}
.word-sky #word-list{grid-column:2;grid-row:4;gap:5px;margin:8px 0 0;max-height:55px;overflow:auto}.word-sky #word-list span{font-size:11px;padding:4px 9px}
}
@media(min-width:900px) and (max-width:1150px){.word-sky main{gap:0 18px;padding-inline:22px}.word-sky .palette-controls{grid-template-columns:1fr}.palette-swatch-row{margin-top:4px}.word-sky #palette-style{grid-column:1}}

#shape-grid svg,#shape-open svg{stroke-width:13}.word-sky #shape-grid button{padding:5px}

.word-sky #cloud.no-cloud-background{filter:none}.word-sky #shape-none{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:12px;background:#eaf6fd;color:#064c89;box-shadow:none;min-height:44px;padding:8px;font-size:14px}.word-sky #shape-none svg{width:44px;height:32px;fill:none;stroke:#064c89;stroke-width:15;stroke-linecap:round}

.word-sky #word-list{max-height:none;overflow:visible;align-content:start;gap:6px}
.word-sky #word-list .word-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 11px;border:1px solid #064c891a;border-radius:20px;background:#ffffff88;color:#064c89;box-shadow:none;font:400 12px Barlow,Arial,sans-serif;line-height:18px;transform:none}
.word-sky #word-list .word-chip span{padding:0;background:none;border-radius:0;font:inherit}
.word-sky #word-list .word-chip .word-chip-remove{font-size:17px;line-height:18px;opacity:.7}
.word-sky #word-list .word-chip:hover{background:#fffdf0;border-color:#0054aa66;box-shadow:none;transform:none}
.word-sky #word-list .word-chip:focus-visible{outline:2px solid #0054aa;outline-offset:2px}
@media(max-width:650px){.word-sky #word-list .word-chip{min-height:44px}}