.puzzle-drop{padding:18px;border:1px dashed #9cb8c6;border-radius:12px;background:#f4fafc;text-align:center}.puzzle-drop.drag{background:#dff6fc;border-color:#00a8cc}.puzzle-drop strong{font-size:14px}.puzzle-drop p,.puzzle-drop small{font-size:11px;color:#617a89}.puzzle-upload{display:flex;justify-content:center;gap:7px;margin:14px 0}.puzzle-upload button{padding:11px 9px}#puzzle-motif{display:block;width:auto;height:auto;object-fit:contain;max-width:100%;max-height:200px;margin:14px auto;border:1px solid #d5dfe5;border-radius:8px}.puzzle-palette{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.puzzle-palette label{margin:0;padding:7px;border:1px solid #d5dfe5;border-radius:8px;display:flex;align-items:center;gap:6px}.puzzle-palette input{width:32px;height:32px;border:0;padding:0;background:none;cursor:pointer}.puzzle-view-mode{margin-top:12px;font-size:11px}.sky-fields output{float:right;color:#617a89;font-weight:400}.sky-view-tabs button:last-child{flex:0}.puzzle-art{background:linear-gradient(140deg,#ddf4f8,#e8eff8)}
@media(max-width:760px){.sky-view-tabs button{padding:10px 9px;font-size:11px}.sky-view-tabs button:last-child{padding:8px 12px;font-size:20px}}

#puzzle-motif{background:repeating-conic-gradient(#edf2f5 0% 25%,#fff 0% 50%) 0 0/16px 16px}