/* ColoringPreschool inline mobile app - centered compact */
.cy-inline-editor{--cy-orange:#ff7a00;--cy-orange2:#f97316;--cy-brown:#6b4f2a;--cy-cream:#fff8ed;--cy-line:#ead8bd;box-sizing:border-box;display:block;width:100%!important;max-width:520px!important;margin:22px auto 30px!important;padding:10px;background:#fff;border:1px solid var(--cy-line);border-radius:20px;box-shadow:0 8px 24px rgba(107,79,42,.10);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#35210f;overflow:hidden!important;clear:both!important;text-align:center!important;float:none!important;position:relative;left:auto!important;right:auto!important;transform:none!important}
.cy-inline-editor *{box-sizing:border-box;max-width:100%}.entry-content .cy-inline-editor,.ast-single-post .entry-content .cy-inline-editor,.site-content .cy-inline-editor,.wp-block-post-content .cy-inline-editor{margin-left:auto!important;margin-right:auto!important;float:none!important}.cy-inline-head{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 8px}.cy-kicker{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--cy-orange);line-height:1;text-align:center}.cy-inline-head h3{margin:4px 0 0!important;font-size:clamp(18px,4.5vw,23px)!important;line-height:1.1!important;font-weight:900!important;color:#3b2a16!important;text-align:center!important}.cy-head-icon{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;min-width:31px;border-radius:11px;background:linear-gradient(135deg,var(--cy-orange),var(--cy-brown));font-size:17px;vertical-align:middle;color:#fff;margin-right:8px}.cy-canvas-shell{position:relative;width:100%;margin:0 auto;padding:5px;background:var(--cy-cream);background-image:radial-gradient(rgba(107,79,42,.10) 1px,transparent 1px);background-size:16px 16px;border:1px solid #f1dfc5;border-radius:16px;overflow:hidden!important;display:flex;justify-content:center;align-items:center;min-height:150px}.cy-stage{position:relative;display:block;width:100%;max-width:100%;margin:0 auto;touch-action:none;transform-origin:center center;line-height:0;text-align:center;overflow:hidden}.cy-fallback-img{display:block;width:100%;height:auto;max-width:100%;border-radius:12px;background:#fff;margin:0 auto}.cy-stage canvas{display:block;width:100%;height:auto;max-width:100%;border-radius:12px}.cy-color-layer,.cy-line-layer,.cy-event-layer{position:absolute;left:0;top:0}.cy-color-layer{background:#fff;box-shadow:0 4px 14px rgba(107,79,42,.10)}.cy-line-layer{pointer-events:none;mix-blend-mode:multiply}.cy-event-layer{opacity:0;cursor:crosshair}.cy-loading{position:absolute;inset:6px;display:flex;align-items:center;justify-content:center;z-index:6;background:rgba(255,248,237,.94);border-radius:14px;color:var(--cy-brown);font-weight:900;text-align:center;padding:15px}.cy-inline-editor.is-ready .cy-loading{display:none}.cy-inline-editor.is-canvas-ready .cy-fallback-img{visibility:hidden}.cy-inline-editor:not(.is-canvas-ready) canvas{display:none}.cy-colors{display:flex;gap:8px;overflow-x:auto;padding:9px 2px 7px;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;margin:0 auto}.cy-colors::-webkit-scrollbar{display:none}.cy-swatch{width:34px;height:34px;min-width:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 11px rgba(0,0,0,.15);cursor:pointer}.cy-swatch.is-active{outline:3px solid var(--cy-orange);transform:scale(1.04)}.cy-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:5px;width:100%}.cy-tool,.cy-action,.cy-share{border:1px solid #ecd8bd;background:#fff;color:#3b2a16;border-radius:13px;min-height:40px;padding:7px 8px;font-weight:900;cursor:pointer;box-shadow:0 3px 9px rgba(107,79,42,.05);display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;font-size:13px;line-height:1.1;white-space:nowrap;overflow:hidden}.cy-tool.is-active{background:linear-gradient(135deg,var(--cy-orange),#c76512,var(--cy-brown));color:#fff;border-color:transparent;box-shadow:0 7px 15px rgba(255,122,0,.20)}.cy-action.cy-save{background:linear-gradient(135deg,var(--cy-orange),var(--cy-brown));color:#fff;border-color:transparent}.cy-share-box{margin-top:9px;padding:8px;border:1px solid #f0dfc8;border-radius:16px;background:#fffaf3;width:100%;overflow:hidden}.cy-share-box strong{display:block;text-align:center;color:var(--cy-brown);font-size:14px;margin-bottom:7px}.cy-share-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cy-share{min-height:38px}.cy-share-image{background:#2f855a;color:#fff;border-color:transparent}.cy-share-pin{background:#bd081c;color:#fff;border-color:transparent}.cy-share-fb{background:#1877f2;color:#fff;border-color:transparent}.cy-share-wa{background:#25d366;color:#06351d;border-color:transparent}
@media (max-width:640px){.cy-inline-editor{width:100%!important;max-width:100%!important;margin:18px auto 24px!important;padding:8px;border-radius:17px}.cy-inline-head{margin-bottom:8px}.cy-head-icon{width:29px;height:29px;min-width:29px;border-radius:10px}.cy-inline-head h3{font-size:18px!important}.cy-canvas-shell{padding:4px;border-radius:15px;min-height:140px}.cy-stage canvas,.cy-fallback-img{border-radius:11px}.cy-colors{gap:7px;padding:8px 2px 6px}.cy-swatch{width:31px;height:31px;min-width:31px}.cy-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cy-tool,.cy-action{min-height:36px;font-size:12px;padding:6px 4px}.cy-tool span,.cy-action .cy-action-label{display:none}.cy-share-box{padding:7px}.cy-share-box strong{font-size:13px}.cy-share{font-size:12px;min-height:36px}}
@media (max-width:380px){.cy-inline-editor{padding:7px}.cy-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.cy-swatch{width:30px;height:30px;min-width:30px}.cy-tool,.cy-action{font-size:11px}.cy-share-buttons{grid-template-columns:1fr 1fr}}