/* Original fairytale art direction: midnight plum, periwinkle and champagne. */
:root{--ink:#302744;--accent:#665098;--glass:rgba(253,249,255,.93);color:var(--ink)}
.brand{color:#362b52}.brand .logo-m{background:linear-gradient(140deg,#ad93d6,#584279);box-shadow:inset 0 2px 3px #ffffff80,0 5px 22px #67509230}.brand small{color:#5d5072}
.actions{border-color:#fff8ed;box-shadow:0 14px 50px #4031512b}.actions button:hover{background:#eee6f5}.actions button[aria-pressed=true]{background:#e9def5;color:#483565}#squish{background:#665098}#squish:active{background:#493568}
#stick{background:linear-gradient(145deg,#ba9ad8,#765899);border-color:#eddbff}.pal-label{color:#3e3551}#palType{color:#665b75}.hint{color:#42374e}.icon-button[aria-pressed=true]{background:#665098}
.maker-launch{position:absolute;left:32px;top:calc(env(safe-area-inset-top) + 168px);z-index:4;padding:14px 20px;border-radius:24px;color:#fff;background:#665098;box-shadow:0 6px 24px #58427930;font-weight:700;font-size:16px;border:1px solid #cbb6e5;transition:transform .2s}.maker-launch:hover{transform:translateY(-2px)}
.about-link{position:absolute;right:32px;top:calc(env(safe-area-inset-top) + 94px);z-index:4;color:#423653;background:#fff9;padding:8px 12px;border-radius:20px;font-size:14px}
dialog{background:#faf6fdf7;color:#302744}dialog p{line-height:1.6;font-size:16px}.small-note{font-size:14px!important;color:#6a5d77}h1{color:#453357}.eyebrow{color:#716081}
.maker-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.maker-grid label,.share-label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:14px}.maker-grid input,.maker-grid select,#creation-link{font:inherit;width:100%;min-height:46px;border:1px solid #d9cce5;border-radius:12px;background:#fff;padding:10px;color:#392d4d}.maker-grid input[type=color]{padding:4px}.maker-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 12px}.maker-actions button{padding:13px 18px;border-radius:14px;background:#eae0f3;font-size:15px;font-weight:600}.maker-actions .primary{background:#665098;color:#fff}
.saved-pals{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.saved-pals button{padding:15px;background:white;border:1px solid #e2d6eb;border-radius:15px;text-align:left;font-size:14px;overflow-wrap:anywhere}.saved-pals button span{display:block;color:#716081;margin-top:5px}.pal[aria-pressed=true]{border-color:#665098;background:#eee5f6}.check{background:#665098}.pals{max-height:48vh;overflow:auto}.pal img{object-fit:contain}
.world-buttons button[aria-pressed=true],.filling-buttons button[aria-pressed=true]{background:#eee5f6;border-color:#665098;box-shadow:inset 0 0 0 1px #665098}.volume-label input{accent-color:#665098}.toast{background:#403153}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #8d62b3;outline-offset:3px}#error{z-index:20;line-height:1.6}#error a{display:inline-block;padding:10px;color:#584279}
@media(max-width:600px){.maker-launch{left:16px;top:calc(env(safe-area-inset-top) + 142px);font-size:14px;padding:12px 16px}.about-link{right:16px;top:calc(env(safe-area-inset-top) + 92px);font-size:12px}.pal-label{max-width:62%;flex-wrap:wrap;gap:5px}.maker-grid{gap:12px}.maker-actions button{flex:1}.pals{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-height:500px) and (orientation:landscape){.maker-launch{top:calc(env(safe-area-inset-top) + 113px);font-size:14px;padding:10px 16px}.about-link{top:65px}.pals{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.maker-launch:hover{transform:none}}