:root{
  --ak-purple:#8157c8;
  --ak-purple-dark:#5b3695;
  --ak-pink:#ff8eb7;
  --ak-pink-soft:#fff1f7;
  --ak-blue:#8fdcf6;
  --ak-yellow:#ffd86e;
  --ak-green:#86d9ae;
  --ak-ink:#4b3858;
  --ak-muted:#7f7188;
  --ak-border:#eadff0;
  --ak-card:#fff;
  --ak-shadow:0 12px 30px rgba(82,54,105,.11);
}

html:has(body.ak-story-studio-page){
  margin-top:0!important;
  width:100%;
  min-height:100%;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-behavior:smooth;
}
body.ak-story-studio-page{
  margin:0!important;
  width:100%!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto;
  -webkit-overflow-scrolling:touch;
  background:#faf7ff!important;
  color:var(--ak-ink);
  font-family:Nunito,"Trebuchet MS",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.ak-story-studio-page #wpadminbar{display:none!important}
body.ak-story-studio-page header.site-header,
body.ak-story-studio-page footer.site-footer,
body.ak-story-studio-page #masthead,
body.ak-story-studio-page #colophon,
body.ak-story-studio-page .wp-block-template-part>header,
body.ak-story-studio-page .wp-block-template-part>footer,
body.ak-story-studio-page .entry-header,
body.ak-story-studio-page .entry-title{display:none!important}
body.ak-story-studio-page .site,
body.ak-story-studio-page .site-content,
body.ak-story-studio-page .content-area,
body.ak-story-studio-page .site-main,
body.ak-story-studio-page main,
body.ak-story-studio-page article,
body.ak-story-studio-page .entry-content,
body.ak-story-studio-page .wp-site-blocks{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

.ak-story-front-wrap,.ak-story-front-wrap *{box-sizing:border-box}
.ak-story-front-wrap{
  width:100%;
  min-height:100dvh;
  overflow:visible;
  background:linear-gradient(180deg,#fffafd 0%,#f8f4ff 52%,#eefaff 100%);
  color:var(--ak-ink);
  font-family:inherit;
}
.ak-story-front-wrap button,.ak-story-front-wrap input,.ak-story-front-wrap textarea,.ak-story-front-wrap select{font:inherit}
.ak-story-front-wrap button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.ak-story-front-wrap img{max-width:100%}
[hidden]{display:none!important}

/* Loading / gate */
.ak-kids-opening,.ak-kids-fatal{
  display:grid;
  place-content:center;
  justify-items:center;
  gap:10px;
  min-height:100dvh;
  padding:24px;
  text-align:center;
  background:radial-gradient(circle at 15% 15%,#ffdbea,transparent 25%),radial-gradient(circle at 82% 20%,#d9f3ff,transparent 24%),linear-gradient(145deg,#fff,#f6f0ff);
}
.ak-opening-star{font-size:54px;animation:ak-float 1.5s ease-in-out infinite}
.ak-kids-opening strong,.ak-kids-fatal strong{font-size:clamp(22px,5vw,34px)}
.ak-kids-opening span,.ak-kids-fatal p{color:var(--ak-muted)}
.ak-kids-fatal>span{font-size:60px}
.ak-kids-fatal button,.ak-big-magic-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:12px 20px;
  border:0;
  border-radius:17px;
  background:linear-gradient(135deg,#7654b7,#9b6bd0);
  color:#fff!important;
  font-size:15px;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(103,70,146,.22);
}
.ak-big-magic-button:disabled{opacity:.55}
.ak-kids-gate{
  position:relative;
  display:grid;
  place-items:center;
  min-height:100dvh;
  padding:20px;
  overflow:hidden;
  background:radial-gradient(circle at 12% 20%,rgba(255,142,184,.35),transparent 25%),radial-gradient(circle at 88% 12%,rgba(134,217,244,.4),transparent 24%),radial-gradient(circle at 80% 86%,rgba(255,217,107,.32),transparent 22%),linear-gradient(145deg,#fff9fc,#f8f4ff 55%,#effbff);
}
.ak-cloud{position:absolute;font-size:64px;opacity:.55;filter:drop-shadow(0 12px 20px rgba(80,60,98,.1));animation:ak-drift 6s ease-in-out infinite}
.ak-cloud-one{left:5%;top:9%}.ak-cloud-two{right:6%;bottom:10%;animation-delay:-2.3s}
.ak-gate-mascot{position:absolute;top:calc(50% - 285px);z-index:2;display:grid;place-items:center;width:86px;height:86px;border-radius:29px;background:linear-gradient(145deg,#ff9fc3,#a98be4);font-size:42px;box-shadow:0 18px 42px rgba(105,72,135,.2);transform:rotate(-5deg)}
.ak-kids-gate-card{position:relative;z-index:1;width:min(94vw,500px);padding:66px 28px 28px;border:3px solid rgba(255,255,255,.88);border-radius:32px;background:rgba(255,255,255,.95);box-shadow:0 28px 90px rgba(81,57,101,.17);text-align:center;backdrop-filter:blur(14px)}
.ak-kids-chip{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f2eaff;color:var(--ak-purple);font-size:10px;font-weight:1000;letter-spacing:.12em}
.ak-kids-gate-card h1{margin:10px 0 8px;font-size:clamp(29px,7vw,45px);line-height:1}
.ak-kids-gate-card>p{max-width:390px;margin:0 auto 21px;color:var(--ak-muted);font-size:15px;line-height:1.45}
.ak-kids-gate-card form{display:grid;gap:12px;text-align:left}
.ak-kids-gate-card label{display:grid;gap:7px;font-weight:900}
.ak-kids-gate-card input{width:100%;min-height:54px;padding:10px 15px;border:2px solid #e4d9eb;border-radius:16px;background:#fff;color:var(--ak-ink);font-size:17px;outline:none}
.ak-kids-gate-card input:focus{border-color:#a785d7;box-shadow:0 0 0 5px rgba(132,96,184,.12)}
.ak-gate-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:18px}
.ak-gate-badges span{padding:7px 10px;border-radius:999px;background:#faf5ff;color:#706078;font-size:11px;font-weight:900}
.ak-kids-error,.ak-kids-warning{margin-bottom:14px;padding:11px 13px;border-radius:14px;font-weight:800}
.ak-kids-error{background:#ffe7ed;color:#a43b54}.ak-kids-warning{display:grid;gap:4px;background:#fff0cf;color:#725923}

/* App shell */
.ak-kids-app{width:100%;min-height:100dvh;overflow:visible;background:radial-gradient(circle at 8% 8%,rgba(255,183,211,.18),transparent 20%),radial-gradient(circle at 94% 12%,rgba(138,220,246,.22),transparent 22%),linear-gradient(180deg,#fffafd,#f8f5ff 50%,#effaff)}
.ak-kids-home-header,.ak-kids-editor-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  padding:12px 14px;
  border-bottom:1px solid rgba(220,207,229,.75);
  background:rgba(255,255,255,.94);
}
.ak-round-button,.ak-home-actions>button:first-child{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:43px;
  height:43px;
  border:1px solid var(--ak-border);
  border-radius:14px;
  background:#fff;
  color:var(--ak-ink);
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 5px 15px rgba(75,54,91,.08);
}
.ak-new-story-pill,.ak-watch-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:8px 14px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#7555b6,#9d70cf);
  color:#fff;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(101,70,143,.18);
}

/* Home - mobile first */
.ak-kids-home-header>div:first-child{min-width:0}
.ak-kids-home-header>div:first-child span{color:#d55c8a;font-size:9px;font-weight:1000;letter-spacing:.13em}
.ak-kids-home-header h1{margin:2px 0 0;font-size:22px;line-height:1.04}
.ak-kids-home-header p{display:none;margin:0;color:var(--ak-muted)}
.ak-home-actions{display:flex;align-items:center;gap:7px}
.ak-new-story-pill{padding-inline:12px;font-size:12px;white-space:nowrap}
.ak-kids-home-main{width:100%;margin:0 auto;padding:12px 10px 30px}
.ak-home-hero{display:grid;gap:14px;padding:22px 18px;border-radius:24px;background:linear-gradient(135deg,#fff,#fff0f7 50%,#eef9ff);box-shadow:var(--ak-shadow);overflow:hidden}
.ak-home-hero h2{margin:4px 0 8px;font-size:clamp(27px,9vw,38px);line-height:1.03}
.ak-home-hero p{margin:0 0 16px;color:var(--ak-muted);font-size:14px;line-height:1.45}
.ak-sparkle{font-size:28px}
.ak-home-hero .ak-big-magic-button{width:100%}
.ak-home-hero-art{display:none}
.ak-my-stories{margin-top:22px}
.ak-section-title{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.ak-section-title h2{margin:0;font-size:21px}
.ak-section-title span{display:grid;place-items:center;min-width:27px;height:27px;padding:0 8px;border-radius:999px;background:#eee5f7;color:var(--ak-purple);font-weight:1000}
.ak-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ak-kids-story-card{display:grid;gap:8px;min-width:0;padding:8px;border:1px solid rgba(232,220,239,.95);border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(72,51,88,.08)}
.ak-story-cover{position:relative;display:grid;place-items:center;min-height:100px;border:0;border-radius:14px;background:linear-gradient(145deg,#ffe8f2,#eee7ff 55%,#dff6ff);cursor:pointer;overflow:hidden}
.ak-story-cover>span{font-size:40px}.ak-story-cover small{position:absolute;right:7px;bottom:7px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.94);font-size:9px;font-weight:900}
.ak-kids-story-card>div:nth-child(2){display:grid;gap:2px;min-width:0}.ak-kids-story-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ak-kids-story-card span{color:var(--ak-muted);font-size:10px}
.ak-card-buttons{display:flex;gap:5px}.ak-card-buttons button,.ak-card-buttons a{display:grid;place-items:center;flex:1;min-height:35px;border:1px solid var(--ak-border);border-radius:11px;background:#fff;text-decoration:none;cursor:pointer}
.ak-empty-magic{grid-column:1/-1;display:grid;justify-items:center;gap:8px;padding:36px 18px;border:2px dashed #dfd0ea;border-radius:23px;background:rgba(255,255,255,.75);text-align:center}
.ak-empty-magic>div{font-size:48px}.ak-empty-magic h2{margin:0;font-size:22px}.ak-empty-magic p{margin:0 0 8px;color:var(--ak-muted);font-size:13px}

/* Editor */
.ak-kids-editor-header{position:relative;z-index:20;display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:8px;padding:9px 10px}
.ak-title-box{display:grid;min-width:0}.ak-title-box input{width:100%;min-width:0;padding:3px 2px;border:0;border-bottom:2px dashed transparent;background:transparent;color:var(--ak-ink);font-size:17px;font-weight:1000;outline:none}.ak-title-box input:focus{border-color:#cbb7dd}.ak-title-box span{display:none;color:#9a8ba2;font-size:9px}
.ak-editor-top-actions{display:flex;gap:6px}.ak-editor-top-actions .ak-round-button{display:none}.ak-watch-pill{width:43px;padding:0;font-size:0}.ak-watch-pill:after{content:'▶';font-size:15px}
.ak-kids-steps{display:flex;gap:7px;width:100%;padding:8px 9px;border-bottom:1px solid var(--ak-border);background:rgba(255,255,255,.94);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.ak-kids-steps::-webkit-scrollbar,.ak-scene-strip::-webkit-scrollbar{display:none}
.ak-kids-steps button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-width:86px;min-height:44px;padding:6px 9px;border:2px solid transparent;border-radius:14px;background:#f8f5fa;color:#74667c;font-weight:900;cursor:pointer}
.ak-kids-steps button span{font-size:19px}.ak-kids-steps button small{font-size:9px;white-space:nowrap}
.ak-kids-steps button.is-active{border-color:#b99ddd;background:#f1e9fb;color:var(--ak-purple-dark);box-shadow:0 5px 14px rgba(99,69,137,.09)}
.ak-kids-steps button.is-done:after{content:'✓';position:absolute;right:4px;top:3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#6cc89c;color:#fff;font-size:9px}
.ak-scene-strip{display:flex;align-items:center;gap:6px;width:100%;padding:7px 9px;overflow-x:auto;overflow-y:hidden;background:#fff;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.ak-scene-strip button{flex:0 0 auto;min-width:max-content;min-height:36px;padding:5px 10px;border:1px solid var(--ak-border);border-radius:12px;background:#fff;color:var(--ak-ink);font-size:12px;font-weight:900;cursor:pointer}
.ak-scene-pill{display:flex;align-items:center;gap:5px}.ak-scene-pill span{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#eee7f5;color:var(--ak-purple);font-size:10px}.ak-scene-pill.is-active{border-color:#a98bcf;background:#f3ecfb}.ak-scene-add{color:#b14f79!important;background:#fff0f6!important;border-color:#ffd2e2!important}
.ak-kids-editor-main{display:flex;flex-direction:column;gap:10px;width:100%;margin:0 auto;padding:10px 8px 14px;overflow:visible}
.ak-stage-column,.ak-kids-tool-panel{width:100%;min-width:0}
.ak-step-heading{display:flex;align-items:center;gap:9px;margin:0 2px 8px}.ak-step-heading>span{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(74,54,91,.08);font-size:23px}.ak-step-heading h2{margin:0;font-size:19px;line-height:1.08}.ak-step-heading p{display:none;margin:2px 0 0;color:var(--ak-muted);font-size:11px}
.ak-story-stage-wrap{width:100%;padding:6px;border:1px solid var(--ak-border);border-radius:18px;background:#fff;box-shadow:var(--ak-shadow)}
.ak-story-stage-wrap>small{display:block;padding:6px 2px 1px;color:#97899e;text-align:center;font-size:10px}
.ak-story-stage{position:relative;width:100%;min-height:0;border-radius:13px;background-color:#eaf8ff;background-position:center;background-size:cover;overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none}
.ak-story-stage.is-portrait{width:min(100%,56dvh);margin-inline:auto}
.ak-story-stage.is-square{width:min(100%,72dvh);margin-inline:auto}
.ak-stage-safe{position:absolute;inset:5%;border:1px dashed rgba(255,255,255,.38);border-radius:10px;pointer-events:none}
.ak-stage-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;background:linear-gradient(145deg,#eaf9ff,#fff4f8);color:#897b92}.ak-stage-empty span{font-size:46px}
.ak-stage-element{position:absolute;display:block;padding:0;border:0;background:transparent;cursor:grab;transform-origin:50% 100%;touch-action:none;-webkit-user-drag:none}
.ak-stage-element:active{cursor:grabbing}.ak-stage-element img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 5px rgba(61,46,69,.12))}.ak-stage-element>span{position:absolute;right:-6px;top:-7px;display:none;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(61,46,69,.16);font-size:12px}.ak-stage-element.is-selected{outline:2px dashed #ef70a7;outline-offset:5px;border-radius:7px}.ak-stage-element.is-selected>span{display:grid}
.ak-selected-tools{display:flex;align-items:center;gap:6px;margin-top:7px;padding:7px;border:1px solid var(--ak-border);border-radius:15px;background:#fff;box-shadow:0 6px 16px rgba(74,54,91,.07);overflow-x:auto}.ak-selected-tools>div{display:flex;align-items:center;gap:7px;min-width:0;margin-right:auto}.ak-selected-tools img{width:36px;height:36px;object-fit:contain;border-radius:10px;background:#f7f3fa}.ak-selected-tools strong{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.ak-selected-tools>button{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:11px;background:#f2ecf6;color:var(--ak-ink);font-weight:1000;cursor:pointer}.ak-selected-tools>button.is-delete{background:#ffe9ef;color:#b83e5f}

/* Tool cards */
.ak-tool-card{display:grid;gap:12px;width:100%;padding:13px;border:1px solid var(--ak-border);border-radius:20px;background:#fff;box-shadow:var(--ak-shadow);overflow:visible}
.ak-choose-big{display:grid;place-items:center;gap:6px;min-height:142px;padding:16px;border:2px dashed #cfbae0;border-radius:19px;background:linear-gradient(145deg,#fff7fb,#f2efff);color:var(--ak-ink);text-align:center;cursor:pointer}.ak-choose-big>span{font-size:42px}.ak-choose-big strong{font-size:17px}.ak-choose-big small{color:var(--ak-muted);font-size:11px}.ak-choose-big.is-small{min-height:100px}
.ak-current-choice{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:10px;padding:9px;border-radius:17px;background:linear-gradient(145deg,#fff4f8,#f2f4ff)}.ak-choice-image{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;background:#fff;overflow:hidden}.ak-choice-image img{width:100%;height:100%;object-fit:contain}.ak-current-choice>div:last-child{display:grid;gap:4px;min-width:0}.ak-current-choice span{color:#b45a82;font-size:9px;font-weight:1000;text-transform:uppercase}.ak-current-choice strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.ak-current-choice button,.ak-current-background button{min-height:38px;border:0;border-radius:12px;background:var(--ak-purple);color:#fff;font-size:11px;font-weight:1000;cursor:pointer}
.ak-current-background{position:relative;overflow:hidden;border-radius:17px;background:#eef8ff}.ak-current-background img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.ak-current-background button{position:absolute;right:8px;bottom:8px;padding:7px 11px}
.ak-mini-section{display:grid;gap:8px}.ak-mini-section h3,.ak-format-box h3,.ak-actions-made h3{display:flex;align-items:center;gap:6px;margin:0;font-size:14px}.ak-mini-section h3 span,.ak-actions-made h3 span{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#eee6f5;color:var(--ak-purple);font-size:10px}
.ak-mini-gallery,.ak-picture-gallery,.ak-element-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.ak-image-choice{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:4px;border:2px solid #eee5f2;border-radius:14px;background:#faf8fc;overflow:hidden;cursor:pointer}.ak-image-choice img{width:100%;height:100%;object-fit:contain;border-radius:9px}.ak-image-choice>span{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--ak-purple);color:#fff;font-weight:1000;box-shadow:0 4px 10px rgba(78,52,111,.2)}
.ak-pose-box{padding:10px;border:1px solid var(--ak-border);border-radius:16px;background:#fffafd}.ak-pose-box summary{cursor:pointer;font-size:13px;font-weight:1000}.ak-pose-box p{margin:7px 0;color:var(--ak-muted);font-size:11px;line-height:1.4}.ak-pose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ak-pose-grid button{display:grid;place-items:center;gap:3px;min-height:72px;padding:5px;border:1px solid var(--ak-border);border-radius:13px;background:#fff;cursor:pointer}.ak-pose-grid button.has-pose{border-color:#8bcfab;background:#effbf5}.ak-pose-grid img{width:42px;height:42px;object-fit:contain}.ak-pose-grid span{font-size:26px}.ak-pose-grid small{font-size:8px;font-weight:900}
.ak-format-box{display:grid;gap:7px}.ak-format-box>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ak-format-box button{min-height:43px;padding:5px;border:1px solid var(--ak-border);border-radius:12px;background:#fff;color:var(--ak-ink);font-size:10px;font-weight:900;cursor:pointer}.ak-format-box button.is-active{border-color:#9d7ac8;background:#f0e8f8;color:var(--ak-purple-dark)}
.ak-scene-name{display:grid;gap:6px;font-size:12px;font-weight:1000}.ak-scene-name input{width:100%;min-height:45px;padding:8px 11px;border:2px solid #eadff0;border-radius:13px;background:#fff;outline:none}.ak-scene-name input:focus{border-color:#a98bcf}
.ak-role-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ak-role-switch button{min-height:43px;border:1px solid var(--ak-border);border-radius:13px;background:#fff;font-weight:1000;cursor:pointer}.ak-role-switch button.is-active{border-color:#a98bcf;background:#f2eafa;color:var(--ak-purple-dark)}
.ak-element-list button{display:grid;gap:4px;padding:5px;border:2px solid #eee6f1;border-radius:13px;background:#fff;overflow:hidden;cursor:pointer}.ak-element-list button.is-active{border-color:#e675a4;background:#fff0f6}.ak-element-list img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#f8f5fa}.ak-element-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900}
.ak-soft-empty{padding:18px;border:2px dashed #e2d5e9;border-radius:15px;background:#fcf9fd;color:var(--ak-muted);font-size:12px;line-height:1.45;text-align:center}
.ak-animating-who{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border-radius:16px;background:linear-gradient(145deg,#fff2f7,#f1f4ff)}.ak-animating-who img{width:56px;height:56px;object-fit:contain;border-radius:12px;background:#fff}.ak-animating-who>div{display:grid;gap:2px;min-width:0}.ak-animating-who span{color:#b45a82;font-size:8px;font-weight:1000;text-transform:uppercase}.ak-animating-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.ak-animating-who small{color:var(--ak-muted);font-size:9px}
.ak-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ak-action-grid button{display:grid;place-items:center;gap:3px;min-height:70px;padding:5px;border:1px solid #eadff0;border-radius:14px;background:linear-gradient(145deg,#fff,#faf6fc);color:var(--ak-ink);cursor:pointer}.ak-action-grid button:disabled{opacity:.4}.ak-action-grid button span{font-size:25px}.ak-action-grid button small{font-size:8px;font-weight:900;line-height:1.05;text-align:center}
.ak-scene-time{display:grid;gap:6px;padding:10px;border-radius:15px;background:#f8f4fb}.ak-scene-time>div:first-child{display:flex;justify-content:space-between;gap:8px}.ak-scene-time strong{font-size:12px}.ak-scene-time span,.ak-scene-time small{color:var(--ak-muted);font-size:9px}.ak-scene-time>div:nth-child(2){height:8px;border-radius:999px;background:#e8deed;overflow:hidden}.ak-scene-time i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff8eb7,#8a63c3)}
.ak-actions-made{display:grid;gap:7px}.ak-action-list{display:grid;gap:5px}.ak-action-list>div{display:grid;grid-template-columns:31px minmax(0,1fr) auto 30px;align-items:center;gap:6px;padding:5px;border:1px solid var(--ak-border);border-radius:11px;background:#fff}.ak-action-list>div>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f2ecf7}.ak-action-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.ak-action-list small{color:var(--ak-muted);font-size:9px}.ak-action-list button{width:29px;height:29px;border:0;border-radius:9px;background:#ffe9ef;color:#b83e5f;font-weight:1000;cursor:pointer}
.ak-finish-card{justify-items:center;padding:26px 16px;text-align:center}.ak-finish-icon{font-size:58px}.ak-finish-card h2{margin:0;font-size:24px}.ak-finish-card p{margin:0;color:var(--ak-muted)}.ak-finish-card>small{color:var(--ak-muted);font-size:10px;line-height:1.4}.ak-finish-buttons{display:grid;grid-template-columns:1fr;gap:7px;width:100%}.ak-finish-buttons button{min-height:47px;border:1px solid var(--ak-border);border-radius:14px;background:#fff;font-weight:1000;cursor:pointer}.ak-finish-buttons button.is-publish{border:0;background:linear-gradient(135deg,#ff8eb7,#8a63c3);color:#fff}

/* Bottom navigation - in normal document flow, never covers content */
.ak-kids-editor-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;width:100%;padding:8px 9px 10px;border-top:1px solid var(--ak-border);background:rgba(255,255,255,.97)}
.ak-kids-editor-footer>button{min-height:45px;padding:7px 10px;border:0;border-radius:14px;background:#f1ebf5;color:var(--ak-ink);font-size:12px;font-weight:1000;cursor:pointer}.ak-kids-editor-footer>button.is-next{background:linear-gradient(135deg,#7654b7,#9b6ed0);color:#fff}.ak-kids-editor-footer>button:disabled{opacity:.35}.ak-kids-editor-footer>div{display:none;justify-items:center;font-size:9px}.ak-kids-editor-footer>div strong{font-size:11px}.ak-kids-editor-footer>div span{color:var(--ak-muted)}

/* Notifications and blocking state */
.ak-toast{position:fixed;left:50%;bottom:15px;z-index:1500;max-width:calc(100% - 24px);padding:11px 15px;border-radius:14px;background:#4f3a5c;color:#fff;font-size:12px;font-weight:900;box-shadow:0 12px 34px rgba(35,24,42,.28);transform:translateX(-50%)}.ak-toast.is-success{background:#3c986d}.ak-toast.is-error{background:#b94360}
.ak-kids-busy{position:fixed;inset:0;z-index:1600;display:grid;place-content:center;justify-items:center;gap:8px;background:rgba(255,251,255,.86);backdrop-filter:blur(8px)}.ak-kids-busy>div{font-size:50px;animation:ak-spin 1.2s linear infinite}.ak-kids-busy strong{font-size:16px}

/* Gallery */
.ak-kids-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:stretch;background:rgba(42,31,50,.58);overscroll-behavior:contain}
.ak-gallery-dialog{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:100%;height:100dvh;min-height:0;border-radius:0;background:#fff;overflow:hidden}
.ak-gallery-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border-bottom:1px solid var(--ak-border);background:linear-gradient(135deg,#fff6fa,#f4f1ff)}.ak-gallery-dialog>header>div{display:flex;align-items:center;gap:8px;min-width:0}.ak-gallery-dialog>header>div>span{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:13px;background:#fff;font-size:21px;box-shadow:0 5px 15px rgba(70,50,87,.08)}.ak-gallery-dialog h2{margin:0;font-size:17px}.ak-gallery-dialog header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ak-muted);font-size:9px}.ak-gallery-dialog header>button,.ak-modal-x{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:0;border-radius:13px;background:#fff;color:var(--ak-ink);font-size:22px;font-weight:1000;cursor:pointer}
.ak-gallery-tools{display:grid;grid-template-columns:1fr auto;gap:7px;padding:8px;border-bottom:1px solid var(--ak-border);background:#fff}.ak-gallery-tools label{grid-column:1/-1;display:flex;align-items:center;gap:7px;padding:0 11px;border:2px solid #eadff0;border-radius:13px;background:#fff}.ak-gallery-tools input{width:100%;min-height:42px;border:0;outline:none}.ak-gallery-tools button,.ak-load-more{min-height:42px;padding:7px 12px;border:0;border-radius:13px;background:var(--ak-purple);color:#fff;font-size:11px;font-weight:1000;cursor:pointer}.ak-gallery-tools button{grid-column:2;grid-row:2}.ak-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:7px;min-height:0;padding:8px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#fbf9fc}.ak-gallery-item{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:4px;min-width:0;min-height:118px;padding:5px;border:2px solid #eee5f2;border-radius:14px;background:#fff;overflow:hidden;cursor:pointer}.ak-gallery-item img{width:100%;height:82px;object-fit:contain;border-radius:9px;background:linear-gradient(145deg,#faf7fc,#eef9ff)}.ak-gallery-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#75687c;font-size:8px;font-weight:900}.ak-gallery-item i{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--ak-purple);color:#fff;font-style:normal;font-weight:1000;box-shadow:0 4px 10px rgba(74,51,105,.2)}.ak-gallery-loading,.ak-gallery-empty{grid-column:1/-1;display:grid;place-content:center;min-height:220px;color:var(--ak-muted);text-align:center}.ak-load-more{justify-self:center;margin:7px;background:#f1e9f8;color:var(--ak-purple)}

/* Preview */
.ak-kids-preview-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;background:#1e1724}.ak-kids-preview{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100dvh;background:#18121e}.ak-kids-preview header{display:grid;grid-template-columns:43px minmax(0,1fr) 43px;align-items:center;gap:7px;padding:6px;background:#fff;color:var(--ak-ink)}.ak-kids-preview header button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:13px;background:#f1ebf5;font-size:21px;font-weight:1000;cursor:pointer}.ak-kids-preview header>div{display:grid;justify-items:center;min-width:0}.ak-kids-preview header strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ak-kids-preview header span{color:var(--ak-muted);font-size:9px}.ak-preview-screen{display:grid;place-items:center;min-height:0;padding:5px;overflow:hidden}.ak-preview-screen canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:10px;background:#fff}.ak-kids-preview footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:6px;background:#fff}.ak-kids-preview footer button,.ak-kids-preview footer a{display:grid;place-items:center;min-height:40px;padding:6px 9px;border:0;border-radius:12px;background:#f0e9f5;color:var(--ak-ink);font-size:10px;font-weight:1000;text-decoration:none;cursor:pointer}.ak-kids-preview footer .is-article,.ak-kids-preview footer .is-done,.ak-open-article{background:var(--ak-purple)!important;color:#fff!important}.ak-kids-preview footer>span{min-width:62px;text-align:center;font-size:9px;font-weight:900}

/* Phones in landscape and low-height tablets: always scroll the page vertically. */
@media (max-height:700px) and (orientation:landscape){
  body.ak-story-studio-page{overflow-y:auto!important}
  .ak-kids-home-header,.ak-kids-editor-header{position:relative!important}
  .ak-kids-home-main{padding-top:8px}
  .ak-home-hero{padding:16px 18px}.ak-home-hero h2{font-size:27px}.ak-home-hero p{margin-bottom:12px}
  .ak-kids-editor-main{display:flex!important;flex-direction:column!important;max-width:820px;padding-bottom:10px}
  .ak-story-stage{max-height:none!important}
  .ak-tool-card{max-height:none!important;overflow:visible!important}
  .ak-kids-editor-footer{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}
  .ak-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* Wider phones / tablets */
@media (min-width:560px){
  .ak-kids-home-header,.ak-kids-editor-header{padding-inline:16px}
  .ak-kids-home-main{padding:16px 14px 36px}
  .ak-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .ak-mini-gallery,.ak-picture-gallery,.ak-element-list{grid-template-columns:repeat(6,minmax(0,1fr))}
  .ak-pose-grid{grid-template-columns:repeat(6,1fr)}
  .ak-action-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .ak-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ak-kids-editor-footer>div{display:grid}
  .ak-title-box span{display:block}
  .ak-editor-top-actions .ak-round-button{display:grid}
  .ak-watch-pill{width:auto;padding:8px 14px;font-size:12px}.ak-watch-pill:after{display:none}
}

@media (min-width:760px){
  .ak-kids-home-header h1{font-size:27px}.ak-kids-home-header p{display:block;font-size:12px}
  .ak-kids-home-main{max-width:1180px;padding:22px 22px 42px}
  .ak-home-hero{grid-template-columns:1fr .55fr;align-items:center;padding:32px;border-radius:30px}.ak-home-hero h2{font-size:42px}.ak-home-hero p{font-size:16px}.ak-home-hero .ak-big-magic-button{width:auto}.ak-home-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:180px}.ak-home-hero-art span{position:absolute;display:grid;place-items:center;border-radius:27px;box-shadow:0 15px 30px rgba(74,54,91,.13)}.ak-home-hero-art span:nth-child(1){width:112px;height:112px;background:#ffe7f1;font-size:58px;transform:rotate(-8deg) translate(-45px,4px)}.ak-home-hero-art span:nth-child(2){width:108px;height:108px;background:#e3f7ff;font-size:54px;transform:rotate(8deg) translate(46px,-16px)}.ak-home-hero-art span:nth-child(3){width:65px;height:65px;background:#fff2bc;font-size:34px;transform:translate(8px,59px)}
  .ak-story-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}
  .ak-kids-story-card{padding:11px;border-radius:21px}.ak-story-cover{min-height:130px}.ak-story-cover>span{font-size:50px}.ak-kids-story-card strong{font-size:15px}
  .ak-kids-editor-header{padding:10px 16px}.ak-title-box input{font-size:22px}
  .ak-kids-steps{justify-content:center;padding:9px 16px}.ak-kids-steps button{min-width:115px;min-height:48px}.ak-kids-steps button small{font-size:10px}
  .ak-scene-strip{padding:8px 16px}
  .ak-kids-editor-main{max-width:920px;padding:14px 16px 18px;gap:14px}
  .ak-step-heading p{display:block}
  .ak-story-stage-wrap{padding:9px;border-radius:23px}.ak-story-stage{border-radius:17px}.ak-story-stage-wrap>small{font-size:11px}
  .ak-tool-card{padding:16px;border-radius:23px}
  .ak-current-choice{grid-template-columns:110px 1fr}
  .ak-action-grid button{min-height:82px}.ak-action-grid button span{font-size:29px}.ak-action-grid button small{font-size:9px}
  .ak-kids-editor-footer{max-width:920px;margin:0 auto 14px;border:1px solid var(--ak-border);border-radius:18px;box-shadow:0 10px 28px rgba(66,47,80,.11)}
  .ak-gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:10px}.ak-gallery-item{min-height:132px}.ak-gallery-item img{height:94px}
}

/* Desktop only: two columns when there is enough width AND height. */
@media (min-width:1080px) and (min-height:720px) and (pointer:fine){
  .ak-kids-editor-header{position:sticky;top:0;z-index:80}
  .ak-kids-editor-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);align-items:start;max-width:1400px;padding:16px 18px 20px}
  .ak-kids-tool-panel{position:sticky;top:82px}
  .ak-kids-editor-footer{position:sticky;bottom:10px;z-index:70;max-width:760px;margin:0 auto 10px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
  .ak-story-stage{max-height:calc(100dvh - 300px)}
  .ak-mini-gallery,.ak-picture-gallery,.ak-element-list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ak-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ak-gallery-dialog{width:min(1120px,94vw);height:min(780px,92dvh);border-radius:24px;box-shadow:0 30px 100px rgba(33,23,40,.3)}
  .ak-gallery-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
}

@media (max-width:380px){
  .ak-kids-home-header h1{font-size:19px}.ak-new-story-pill{font-size:10px;padding-inline:8px}
  .ak-kids-editor-header{grid-template-columns:39px minmax(0,1fr) 39px;padding-inline:7px}.ak-round-button{width:39px;height:39px}.ak-watch-pill{width:39px;height:39px}
  .ak-kids-steps button{min-width:76px}.ak-kids-steps button small{font-size:8px}
  .ak-story-grid{grid-template-columns:1fr 1fr}
  .ak-mini-gallery,.ak-picture-gallery,.ak-element-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ak-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ak-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ak-kids-editor-footer{grid-template-columns:1fr 1fr}.ak-kids-editor-footer>div{display:none}
}

@keyframes ak-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(5deg)}}
@keyframes ak-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(20px)}}
@keyframes ak-spin{to{transform:rotate(360deg)}}
/* Keep the compact watch button from leaking its text on narrow screens. */
@media (max-width:559px){
  .ak-story-front-wrap .ak-watch-pill{font-size:0!important;overflow:hidden;white-space:nowrap}
  .ak-story-front-wrap .ak-watch-pill::after{display:block;content:'▶';font-size:15px}
}
@media (min-width:560px){
  .ak-story-front-wrap .ak-watch-pill{font-size:12px!important;overflow:visible}
}

/* ===== V3.4.0 app-like mobile editor ===== */
.ak-appbar-home,.ak-appbar-editor{
  position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(228,219,236,.9);
}
.ak-home-brand,.ak-appbar-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.ak-home-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(145deg,#ffe8f2,#ebe5ff);font-size:24px;box-shadow:var(--ak-shadow)}
.ak-home-brand strong{display:block;font-size:18px;line-height:1.05}.ak-home-brand small{display:block;color:var(--ak-muted);font-size:11px}
.ak-appbar-title input{width:100%;min-width:0;border:0;background:transparent;font-size:18px;font-weight:1000;color:var(--ak-ink);outline:none;padding:0;margin:0}
.ak-appbar-title small{display:block;color:var(--ak-muted);font-size:10px;margin-top:2px}
.ak-appbar-actions,.ak-home-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.ak-appbar-icon,.ak-appbar-primary,.ak-new-story-pill{
  display:grid;place-items:center;flex:0 0 auto;min-width:46px;height:46px;padding:0 14px;border:0;border-radius:16px;background:#fff;color:var(--ak-ink);font-weight:1000;box-shadow:0 8px 24px rgba(75,54,91,.10);cursor:pointer
}
.ak-appbar-primary,.ak-new-story-pill{background:linear-gradient(135deg,#7654b7,#9b6ed0);color:#fff}
.ak-appbar-primary-small{min-width:46px;padding:0}
.ak-home-mobile-main{padding:14px 12px 34px}
.ak-home-quickstart{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.ak-home-start-card{display:grid;gap:6px;justify-items:start;min-height:124px;padding:16px;border:0;border-radius:24px;background:linear-gradient(145deg,#fff2f7,#ebe7ff);box-shadow:var(--ak-shadow);text-align:left;cursor:pointer}
.ak-home-start-card span{font-size:36px}.ak-home-start-card strong{font-size:19px;line-height:1.05}.ak-home-start-card small{font-size:12px;color:var(--ak-muted);line-height:1.35}.ak-home-start-card.is-soft{background:linear-gradient(145deg,#fff,#eef9ff)}

.ak-app-editor{display:grid;gap:12px;min-height:100dvh;padding:0 0 18px}
.ak-editor-stage-card{position:relative;margin:0 12px;padding:10px 10px 14px;border-radius:28px;background:linear-gradient(180deg,#ffffff,#fbf8ff);box-shadow:0 16px 40px rgba(73,53,92,.10);overflow:hidden}
.ak-editor-stage-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.ak-stage-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f3ecfa;color:var(--ak-purple-dark);font-size:12px;font-weight:1000;white-space:nowrap}
.ak-scene-mini-strip{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.ak-scene-mini-strip::-webkit-scrollbar{display:none}
.ak-scene-mini-strip .ak-scene-add{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:0;border-radius:16px;background:#ffeef5;color:#cb5f8b;font-size:28px;font-weight:1000;box-shadow:0 6px 16px rgba(86,62,107,.10);cursor:pointer}
.ak-scene-mini-strip .ak-scene-pill{display:flex;align-items:center;gap:7px;flex:0 0 auto;min-height:44px;padding:0 12px;border:2px solid #e8dff0;border-radius:16px;background:#fff;color:var(--ak-ink);cursor:pointer}
.ak-scene-mini-strip .ak-scene-pill span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0e7f8;color:var(--ak-purple-dark);font-size:12px;font-weight:1000}.ak-scene-mini-strip .ak-scene-pill small{font-size:12px;font-weight:1000;white-space:nowrap}.ak-scene-mini-strip .ak-scene-pill.is-active{border-color:#a484d4;background:#f6f0fc}

.ak-story-stage-wrap{position:relative;display:grid;gap:10px}
.ak-story-stage-wrap>small{display:none}
.ak-story-stage{position:relative;border-radius:24px;overflow:hidden;background-size:cover;background-position:center;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85),0 10px 24px rgba(65,45,85,.08);touch-action:pan-y}
.ak-story-stage.is-landscape{min-height:240px}.ak-story-stage.is-square{min-height:320px}.ak-story-stage.is-portrait{min-height:min(72vh,540px);max-width:360px;margin-inline:auto}
.ak-stage-empty{display:grid;place-content:center;justify-items:center;gap:8px;position:absolute;inset:0;background:linear-gradient(180deg,#dff2ff,#efe7ff 58%,#e8f3d7)}
.ak-stage-empty span{font-size:38px}.ak-stage-empty strong{font-size:18px}
.ak-stage-element{position:absolute;border:0;background:transparent;padding:0;touch-action:none;cursor:grab;transition:transform .15s ease,filter .15s ease}.ak-stage-element img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.15))}.ak-stage-element span{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--ak-purple-dark);font-size:13px;box-shadow:0 6px 14px rgba(65,45,85,.18)}.ak-stage-element.is-selected{filter:drop-shadow(0 0 0 3px rgba(229,122,164,.35))}.ak-stage-element.is-selected img{outline:3px dashed rgba(229,122,164,.7);outline-offset:4px;border-radius:12px}
.ak-step-fab-rail{position:absolute;right:12px;top:66px;display:flex;flex-direction:column;gap:8px;z-index:15}
.ak-step-fab{position:relative;display:grid;place-items:center;width:50px;height:50px;border:0;border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 10px 25px rgba(58,40,77,.14);cursor:pointer}.ak-step-fab span{font-size:22px}.ak-step-fab small{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ede3f7;color:var(--ak-purple-dark);font-size:10px;font-weight:1000}.ak-step-fab.is-active{background:linear-gradient(135deg,#7a58bd,#9e72d0);color:#fff}.ak-step-fab.is-active small{background:#fff;color:#7a58bd}.ak-step-fab.is-done::after{content:'✓';position:absolute;left:-4px;bottom:-4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#80d6a9;color:#fff;font-size:10px;font-weight:1000}

.ak-floating-tools{position:absolute;left:10px;right:72px;bottom:10px;z-index:16;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:20px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 12px 34px rgba(54,38,74,.16)}
.ak-floating-tools-head{display:flex;align-items:center;gap:8px;min-width:0}.ak-floating-tools-head img{width:38px;height:38px;object-fit:contain;border-radius:12px;background:#f7f2fa}.ak-floating-tools-head strong{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.ak-floating-tools-buttons{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.ak-floating-tools-buttons::-webkit-scrollbar{display:none}.ak-floating-tools-buttons button{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:0;border-radius:12px;background:#f1ebf8;color:var(--ak-purple-dark);font-size:18px;font-weight:1000;cursor:pointer}.ak-floating-tools-buttons button.is-delete{background:#ffe7ee;color:#b53c60}

.ak-editor-sheet{margin:0 12px;padding:10px 10px 14px;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(68,49,88,.09)}
.ak-sheet-handle{width:58px;height:6px;margin:0 auto 10px;border-radius:999px;background:#e4d9eb}
.ak-editor-sheet-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.ak-sheet-step-title{display:flex;align-items:flex-start;gap:10px;min-width:0}.ak-sheet-step-title>span{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:14px;background:#f1e9f9;font-size:22px}.ak-sheet-step-title strong{display:block;font-size:15px;line-height:1.2}.ak-sheet-step-title small{display:block;color:var(--ak-muted);font-size:11px;line-height:1.35;margin-top:2px}
.ak-sheet-step-nav{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.ak-editor-sheet-body .ak-tool-card{padding:0;border:0;background:transparent;box-shadow:none}
.ak-editor-sheet-body .ak-mini-section,.ak-editor-sheet-body .ak-format-box,.ak-editor-sheet-body .ak-role-switch,.ak-editor-sheet-body .ak-actions-made,.ak-editor-sheet-body .ak-scene-time,.ak-editor-sheet-body .ak-pose-box,.ak-editor-sheet-body .ak-current-choice,.ak-editor-sheet-body .ak-current-background,.ak-editor-sheet-body .ak-animating-who{border-radius:18px}
.ak-editor-sheet-body h3{margin:0 0 8px;font-size:14px}
.ak-editor-sheet-body .ak-choose-big{min-height:82px;border-radius:20px}
.ak-editor-sheet-body .ak-picture-gallery,.ak-editor-sheet-body .ak-mini-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.ak-editor-sheet-body .ak-element-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.ak-editor-sheet-body .ak-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ak-editor-sheet-body .ak-actions-made .ak-action-list>div{grid-template-columns:31px minmax(0,1fr) auto 28px}
.ak-editor-sheet-body .ak-finish-card{padding:8px 0 0}

@media (max-width: 900px){
  .ak-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 767px){
  .ak-kids-home-main{padding-top:12px}
  .ak-home-quickstart{grid-template-columns:1fr 1fr}
  .ak-home-start-card{min-height:110px;padding:14px;border-radius:22px}
  .ak-appbar-editor,.ak-appbar-home{padding:10px}
  .ak-editor-stage-card,.ak-editor-sheet{margin-inline:10px}
  .ak-story-stage.is-landscape{min-height:185px}.ak-story-stage.is-square{min-height:255px}.ak-story-stage.is-portrait{min-height:min(58vh,460px);max-width:300px}
  .ak-step-fab-rail{right:10px;top:58px}
  .ak-step-fab{width:46px;height:46px;border-radius:16px}.ak-step-fab span{font-size:20px}
  .ak-floating-tools{right:64px;left:8px;bottom:8px;padding:8px}
  .ak-floating-tools-head strong{max-width:92px}
  .ak-editor-sheet-body .ak-picture-gallery,.ak-editor-sheet-body .ak-mini-gallery,.ak-editor-sheet-body .ak-element-list,.ak-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ak-editor-sheet-body .ak-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 480px){
  .ak-home-quickstart{grid-template-columns:1fr 1fr}
  .ak-home-brand strong{font-size:16px}
  .ak-appbar-title input{font-size:16px}
  .ak-editor-stage-card{padding:8px}
  .ak-stage-chip{font-size:11px;padding:6px 8px}
  .ak-scene-mini-strip .ak-scene-pill small{display:none}
  .ak-scene-mini-strip .ak-scene-pill{padding:0 10px}
  .ak-story-stage.is-landscape{min-height:170px}
  .ak-story-stage.is-square{min-height:230px}
  .ak-story-stage.is-portrait{max-width:260px}
  .ak-step-fab-rail{gap:7px}.ak-step-fab{width:42px;height:42px}.ak-step-fab small{width:18px;height:18px}
  .ak-floating-tools{left:6px;right:56px;bottom:6px;gap:6px}.ak-floating-tools-head img{width:34px;height:34px}.ak-floating-tools-head strong{max-width:70px;font-size:11px}.ak-floating-tools-buttons button{width:34px;height:34px;font-size:16px}
  .ak-editor-sheet{padding:8px 8px 12px;border-radius:22px}
  .ak-sheet-step-title strong{font-size:14px}
  .ak-sheet-step-title small{font-size:10px}
  .ak-editor-sheet-body .ak-picture-gallery,.ak-editor-sheet-body .ak-mini-gallery,.ak-editor-sheet-body .ak-element-list,.ak-gallery-grid,.ak-editor-sheet-body .ak-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ak-format-box>div{grid-template-columns:1fr}
  .ak-pose-grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width: 768px){
  .ak-home-quickstart{grid-template-columns:repeat(2,minmax(0,240px));justify-content:start}
  .ak-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ak-app-editor{grid-template-columns:minmax(0,1.2fr) 360px;grid-template-areas:'header header' 'stage sheet';align-items:start;padding-bottom:22px}
  .ak-appbar-editor{grid-area:header}
  .ak-editor-stage-card{grid-area:stage;margin-left:16px;margin-right:0;min-height:calc(100dvh - 92px);position:sticky;top:74px}
  .ak-editor-sheet{grid-area:sheet;margin-right:16px;margin-left:12px;position:sticky;top:74px;max-height:calc(100dvh - 92px);overflow:auto}
  .ak-story-stage.is-landscape{min-height:420px}.ak-story-stage.is-square{min-height:520px}.ak-story-stage.is-portrait{min-height:640px;max-width:380px}
  .ak-step-fab-rail{top:76px;right:14px}
  .ak-editor-sheet-body .ak-picture-gallery,.ak-editor-sheet-body .ak-mini-gallery,.ak-editor-sheet-body .ak-element-list,.ak-editor-sheet-body .ak-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* =========================================================
   V3.5.0 — EDITOR 100% TELA / ÍCONES + PAINÉIS FLUTUANTES
   ========================================================= */
html:has(body.ak-story-studio-page),
body.ak-story-studio-page{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.ak-story-studio-page .ak-story-front-wrap,
body.ak-story-studio-page .ak-story-studio-front-root,
body.ak-story-studio-page .ak-kids-app{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}
body.ak-story-studio-page .ak-kids-app{background:#e9f7ff}
.ak-story-front-wrap svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.ak-fullscreen-editor{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#dff3ff;
  isolation:isolate;
}
.ak-editor-canvas,
.ak-editor-canvas .ak-story-stage-wrap,
.ak-editor-canvas .ak-story-stage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
.ak-editor-full-stage{
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  touch-action:none!important;
  box-shadow:none!important;
}
.ak-editor-full-stage::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 20%,transparent 78%,rgba(40,24,57,.05));
  z-index:0;
}
.ak-editor-full-stage .ak-stage-safe{display:none!important}
.ak-editor-full-stage .ak-stage-empty{z-index:1;border-radius:0!important}
.ak-editor-full-stage .ak-stage-element{z-index:4}

.ak-editor-top-left,
.ak-editor-top-right,
.ak-editor-title-pill,
.ak-editor-icon-dock,
.ak-scenes-fab,
.ak-selected-orbit-tools{
  position:absolute;
  z-index:40;
}
.ak-editor-top-left{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left))}
.ak-editor-top-right{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));display:flex;gap:8px}
.ak-editor-title-pill{
  top:max(10px,env(safe-area-inset-top));
  left:50%;
  transform:translateX(-50%);
  width:min(44vw,340px);
  height:48px;
  display:flex;
  align-items:center;
  padding:0 16px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 28px rgba(61,42,82,.14);
  backdrop-filter:blur(12px);
}
.ak-editor-title-pill input{
  width:100%;border:0;outline:0;background:transparent;color:var(--ak-ink);
  font-size:15px;font-weight:1000;text-align:center;padding:0;margin:0;
}
.ak-corner-button{
  display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:18px;
  background:rgba(255,255,255,.92);color:#5d4771;box-shadow:0 10px 28px rgba(61,42,82,.14);
  backdrop-filter:blur(12px);cursor:pointer;
}
.ak-corner-button.is-primary{background:linear-gradient(135deg,#7a58bd,#a076d3);color:#fff}

.ak-editor-icon-dock{
  top:50%;
  right:max(10px,env(safe-area-inset-right));
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:7px;
  border-radius:24px;
  background:rgba(255,255,255,.68);
  box-shadow:0 14px 34px rgba(61,42,82,.14);
  backdrop-filter:blur(14px);
}
.ak-dock-button{
  position:relative;display:grid;place-items:center;width:50px;height:50px;padding:0;border:0;border-radius:17px;
  background:rgba(255,255,255,.94);color:#70548a;cursor:pointer;box-shadow:0 5px 14px rgba(61,42,82,.08);
}
.ak-dock-button svg{width:25px;height:25px}
.ak-dock-button small{
  position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;
  background:#eee5f7;color:#6b4a86;font-size:9px;font-weight:1000;
}
.ak-dock-button.is-active{background:linear-gradient(135deg,#7a58bd,#a076d3);color:#fff;transform:scale(1.06)}
.ak-dock-button.is-active small{background:#fff;color:#7a58bd}
.ak-dock-button.is-done::after{
  content:'✓';position:absolute;left:-4px;bottom:-4px;display:grid;place-items:center;width:18px;height:18px;
  border-radius:50%;background:#78d5a5;color:#fff;font-size:10px;font-weight:1000;
}

.ak-scenes-fab{
  left:max(10px,env(safe-area-inset-left));
  bottom:max(10px,env(safe-area-inset-bottom));
  display:flex;align-items:center;gap:8px;height:50px;padding:0 14px;border:0;border-radius:18px;
  background:rgba(255,255,255,.94);color:#624779;box-shadow:0 12px 30px rgba(61,42,82,.16);
  backdrop-filter:blur(12px);font-weight:1000;cursor:pointer;
}
.ak-scenes-fab span{font-size:11px}

.ak-selected-orbit-tools{
  left:50%;
  bottom:max(10px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  display:flex;gap:7px;padding:7px;border-radius:21px;background:rgba(255,255,255,.92);
  box-shadow:0 12px 30px rgba(61,42,82,.16);backdrop-filter:blur(12px);
}
.ak-selected-orbit-tools button{
  display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:14px;
  background:#f1eaf8;color:#684b80;font-size:18px;font-weight:1000;cursor:pointer;
}
.ak-selected-orbit-tools button.is-delete{background:#ffe7ee;color:#b64161}

.ak-panel-backdrop{
  position:absolute;inset:0;z-index:80;background:rgba(37,24,48,.32);backdrop-filter:blur(2px);
}
.ak-floating-panel{
  position:absolute;z-index:90;display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  background:rgba(255,255,255,.98);box-shadow:0 -18px 50px rgba(51,34,68,.22);overflow:hidden;
}
.ak-floating-panel-header{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 10px;
  border-bottom:1px solid #eee5f2;background:linear-gradient(135deg,#fff8fb,#f5f1ff);
}
.ak-floating-panel-header>div{display:flex;align-items:center;gap:10px;min-width:0}
.ak-floating-panel-header>div>svg{flex:0 0 auto;width:28px;height:28px;color:#7a58bd}
.ak-floating-panel-header span{display:grid;min-width:0}
.ak-floating-panel-header strong{font-size:15px;line-height:1.15}
.ak-floating-panel-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ak-muted);font-size:10px;max-width:240px}
.ak-panel-close{
  display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;padding:0;border:0;border-radius:14px;
  background:#fff;color:#6d537f;box-shadow:0 6px 16px rgba(61,42,82,.09);cursor:pointer;
}
.ak-floating-panel-body{
  min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
}
.ak-floating-panel-body .ak-tool-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.ak-floating-panel-footer{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid #eee5f2;background:#fff;
}
.ak-floating-panel-footer button{
  display:grid;place-items:center;min-height:48px;border:0;border-radius:16px;background:#f0e9f7;color:#6a4c82;font-weight:1000;cursor:pointer;
}
.ak-floating-panel-footer button.is-next{background:linear-gradient(135deg,#7a58bd,#a076d3);color:#fff}
.ak-floating-panel-footer button:disabled{opacity:.35}
.ak-floating-panel-footer svg{width:24px;height:24px}

.ak-scenes-panel-list{display:grid;gap:10px}
.ak-scene-panel-card{
  display:grid;grid-template-columns:38px minmax(0,1fr) 74px;align-items:center;gap:10px;min-height:76px;padding:9px;
  border:2px solid #eee5f2;border-radius:18px;background:#fff;color:var(--ak-ink);text-align:left;cursor:pointer;
}
.ak-scene-panel-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#f0e8f8;color:#7757a0;font-weight:1000}
.ak-scene-panel-card>div{display:grid;gap:3px;min-width:0}
.ak-scene-panel-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.ak-scene-panel-card small{color:var(--ak-muted);font-size:10px}
.ak-scene-panel-card img,.ak-scene-panel-card i{width:74px;height:55px;object-fit:cover;border-radius:12px;background:#edf7ff;font-style:normal;display:grid;place-items:center}
.ak-scene-panel-card.is-active{border-color:#9e79cf;background:#f7f1fc}
.ak-scene-panel-add{
  display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;border:2px dashed #cbb6df;border-radius:18px;
  background:#fbf7ff;color:#75539a;font-weight:1000;cursor:pointer;
}
.ak-scene-panel-add svg{width:22px;height:22px}

/* Compact controls inside drawers */
.ak-floating-panel .ak-choose-big{min-height:86px;border-radius:19px}
.ak-floating-panel .ak-picture-gallery,
.ak-floating-panel .ak-mini-gallery,
.ak-floating-panel .ak-element-list,
.ak-floating-panel .ak-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ak-floating-panel .ak-action-grid button{min-height:72px}
.ak-floating-panel .ak-format-box>div{grid-template-columns:repeat(3,minmax(0,1fr))}
.ak-floating-panel .ak-current-choice,
.ak-floating-panel .ak-current-background,
.ak-floating-panel .ak-pose-box,
.ak-floating-panel .ak-mini-section,
.ak-floating-panel .ak-format-box,
.ak-floating-panel .ak-role-switch,
.ak-floating-panel .ak-animating-who,
.ak-floating-panel .ak-scene-time,
.ak-floating-panel .ak-actions-made{border-radius:18px}

/* Mobile portrait: bottom sheet. Everything else: right drawer. */
@media (max-width:699px) and (orientation:portrait){
  .ak-floating-panel{
    left:0;right:0;bottom:0;height:min(68dvh,650px);border-radius:28px 28px 0 0;
  }
  .ak-floating-panel::before{content:'';position:absolute;top:7px;left:50%;width:58px;height:5px;transform:translateX(-50%);border-radius:999px;background:#ded1e7;z-index:3}
  .ak-floating-panel-header{padding-top:20px}
  .ak-editor-icon-dock{right:8px;gap:6px;padding:6px}
  .ak-dock-button{width:44px;height:44px;border-radius:15px}
  .ak-dock-button svg{width:22px;height:22px}
  .ak-editor-title-pill{width:min(46vw,230px);height:44px;padding-inline:10px}
  .ak-editor-title-pill input{font-size:13px}
  .ak-corner-button{width:44px;height:44px;border-radius:15px}
  .ak-editor-top-right{gap:6px}
  .ak-selected-orbit-tools{bottom:max(68px,calc(10px + env(safe-area-inset-bottom)))}
  .ak-scenes-fab{height:46px;padding-inline:12px}
}
@media (min-width:700px), (orientation:landscape){
  .ak-floating-panel{
    top:0;right:0;bottom:0;width:min(390px,44vw);border-radius:28px 0 0 28px;box-shadow:-18px 0 50px rgba(51,34,68,.22);
  }
  .ak-floating-panel-header{padding-top:max(12px,env(safe-area-inset-top))}
  .ak-floating-panel-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .ak-editor-icon-dock{right:max(12px,env(safe-area-inset-right))}
}
@media (max-height:500px){
  .ak-editor-top-left,.ak-editor-top-right,.ak-editor-title-pill{top:7px}
  .ak-corner-button{width:42px;height:42px;border-radius:14px}
  .ak-editor-title-pill{height:42px}
  .ak-editor-icon-dock{gap:5px;padding:5px}
  .ak-dock-button{width:42px;height:42px;border-radius:14px}
  .ak-dock-button svg{width:21px;height:21px}
  .ak-scenes-fab{bottom:7px;height:43px}
  .ak-selected-orbit-tools{bottom:7px}
  .ak-selected-orbit-tools button{width:36px;height:36px;border-radius:12px}
  .ak-floating-panel{width:min(370px,48vw)}
  .ak-floating-panel-header{padding:8px 10px}
  .ak-floating-panel-body{padding:9px}
  .ak-floating-panel-footer{padding:8px 10px}
}

/* =========================================================
   V3.6.0 — PAINÉIS FIXOS / GALERIA / PRÉVIA / HOME APP
   ========================================================= */

/* Home: same full-screen app language on every device */
.ak-home-fullscreen{
  position:absolute;inset:0;overflow:hidden;background:
    radial-gradient(circle at 18% 18%,rgba(255,180,213,.42),transparent 28%),
    radial-gradient(circle at 84% 18%,rgba(143,220,246,.48),transparent 27%),
    radial-gradient(circle at 70% 90%,rgba(255,216,110,.28),transparent 24%),
    linear-gradient(145deg,#fff9fc,#f5f0ff 55%,#ebfaff);
}
.ak-home-decor{position:absolute;color:rgba(130,88,192,.18);font-size:clamp(80px,18vw,230px);font-weight:1000;pointer-events:none;user-select:none}
.ak-home-decor-one{left:-3vw;top:15vh;transform:rotate(-13deg)}.ak-home-decor-two{right:2vw;top:18vh;transform:rotate(18deg)}
.ak-home-topbar{position:absolute;z-index:10;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:10px}
.ak-home-logo-pill{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 14px 8px 9px;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 12px 32px rgba(61,42,82,.13);backdrop-filter:blur(14px)}
.ak-home-logo-pill>span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#ffe8f2,#ebe5ff);font-size:22px}.ak-home-logo-pill div{display:grid;min-width:0}.ak-home-logo-pill strong{font-size:16px;line-height:1.1}.ak-home-logo-pill small{color:var(--ak-muted);font-size:9px}
.ak-home-lock-button{display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:19px;background:rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(61,42,82,.13);font-size:20px;cursor:pointer}
.ak-home-center-stage{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;pointer-events:none;padding-bottom:104px}
.ak-home-create-button{pointer-events:auto;position:relative;display:grid;place-items:center;gap:5px;width:clamp(178px,34vw,258px);aspect-ratio:1;border:0;border-radius:42%;background:linear-gradient(145deg,#fff,#fff0f7 50%,#ebe7ff);color:var(--ak-ink);box-shadow:0 28px 80px rgba(82,54,105,.22),inset 0 0 0 3px rgba(255,255,255,.86);cursor:pointer;animation:ak-float 3s ease-in-out infinite}
.ak-home-create-button::before{content:'';position:absolute;inset:10px;border:2px dashed rgba(130,88,192,.28);border-radius:38%}
.ak-home-create-button>span{display:grid;place-items:center;width:68px;height:68px;border-radius:24px;background:linear-gradient(135deg,#7a58bd,#a076d3);color:#fff;font-size:42px;line-height:1;box-shadow:0 14px 32px rgba(108,70,155,.25)}
.ak-home-create-button strong{font-size:clamp(20px,4vw,30px);line-height:1}.ak-home-create-button small{color:var(--ak-muted);font-size:11px}
.ak-home-floating-icons{display:flex;gap:18px;margin-top:18px}.ak-home-floating-icons i{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 10px 24px rgba(71,48,91,.1);font-size:25px;font-style:normal}
.ak-home-library-dock{position:absolute;z-index:9;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:grid;gap:7px;padding:10px;border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(61,42,82,.16);backdrop-filter:blur(16px)}
.ak-home-library-title{display:flex;align-items:center;gap:8px;padding-inline:4px}.ak-home-library-title strong{font-size:12px}.ak-home-library-title span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#eee5f7;color:#6c4e84;font-size:9px;font-weight:1000}
.ak-home-story-row{display:flex;gap:8px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.ak-home-story-row::-webkit-scrollbar{display:none}
.ak-home-story-tile{display:grid;grid-template-columns:54px minmax(86px,1fr) auto;align-items:center;gap:8px;flex:0 0 min(280px,76vw);padding:7px;border:1px solid #eee5f2;border-radius:17px;background:#fff}
.ak-home-story-thumb{position:relative;display:grid;place-items:center;width:54px;height:54px;border:0;border-radius:14px;background:linear-gradient(145deg,#ffe9f2,#eaf6ff);font-size:25px;cursor:pointer}.ak-home-story-thumb small{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;min-width:18px;height:18px;border-radius:50%;background:#7b59bd;color:#fff;font-size:8px;font-weight:1000}
.ak-home-story-meta{display:grid;min-width:0}.ak-home-story-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.ak-home-story-meta span{color:var(--ak-muted);font-size:9px}
.ak-home-story-actions{display:flex;gap:4px}.ak-home-story-actions button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:12px;background:#f2ebf8;color:#6b4e83;cursor:pointer}.ak-home-story-actions svg{width:18px;height:18px}.ak-home-no-stories{display:flex;align-items:center;gap:8px;min-height:56px;padding:7px 12px;color:var(--ak-muted)}.ak-home-no-stories span{font-size:25px}.ak-home-no-stories strong{font-size:11px}

/* Dock never moves or disappears when a panel is open */
.ak-editor-top-left,.ak-editor-top-right,.ak-editor-title-pill,.ak-editor-icon-dock,.ak-scenes-fab{z-index:150!important}
.ak-editor-icon-dock{transform:translateY(-50%)!important;transition:none!important}
.ak-dock-button,.ak-dock-button.is-active{transform:none!important;transition:background .15s ease,color .15s ease!important}
.ak-panel-backdrop{z-index:80!important;right:70px!important;background:rgba(37,24,48,.20)!important;backdrop-filter:blur(1.5px)!important}
.ak-floating-panel{
  z-index:110!important;top:max(8px,env(safe-area-inset-top))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;
  right:max(74px,calc(env(safe-area-inset-right) + 68px))!important;left:auto!important;
  width:min(400px,calc(100vw - 94px))!important;height:auto!important;border-radius:26px!important;
  box-shadow:0 22px 70px rgba(44,29,59,.30)!important;transform:none!important;
}
.ak-floating-panel::before{display:none!important}.ak-floating-panel-header{padding:10px 12px!important}.ak-floating-panel-body{padding:10px!important}.ak-floating-panel-footer{padding:8px 10px!important}
@media (max-width:520px){
  .ak-floating-panel{right:64px!important;width:calc(100vw - 72px)!important;top:6px!important;bottom:6px!important;border-radius:22px!important}
  .ak-panel-backdrop{right:58px!important}
  .ak-editor-icon-dock{right:5px!important;padding:5px!important;gap:5px!important}.ak-dock-button{width:43px!important;height:43px!important;border-radius:14px!important}
}

/* Editor background: always show the whole selected image, with a soft fill behind it */
.ak-editor-bg-blur,.ak-editor-bg-fit{position:absolute;inset:0;pointer-events:none;background-position:center;background-repeat:no-repeat}
.ak-editor-bg-blur{inset:-24px;background-size:cover;filter:blur(22px) saturate(.9);opacity:.36;transform:scale(1.04);z-index:0}
.ak-editor-bg-fit{background-size:contain;z-index:1}
.ak-editor-full-stage .ak-stage-element{z-index:4!important}.ak-editor-full-stage::after{z-index:2!important}

/* Gallery: compact full-screen app, grid fills remaining space */
.ak-gallery-modal{position:fixed!important;inset:0!important;z-index:1400!important;display:block!important;background:#f7f4fb!important}
.ak-gallery-dialog{position:absolute!important;inset:0!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;width:100%!important;height:100%!important;border-radius:0!important;background:linear-gradient(180deg,#fff,#f8f5fb)!important;box-shadow:none!important;overflow:hidden!important}
.ak-gallery-appbar{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;align-items:center!important;gap:8px!important;min-height:62px!important;padding:max(7px,env(safe-area-inset-top)) 10px 7px!important;border:0!important;border-bottom:1px solid #eee5f2!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important}
.ak-gallery-appbar>button{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border:0!important;border-radius:16px!important;background:#f2ebf8!important;color:#6b4d83!important;box-shadow:none!important;cursor:pointer!important}.ak-gallery-appbar>button:last-child{background:linear-gradient(135deg,#7a58bd,#a076d3)!important;color:#fff!important}
.ak-gallery-appbar svg{width:23px;height:23px}.ak-gallery-appbar>div{display:grid!important;justify-items:center!important;min-width:0!important}.ak-gallery-appbar h2{margin:0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px!important}.ak-gallery-appbar small{color:var(--ak-muted);font-size:9px}
.ak-gallery-search{display:flex;align-items:center;gap:8px;margin:8px 10px;padding:0 13px;min-height:46px;border:2px solid #e7dced;border-radius:16px;background:#fff}.ak-gallery-search span{font-size:24px;color:#80659a}.ak-gallery-search input{width:100%;min-width:0;height:42px;padding:0;border:0;outline:0;background:transparent;color:var(--ak-ink);font-size:15px}
.ak-gallery-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(105px,1fr))!important;grid-auto-rows:minmax(118px,1fr)!important;align-content:start!important;gap:8px!important;min-height:0!important;padding:2px 10px max(10px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;overflow-x:hidden!important;background:transparent!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}
.ak-gallery-item{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;gap:5px!important;min-width:0!important;min-height:0!important;padding:6px!important;border:2px solid #eee5f2!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 18px rgba(62,43,80,.06)!important;overflow:hidden!important;cursor:pointer!important}
.ak-gallery-item>div{position:relative;display:grid;place-items:center;min-height:0;border-radius:12px;background:linear-gradient(145deg,#fbf8fc,#ecf8ff);overflow:hidden}.ak-gallery-item img{width:100%!important;height:100%!important;min-height:0!important;object-fit:contain!important;border-radius:0!important;background:transparent!important}.ak-gallery-item i{position:absolute!important;right:5px!important;top:5px!important;width:28px!important;height:28px!important;border-radius:11px!important;background:#8157c8!important;font-size:17px!important}.ak-gallery-item>span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding-inline:2px;color:#6f6178!important;font-size:9px!important;font-weight:900!important}
.ak-gallery-loading,.ak-gallery-empty{grid-column:1/-1;display:grid;place-content:center;min-height:180px;color:var(--ak-muted);text-align:center}.ak-load-more{display:none!important}
@media (orientation:landscape) and (max-height:600px){
  .ak-gallery-appbar{min-height:52px!important;padding:4px 8px!important}.ak-gallery-appbar>button{width:42px!important;height:42px!important}.ak-gallery-search{margin:5px 8px;min-height:40px}.ak-gallery-search input{height:36px}.ak-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;grid-auto-rows:128px!important;padding-inline:8px!important}
}
@media (max-width:480px) and (orientation:portrait){.ak-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:132px!important}}

/* Preview: full-screen player with overlay controls only */
.ak-kids-preview-modal{position:fixed!important;inset:0!important;z-index:1500!important;display:block!important;background:#17111d!important}
.ak-kids-preview{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;background:#17111d!important;overflow:hidden!important}
.ak-preview-screen{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;padding:0!important;background:#17111d!important;overflow:hidden!important}
.ak-preview-screen canvas{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;background:#17111d!important;object-fit:contain!important}
.ak-preview-top-overlay{position:absolute;z-index:10;left:max(9px,env(safe-area-inset-left));right:max(9px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;pointer-events:none}
.ak-preview-top-overlay>button,.ak-preview-bottom-overlay>button,.ak-preview-bottom-overlay>a{pointer-events:auto;display:grid;place-items:center;height:48px;border:0;border-radius:17px;background:rgba(255,255,255,.88);color:#604776;box-shadow:0 10px 28px rgba(0,0,0,.22);backdrop-filter:blur(12px);font-weight:1000;text-decoration:none;cursor:pointer}.ak-preview-top-overlay>button{width:48px;padding:0}.ak-preview-top-overlay svg{width:23px;height:23px}
.ak-preview-top-overlay>div{display:grid;justify-items:center;min-width:0;padding:8px 14px;border-radius:17px;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.ak-preview-top-overlay strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ak-preview-top-overlay small{color:#7e6f87;font-size:8px}
.ak-preview-bottom-overlay{position:absolute;z-index:10;left:max(9px,env(safe-area-inset-left));right:max(9px,env(safe-area-inset-right));bottom:max(9px,env(safe-area-inset-bottom));display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;border-radius:21px;background:rgba(25,17,32,.52);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(0,0,0,.25)}
.ak-preview-round{width:48px!important;padding:0!important;background:rgba(255,255,255,.92)!important}.ak-preview-action{min-width:120px;padding:0 15px!important;background:linear-gradient(135deg,#7a58bd,#a076d3)!important;color:#fff!important;white-space:nowrap}
.ak-preview-progress{display:grid;gap:4px;min-width:0}.ak-preview-progress>div{height:7px;border-radius:999px;background:rgba(255,255,255,.24);overflow:hidden}.ak-preview-progress i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#ff8eb7,#fff)}.ak-preview-progress span{color:#fff;font-size:9px;font-weight:900;text-align:center}
@media (max-width:520px){.ak-preview-bottom-overlay{grid-template-columns:46px minmax(0,1fr) 82px;gap:5px;padding:5px}.ak-preview-action{min-width:0!important;padding:0 8px!important;font-size:10px}.ak-preview-top-overlay{grid-template-columns:44px minmax(0,1fr) 44px}.ak-preview-top-overlay>button{width:44px;height:44px}.ak-preview-bottom-overlay>button,.ak-preview-bottom-overlay>a{height:44px}}

/* Small landscape: keep center and bottom library visible without any page scrolling */
@media (orientation:landscape) and (max-height:560px){
  .ak-home-topbar{top:6px}.ak-home-logo-pill{padding:5px 10px 5px 6px}.ak-home-logo-pill>span{width:36px;height:36px}.ak-home-lock-button{width:44px;height:44px}
  .ak-home-center-stage{padding-bottom:76px}.ak-home-create-button{width:min(30vw,150px)}.ak-home-create-button>span{width:48px;height:48px;border-radius:17px;font-size:30px}.ak-home-create-button strong{font-size:17px}.ak-home-create-button small{font-size:8px}.ak-home-floating-icons{display:none}
  .ak-home-library-dock{left:8px;right:8px;bottom:6px;padding:6px;border-radius:18px}.ak-home-library-title{display:none}.ak-home-story-tile{grid-template-columns:42px minmax(75px,1fr) auto;flex-basis:230px;padding:5px}.ak-home-story-thumb{width:42px;height:42px}.ak-home-story-actions button{width:32px;height:32px}
}

/* =========================================================
   V3.7.0 — FUNDO TOTAL / PAINEL COMPACTO / ANIMAÇÃO AO TOCAR
   ========================================================= */
.ak-editor-title-pill{display:none!important}

/* O cenário escolhido cobre a tela inteira, sem faixas laterais. */
.ak-editor-bg-blur,.ak-editor-bg-fit{display:none!important}
.ak-editor-bg-cover{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-position:center center;background-repeat:no-repeat;background-size:cover;
}
.ak-editor-full-stage::after{z-index:1!important}
.ak-editor-full-stage .ak-stage-element{z-index:4!important}

/* Controles menores e mais discretos. */
.ak-corner-button{width:42px!important;height:42px!important;border-radius:15px!important}
.ak-editor-icon-dock{right:max(7px,env(safe-area-inset-right))!important;gap:5px!important;padding:5px!important;border-radius:20px!important}
.ak-dock-button{width:42px!important;height:42px!important;border-radius:14px!important}
.ak-dock-button svg{width:21px!important;height:21px!important}
.ak-dock-button small{width:17px!important;height:17px!important;font-size:8px!important}
.ak-scenes-fab{height:43px!important;padding:0 11px!important;border-radius:15px!important}
.ak-selected-orbit-tools{bottom:max(7px,env(safe-area-inset-bottom))!important;padding:5px!important;border-radius:17px!important}
.ak-selected-orbit-tools button{width:36px!important;height:36px!important;border-radius:11px!important;font-size:16px!important}

/* Painel abre compacto e não domina a tela. */
.ak-panel-backdrop{right:54px!important;background:rgba(37,24,48,.16)!important}
.ak-floating-panel{
  top:8%!important;bottom:8%!important;
  right:max(56px,calc(env(safe-area-inset-right) + 52px))!important;
  width:min(320px,72vw)!important;
  border-radius:22px!important;
}
.ak-floating-panel-header{padding:8px 9px!important}
.ak-floating-panel-header>div>svg{width:22px!important;height:22px!important}
.ak-floating-panel-header strong{font-size:13px!important}
.ak-floating-panel-header small{font-size:8px!important;max-width:190px!important}
.ak-panel-close{width:35px!important;height:35px!important;border-radius:12px!important}
.ak-floating-panel-body{padding:8px!important}
.ak-floating-panel-footer{padding:6px 8px!important;gap:6px!important}
.ak-floating-panel-footer button{min-height:40px!important;border-radius:13px!important}
.ak-floating-panel .ak-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.ak-floating-panel .ak-action-grid button{min-height:58px!important;padding:4px!important;border-radius:12px!important}
.ak-floating-panel .ak-action-grid button span{font-size:21px!important}
.ak-floating-panel .ak-action-grid button small{font-size:7px!important}
.ak-floating-panel .ak-picture-gallery,
.ak-floating-panel .ak-mini-gallery,
.ak-floating-panel .ak-element-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.ak-floating-panel .ak-choose-big{min-height:68px!important;border-radius:15px!important}
.ak-floating-panel .ak-current-choice,
.ak-floating-panel .ak-current-background,
.ak-floating-panel .ak-pose-box,
.ak-floating-panel .ak-mini-section,
.ak-floating-panel .ak-format-box,
.ak-floating-panel .ak-role-switch,
.ak-floating-panel .ak-animating-who,
.ak-floating-panel .ak-scene-time,
.ak-floating-panel .ak-actions-made{border-radius:14px!important}

.ak-auto-scene-button{
  display:grid;grid-template-columns:44px minmax(0,1fr) 30px;align-items:center;gap:8px;
  width:100%;min-height:62px;margin:8px 0;padding:8px;border:0;border-radius:17px;
  background:linear-gradient(135deg,#ffedf5,#eee8ff 58%,#e8f8ff);color:var(--ak-ink);
  box-shadow:0 8px 20px rgba(75,52,100,.09);text-align:left;cursor:pointer;
}
.ak-auto-scene-button>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#7c59bd,#a87bd5);color:#fff;font-size:23px}
.ak-auto-scene-button>div{display:grid;gap:2px;min-width:0}.ak-auto-scene-button strong{font-size:12px}.ak-auto-scene-button small{color:var(--ak-muted);font-size:8px;line-height:1.25}.ak-auto-scene-button i{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#fff;color:#7a58bd;font-size:11px;font-style:normal}.ak-auto-scene-button:disabled{opacity:.45}

/* Galeria mais leve: cartões compactos e mais imagens visíveis. */
.ak-gallery-appbar{min-height:52px!important;padding:5px 8px!important}
.ak-gallery-appbar>button{width:40px!important;height:40px!important;border-radius:13px!important}
.ak-gallery-appbar h2{font-size:15px!important}.ak-gallery-appbar small{font-size:8px!important}
.ak-gallery-search{min-height:40px!important;margin:5px 8px!important;border-radius:13px!important}.ak-gallery-search input{height:36px!important;font-size:13px!important}
.ak-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important;grid-auto-rows:108px!important;gap:6px!important;padding:2px 8px 8px!important}
.ak-gallery-item{padding:4px!important;border-radius:13px!important}.ak-gallery-item>div{border-radius:9px!important}.ak-gallery-item i{width:24px!important;height:24px!important;border-radius:9px!important;font-size:15px!important}.ak-gallery-item>span{font-size:7px!important}

@media (max-width:600px){
  .ak-floating-panel{top:6%!important;bottom:6%!important;width:min(278px,74vw)!important;right:52px!important;border-radius:19px!important}
  .ak-panel-backdrop{right:48px!important}
  .ak-editor-icon-dock{right:4px!important;padding:4px!important;gap:4px!important}
  .ak-dock-button{width:38px!important;height:38px!important;border-radius:12px!important}
  .ak-dock-button svg{width:19px!important;height:19px!important}
  .ak-corner-button{width:39px!important;height:39px!important;border-radius:13px!important}
  .ak-editor-top-left{left:6px!important;top:6px!important}.ak-editor-top-right{right:6px!important;top:6px!important;gap:5px!important}
  .ak-scenes-fab{left:6px!important;bottom:6px!important;height:39px!important}
  .ak-selected-orbit-tools button{width:33px!important;height:33px!important}
  .ak-floating-panel .ak-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ak-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:95px!important}
}

@media (orientation:landscape) and (max-height:600px){
  .ak-floating-panel{top:5px!important;bottom:5px!important;width:min(300px,36vw)!important;right:54px!important}
  .ak-floating-panel-header{padding:6px 8px!important}.ak-floating-panel-body{padding:6px!important}.ak-floating-panel-footer{padding:5px 7px!important}
  .ak-floating-panel .ak-action-grid button{min-height:52px!important}
  .ak-auto-scene-button{min-height:54px;margin:5px 0;padding:5px}.ak-auto-scene-button>span{width:38px;height:38px}.ak-auto-scene-button{grid-template-columns:38px minmax(0,1fr) 26px}
  .ak-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))!important;grid-auto-rows:96px!important}
}

/* =========================================================
   V3.8.0 — MESMO CANVAS NA EDIÇÃO E NA PRÉVIA + EFEITOS
   ========================================================= */
/* O editor e o player usam o mesmo palco lógico. O palco cobre a tela,
   mas mantém a proporção do vídeo, portanto posições e tamanhos coincidem. */
.ak-editor-canvas .ak-editor-stage-viewport{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  overflow:hidden!important;pointer-events:auto!important;
}
.ak-editor-canvas .ak-editor-stage-viewport .ak-logical-stage{
  position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  inset:auto!important;margin:0!important;padding:0!important;max-width:none!important;max-height:none!important;
  transform:translate(-50%,-50%)!important;overflow:hidden!important;
}
.ak-editor-stage-viewport.is-format-landscape .ak-logical-stage{
  width:max(100vw,calc(100dvh * 1.7777778))!important;
  height:max(100dvh,calc(100vw * .5625))!important;
}
.ak-editor-stage-viewport.is-format-portrait .ak-logical-stage{
  width:max(100vw,calc(100dvh * .5625))!important;
  height:max(100dvh,calc(100vw * 1.7777778))!important;
}
.ak-editor-stage-viewport.is-format-square .ak-logical-stage{
  width:max(100vw,100dvh)!important;height:max(100vw,100dvh)!important;
}

/* Prévia sem cabeçalho e usando exatamente a mesma geometria do editor. */
.ak-preview-mini-controls{
  position:absolute;z-index:14;top:max(7px,env(safe-area-inset-top));left:max(7px,env(safe-area-inset-left));
  display:flex;gap:6px;
}
.ak-preview-mini-controls button{
  display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:14px;
  background:rgba(255,255,255,.9);color:#684c7d;box-shadow:0 8px 24px rgba(0,0,0,.17);backdrop-filter:blur(10px);cursor:pointer;
}
.ak-preview-mini-controls svg{width:20px;height:20px}
.ak-preview-screen canvas{
  position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;max-width:none!important;max-height:none!important;border-radius:0!important;
}
.ak-kids-preview.is-landscape .ak-preview-screen canvas{
  width:max(100vw,calc(100dvh * 1.7777778))!important;
  height:max(100dvh,calc(100vw * .5625))!important;
}
.ak-kids-preview.is-portrait .ak-preview-screen canvas{
  width:max(100vw,calc(100dvh * .5625))!important;
  height:max(100dvh,calc(100vw * 1.7777778))!important;
}
.ak-kids-preview.is-square .ak-preview-screen canvas{
  width:max(100vw,100dvh)!important;height:max(100vw,100dvh)!important;
}
.ak-preview-bottom-overlay{
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  width:min(460px,calc(100vw - 18px))!important;grid-template-columns:42px minmax(0,1fr) 52px!important;
  gap:6px!important;padding:5px!important;border-radius:18px!important;background:rgba(31,21,39,.58)!important;
}
.ak-preview-round,.ak-preview-action{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:13px!important}
.ak-preview-progress>div{height:5px!important}.ak-preview-progress span{font-size:8px!important}

/* Menus menores e mais limpos em celular, tablet e desktop. */
.ak-editor-icon-dock{gap:4px!important;padding:4px!important;border-radius:18px!important}
.ak-dock-button{width:36px!important;height:36px!important;border-radius:12px!important}
.ak-dock-button svg{width:18px!important;height:18px!important}.ak-dock-button small{width:15px!important;height:15px!important;font-size:7px!important}
.ak-corner-button{width:38px!important;height:38px!important;border-radius:13px!important}.ak-corner-button svg{width:19px!important;height:19px!important}
.ak-scenes-fab{height:38px!important;padding-inline:9px!important;border-radius:13px!important}.ak-scenes-fab svg{width:19px!important;height:19px!important}.ak-scenes-fab span{font-size:9px!important}
.ak-floating-panel{
  top:6px!important;bottom:6px!important;right:max(46px,calc(env(safe-area-inset-right) + 42px))!important;
  width:min(260px,32vw)!important;border-radius:18px!important;
}
.ak-panel-backdrop{right:42px!important;background:rgba(36,24,47,.12)!important;backdrop-filter:blur(1px)!important}
.ak-floating-panel-header{padding:6px 7px!important}.ak-floating-panel-header strong{font-size:12px!important}.ak-floating-panel-header small{display:none!important}
.ak-floating-panel-header>div>svg{width:19px!important;height:19px!important}.ak-panel-close{width:32px!important;height:32px!important;border-radius:10px!important}.ak-panel-close svg{width:17px!important;height:17px!important}
.ak-floating-panel-body{padding:6px!important}.ak-floating-panel-footer{padding:5px 6px!important}.ak-floating-panel-footer button{min-height:36px!important;border-radius:11px!important}
.ak-floating-panel .ak-choose-big{min-height:58px!important;padding:7px!important}.ak-floating-panel .ak-choose-big>span{font-size:22px!important}.ak-floating-panel .ak-choose-big strong{font-size:11px!important}.ak-floating-panel .ak-choose-big small{font-size:7px!important}
.ak-floating-panel .ak-mini-section{padding:7px!important}.ak-floating-panel h3{font-size:11px!important;margin-bottom:5px!important}
.ak-floating-panel .ak-role-switch button{min-height:35px!important;font-size:10px!important}
.ak-floating-panel .ak-current-choice,.ak-floating-panel .ak-current-background,.ak-floating-panel .ak-animating-who{padding:6px!important}
.ak-floating-panel .ak-current-choice img,.ak-floating-panel .ak-animating-who img{width:42px!important;height:42px!important}
.ak-floating-panel .ak-scene-name input{min-height:36px!important;font-size:11px!important}
.ak-floating-panel .ak-picture-gallery,.ak-floating-panel .ak-mini-gallery,.ak-floating-panel .ak-element-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}

/* Animações divididas em três abas para o painel não ficar enorme. */
.ak-animation-compact{display:grid;gap:6px!important}
.ak-animating-mini{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;width:100%;border:0;text-align:left;cursor:pointer}
.ak-animating-mini img{width:38px!important;height:38px!important}.ak-animating-mini strong{font-size:11px!important}.ak-animating-mini span{font-size:7px!important}
.ak-animation-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.ak-animation-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:4px;border:1px solid #eadff0;border-radius:11px;background:#fff;color:#6a4d7d;cursor:pointer}
.ak-animation-tabs button span{font-size:15px}.ak-animation-tabs button small{font-size:8px;font-weight:1000}.ak-animation-tabs button.is-active{border-color:#9470c5;background:#eee6f8;color:#67458a}
.ak-action-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
.ak-action-grid-compact button{min-height:48px!important;padding:3px!important;border-radius:10px!important}.ak-action-grid-compact button span{font-size:18px!important}.ak-action-grid-compact button small{font-size:7px!important}
.ak-scene-time-compact{padding:6px!important}.ak-scene-time-compact strong,.ak-scene-time-compact span{font-size:8px!important}
.ak-actions-collapsed{padding:5px;border:1px solid #eadff0;border-radius:11px;background:#fcf9fd}.ak-actions-collapsed summary{font-size:9px;font-weight:1000;cursor:pointer}.ak-actions-collapsed .ak-action-list{margin-top:5px}
.ak-auto-scene-button{min-height:48px!important;margin:2px 0!important;padding:5px!important;grid-template-columns:34px minmax(0,1fr) 22px!important;border-radius:13px!important}.ak-auto-scene-button>span{width:34px!important;height:34px!important;font-size:18px!important}.ak-auto-scene-button strong{font-size:10px!important}.ak-auto-scene-button small{font-size:7px!important}.ak-auto-scene-button i{width:22px!important;height:22px!important}

/* Galeria compacta e uniforme. */
.ak-gallery-appbar{min-height:46px!important}.ak-gallery-appbar h2{font-size:13px!important}.ak-gallery-appbar small{font-size:7px!important}
.ak-gallery-search{min-height:36px!important}.ak-gallery-search input{height:32px!important;font-size:12px!important}
.ak-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))!important;grid-auto-rows:92px!important;gap:5px!important}
.ak-gallery-item i{width:21px!important;height:21px!important;font-size:13px!important}.ak-gallery-item>span{font-size:6px!important}

@media (max-width:700px){
  .ak-floating-panel{width:min(225px,62vw)!important;right:42px!important;top:5px!important;bottom:5px!important}
  .ak-panel-backdrop{right:38px!important}
  .ak-editor-icon-dock{right:3px!important}.ak-dock-button{width:33px!important;height:33px!important}.ak-dock-button svg{width:17px!important;height:17px!important}
  .ak-editor-top-left{left:5px!important;top:5px!important}.ak-editor-top-right{right:5px!important;top:5px!important}
  .ak-corner-button{width:35px!important;height:35px!important}
  .ak-scenes-fab{left:5px!important;bottom:5px!important;height:35px!important}
  .ak-floating-panel .ak-action-grid,.ak-action-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ak-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:84px!important}
}
@media (orientation:landscape) and (max-height:560px){
  .ak-floating-panel{width:min(230px,29vw)!important}
  .ak-floating-panel-body{padding:5px!important}
  .ak-action-grid-compact button{min-height:43px!important}.ak-action-grid-compact button span{font-size:16px!important}
  .ak-auto-scene-button{min-height:43px!important}
}


/* =========================================================
   V3.8.1 — hotfix do palco cheio + preview idêntica + UI menor
   ========================================================= */
/* Corrige o bug em que o cenário ficava só em uma parte da tela.
   O palco lógico volta a ocupar exatamente a área total do editor. */
.ak-editor-canvas .ak-editor-stage-viewport,
.ak-editor-canvas .ak-editor-stage-viewport.is-format-landscape,
.ak-editor-canvas .ak-editor-stage-viewport.is-format-portrait,
.ak-editor-canvas .ak-editor-stage-viewport.is-format-square{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
}
.ak-editor-canvas .ak-editor-stage-viewport .ak-logical-stage,
.ak-editor-canvas .ak-editor-stage-viewport.is-format-landscape .ak-logical-stage,
.ak-editor-canvas .ak-editor-stage-viewport.is-format-portrait .ak-logical-stage,
.ak-editor-canvas .ak-editor-stage-viewport.is-format-square .ak-logical-stage{
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:hidden!important;
}
.ak-editor-full-stage,
.ak-editor-bg-cover{
  width:100%!important;
  height:100%!important;
}

/* Editor mais limpo e compacto no celular/tablet. */
.ak-editor-title-pill{display:none!important}
.ak-editor-top-left{left:max(6px,env(safe-area-inset-left))!important;top:max(6px,env(safe-area-inset-top))!important}
.ak-editor-top-right{right:max(6px,env(safe-area-inset-right))!important;top:max(6px,env(safe-area-inset-top))!important;gap:5px!important}
.ak-corner-button{width:36px!important;height:36px!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(61,42,82,.11)!important}
.ak-corner-button svg{width:18px!important;height:18px!important}
.ak-editor-icon-dock{right:max(4px,env(safe-area-inset-right))!important;top:140px!important;gap:3px!important;padding:4px!important;border-radius:18px!important;box-shadow:0 8px 20px rgba(61,42,82,.10)!important}
.ak-dock-button{width:36px!important;height:36px!important;border-radius:11px!important}
.ak-dock-button svg{width:17px!important;height:17px!important}
.ak-dock-button small{width:15px!important;height:15px!important;font-size:7px!important}
.ak-scenes-fab{left:max(6px,env(safe-area-inset-left))!important;bottom:max(6px,env(safe-area-inset-bottom))!important;height:36px!important;padding:0 9px!important;border-radius:12px!important;font-size:11px!important;gap:7px!important}
.ak-scenes-fab svg{width:15px!important;height:15px!important}
.ak-selected-orbit-tools{left:50%!important;bottom:max(8px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;padding:4px!important;gap:4px!important;border-radius:14px!important;box-shadow:0 8px 18px rgba(61,42,82,.12)!important}
.ak-selected-orbit-tools button{width:32px!important;height:32px!important;border-radius:10px!important;font-size:15px!important}

/* Painel lateral menor e menos poluído. */
.ak-panel-backdrop{right:44px!important;background:rgba(37,24,48,.12)!important}
.ak-floating-panel{
  top:10px!important;
  bottom:10px!important;
  right:max(44px,calc(env(safe-area-inset-right) + 40px))!important;
  width:min(260px,58vw)!important;
  border-radius:18px!important;
  box-shadow:0 12px 28px rgba(40,27,53,.15)!important;
}
.ak-floating-panel-header{padding:8px 10px!important;gap:8px!important}
.ak-floating-panel-header h2{font-size:12px!important;line-height:1.15!important}
.ak-floating-panel-header p{display:none!important}
.ak-floating-panel-header>span,
.ak-floating-panel-header>button{width:32px!important;height:32px!important;border-radius:10px!important;font-size:14px!important}
.ak-floating-panel-body{padding:8px!important}
.ak-floating-panel-footer{padding:6px 8px!important;gap:6px!important}
.ak-floating-panel-footer button{min-height:40px!important;border-radius:12px!important}
.ak-floating-panel .ak-tool-card,
.ak-floating-panel .ak-mini-section,
.ak-floating-panel .ak-current-choice,
.ak-floating-panel .ak-current-background,
.ak-floating-panel .ak-actions-made,
.ak-floating-panel .ak-format-box,
.ak-floating-panel .ak-role-switch,
.ak-floating-panel .ak-pose-box,
.ak-floating-panel .ak-scene-time,
.ak-floating-panel .ak-animating-who{padding:8px!important;border-radius:14px!important}
.ak-floating-panel .ak-choose-big{min-height:74px!important;border-radius:16px!important;padding:10px!important}
.ak-floating-panel .ak-choose-big strong{font-size:14px!important}
.ak-floating-panel .ak-choose-big small{font-size:10px!important;line-height:1.2!important}
.ak-floating-panel .ak-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.ak-floating-panel .ak-action-grid button{min-height:66px!important;padding:8px!important;border-radius:14px!important}
.ak-floating-panel .ak-action-grid strong{font-size:11px!important}
.ak-floating-panel .ak-action-grid small{font-size:8px!important;line-height:1.15!important}
.ak-floating-panel .ak-picture-gallery,
.ak-floating-panel .ak-mini-gallery,
.ak-floating-panel .ak-element-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
.ak-floating-panel .ak-picture-gallery button,
.ak-floating-panel .ak-mini-gallery button,
.ak-floating-panel .ak-element-list button{padding:6px!important;border-radius:12px!important}
.ak-floating-panel .ak-auto-scene-button{min-height:58px!important;margin:4px 0 8px!important;padding:6px!important;grid-template-columns:34px minmax(0,1fr) 24px!important;border-radius:14px!important}
.ak-floating-panel .ak-auto-scene-button>span{width:34px!important;height:34px!important;border-radius:11px!important;font-size:18px!important}
.ak-floating-panel .ak-auto-scene-button strong{font-size:11px!important}
.ak-floating-panel .ak-auto-scene-button small{font-size:8px!important}
.ak-floating-panel .ak-auto-scene-button i{width:24px!important;height:24px!important;border-radius:8px!important;font-size:10px!important}

/* Preview sem cabeçalho poluído e com o mesmo preenchimento do editor. */
.ak-kids-preview header,
.ak-preview-top-overlay,
.ak-preview-header,
.ak-preview-title{display:none!important}
.ak-kids-preview,
.ak-preview-screen{background:#17111d!important}
.ak-preview-screen canvas{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  transform:none!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  border-radius:0!important;
  background:#17111d!important;
}
.ak-preview-mini-controls{top:max(6px,env(safe-area-inset-top))!important;left:max(6px,env(safe-area-inset-left))!important;gap:5px!important}
.ak-preview-mini-controls button{width:34px!important;height:34px!important;border-radius:12px!important}
.ak-preview-mini-controls svg{width:17px!important;height:17px!important}
.ak-preview-bottom-overlay{
  left:max(6px,env(safe-area-inset-left))!important;
  right:max(6px,env(safe-area-inset-right))!important;
  bottom:max(6px,env(safe-area-inset-bottom))!important;
  grid-template-columns:40px minmax(0,1fr) 96px!important;
  gap:6px!important;
  padding:5px!important;
  border-radius:16px!important;
}
.ak-preview-bottom-overlay>button,.ak-preview-bottom-overlay>a{height:38px!important;border-radius:12px!important;font-size:11px!important}
.ak-preview-progress span{font-size:10px!important}

/* Ajustes extras para celulares pequenos e horizontais. */
@media (max-width: 700px), (max-height: 540px){
  .ak-floating-panel{
    width:min(220px,52vw)!important;
    right:max(42px,calc(env(safe-area-inset-right) + 38px))!important;
  }
  .ak-floating-panel .ak-picture-gallery,
  .ak-floating-panel .ak-mini-gallery,
  .ak-floating-panel .ak-element-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ak-floating-panel .ak-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ak-editor-icon-dock{top:132px!important}
}

/* V3.9.0 — vários protagonistas e painel compacto */
.ak-protagonists-section{padding:9px!important;border:1px solid var(--ak-border);border-radius:16px;background:#fff}
.ak-protagonist-list{display:grid;gap:6px}
.ak-protagonist-list>div{display:grid;grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;gap:8px;padding:6px;border:1px solid #eee7f2;border-radius:12px;background:#fcfaff}
.ak-protagonist-list img{width:42px;height:42px;object-fit:contain;border-radius:9px;background:#f4eef8}
.ak-protagonist-list span{display:grid;min-width:0}
.ak-protagonist-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.ak-protagonist-list small{color:#8a7b92;font-size:9px;font-weight:850}
.ak-protagonist-list button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:9px;background:#ffe5ed;color:#b6335e;font-size:18px;font-weight:1000;cursor:pointer}
.ak-add-protagonist{min-height:38px;border:1px dashed #a98bcf;border-radius:12px;background:#f7f0ff;color:var(--ak-purple-dark);font-size:11px;font-weight:1000;cursor:pointer}
.ak-protagonist-note{color:#84768b;font-size:9px;line-height:1.35}
.ak-animation-card .ak-action-grid-compact{max-height:280px;overflow:auto;padding-right:2px;overscroll-behavior:contain}
@media(max-width:700px), (max-height:560px){
  .ak-protagonist-list>div{grid-template-columns:36px minmax(0,1fr) 28px;padding:4px}
  .ak-protagonist-list img{width:36px;height:36px}
  .ak-animation-card .ak-action-grid-compact{max-height:220px}
}

/* =========================================================
   V3.10.0 — CENAS EDITÁVEIS + EXPERIÊNCIA DESKTOP AMPLA
   ========================================================= */

/* O tema do WordPress não pode pintar o botão/imagem selecionado de azul. */
.ak-fullscreen-editor .ak-stage-element,
.ak-fullscreen-editor .ak-stage-element:hover,
.ak-fullscreen-editor .ak-stage-element:active,
.ak-fullscreen-editor .ak-stage-element:focus,
.ak-fullscreen-editor .ak-stage-element:focus-visible,
.ak-fullscreen-editor .ak-stage-element.is-selected{
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  color:inherit!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
}
.ak-fullscreen-editor .ak-stage-element::selection,
.ak-fullscreen-editor .ak-stage-element img::selection{background:transparent!important}

/* Novo cartão de cena: área de abertura separada dos botões duplicar/excluir. */
.ak-scene-panel-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:6px!important;
  min-height:80px!important;
  padding:7px!important;
  border:2px solid #eee5f2!important;
  border-radius:18px!important;
  background:#fff!important;
  color:var(--ak-ink)!important;
  overflow:hidden!important;
}
.ak-scene-panel-card.is-active{
  border-color:#a889cf!important;
  background:#faf6ff!important;
  box-shadow:0 0 0 3px rgba(129,87,200,.08)!important;
}
.ak-scene-panel-open{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 74px!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  appearance:none!important;
  outline:0!important;
}
.ak-scene-panel-open:hover,
.ak-scene-panel-open:focus,
.ak-scene-panel-open:active{background:#f8f3fc!important;color:inherit!important;outline:0!important}
.ak-scene-number{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  background:#f0e8f8!important;
  color:#7757a0!important;
  font-weight:1000!important;
}
.ak-scene-panel-copy{display:grid!important;gap:3px!important;min-width:0!important}
.ak-scene-panel-copy strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}
.ak-scene-panel-copy small{color:var(--ak-muted)!important;font-size:10px!important}
.ak-scene-panel-thumb{
  display:grid!important;
  place-items:center!important;
  width:74px!important;
  height:55px!important;
  border-radius:12px!important;
  background:#edf7ff!important;
  overflow:hidden!important;
}
.ak-scene-panel-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
.ak-scene-panel-thumb i{font-size:23px!important;font-style:normal!important}
.ak-scene-panel-actions{display:grid!important;align-content:center!important;gap:5px!important}
.ak-scene-panel-actions button{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#f1eaf8!important;
  color:#684b80!important;
  cursor:pointer!important;
  appearance:none!important;
}
.ak-scene-panel-actions button:hover{background:#e9dff4!important}
.ak-scene-panel-actions button.is-delete{background:#ffe9ef!important;color:#b53d5e!important}
.ak-scene-panel-actions button.is-delete:hover{background:#ffdce6!important}
.ak-scene-panel-actions button:disabled{opacity:.32!important;cursor:not-allowed!important}
.ak-scene-panel-actions svg{width:17px!important;height:17px!important}

/* Desktop real: painel central grande e cenas em uma bandeja inferior estilo editor. */
@media (min-width:1024px) and (min-height:600px) and (pointer:fine){
  .ak-editor-top-left{top:16px!important;left:16px!important}
  .ak-editor-top-right{top:16px!important;right:18px!important;gap:12px!important}
  .ak-corner-button{
    width:54px!important;
    height:54px!important;
    border-radius:18px!important;
    box-shadow:0 12px 28px rgba(61,42,82,.16)!important;
  }
  .ak-corner-button svg{width:25px!important;height:25px!important}

  .ak-editor-icon-dock{
    top:92px!important;
    right:18px!important;
    transform:none!important;
    gap:11px!important;
    padding:9px!important;
    border-radius:25px!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:0 16px 36px rgba(61,42,82,.16)!important;
  }
  .ak-dock-button{
    width:56px!important;
    height:56px!important;
    border-radius:18px!important;
    box-shadow:0 7px 18px rgba(61,42,82,.09)!important;
  }
  .ak-dock-button svg{width:27px!important;height:27px!important}
  .ak-dock-button small{width:20px!important;height:20px!important;font-size:9px!important;right:-4px!important;top:-4px!important}
  .ak-dock-button.is-active{
    background:#f1e9f8!important;
    color:#684b80!important;
    box-shadow:inset 0 0 0 2px #b59bd4,0 7px 18px rgba(61,42,82,.1)!important;
  }
  .ak-dock-button.is-active small{background:#7f5bb2!important;color:#fff!important}

  .ak-scenes-fab{
    left:18px!important;
    bottom:18px!important;
    height:54px!important;
    padding:0 18px!important;
    gap:10px!important;
    border-radius:18px!important;
    font-size:14px!important;
    box-shadow:0 14px 32px rgba(61,42,82,.17)!important;
  }
  .ak-scenes-fab svg{width:24px!important;height:24px!important}
  .ak-scenes-fab span{font-size:12px!important}

  /* Pop-ups de personagem, cenário, objetos e animações. */
  .ak-panel-backdrop.is-step-backdrop{
    inset:0!important;
    right:0!important;
    background:rgba(34,23,43,.34)!important;
    backdrop-filter:blur(3px)!important;
  }
  .ak-floating-panel.is-step-panel{
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(900px,calc(100vw - 210px))!important;
    height:min(680px,calc(100vh - 70px))!important;
    transform:translate(-50%,-50%)!important;
    border-radius:28px!important;
    box-shadow:0 28px 80px rgba(35,23,46,.28)!important;
  }
  .ak-floating-panel.is-step-panel .ak-floating-panel-header{padding:17px 20px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-header>div>svg{width:32px!important;height:32px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-header strong{font-size:20px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-header small{display:block!important;max-width:600px!important;font-size:12px!important}
  .ak-floating-panel.is-step-panel .ak-panel-close{width:46px!important;height:46px!important;border-radius:15px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-body{padding:20px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-footer{padding:12px 20px!important;gap:12px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-footer button{min-height:52px!important;border-radius:16px!important}
  .ak-floating-panel.is-step-panel .ak-tool-card,
  .ak-floating-panel.is-step-panel .ak-mini-section,
  .ak-floating-panel.is-step-panel .ak-current-choice,
  .ak-floating-panel.is-step-panel .ak-current-background,
  .ak-floating-panel.is-step-panel .ak-actions-made,
  .ak-floating-panel.is-step-panel .ak-format-box,
  .ak-floating-panel.is-step-panel .ak-role-switch,
  .ak-floating-panel.is-step-panel .ak-pose-box,
  .ak-floating-panel.is-step-panel .ak-scene-time,
  .ak-floating-panel.is-step-panel .ak-animating-who{padding:15px!important;border-radius:20px!important}
  .ak-floating-panel.is-step-panel .ak-picture-gallery,
  .ak-floating-panel.is-step-panel .ak-mini-gallery,
  .ak-floating-panel.is-step-panel .ak-element-list{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
  .ak-floating-panel.is-step-panel .ak-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
  .ak-floating-panel.is-step-panel .ak-action-grid button{min-height:88px!important;padding:10px!important;border-radius:17px!important}
  .ak-floating-panel.is-step-panel .ak-action-grid button span{font-size:28px!important}
  .ak-floating-panel.is-step-panel .ak-action-grid button strong{font-size:13px!important}
  .ak-floating-panel.is-step-panel .ak-action-grid button small{font-size:10px!important}
  .ak-floating-panel.is-step-panel .ak-choose-big{min-height:118px!important;padding:18px!important;border-radius:22px!important}
  .ak-floating-panel.is-step-panel .ak-choose-big>span{font-size:38px!important}
  .ak-floating-panel.is-step-panel .ak-choose-big strong{font-size:18px!important}
  .ak-floating-panel.is-step-panel .ak-choose-big small{font-size:12px!important}

  /* O painel de cenas não escurece o palco e fica preso embaixo. */
  .ak-panel-backdrop.is-scenes-backdrop{
    inset:0!important;
    right:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    pointer-events:none!important;
  }
  .ak-floating-panel.is-scenes-panel{
    left:20px!important;
    right:94px!important;
    top:auto!important;
    bottom:18px!important;
    width:auto!important;
    height:224px!important;
    transform:none!important;
    border:1px solid rgba(224,212,233,.95)!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 22px 60px rgba(39,25,51,.24)!important;
    backdrop-filter:blur(18px)!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-floating-panel-header{
    min-height:58px!important;
    padding:9px 14px 8px 18px!important;
    background:linear-gradient(135deg,#fffafd,#f6f1fb)!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-floating-panel-header>div>svg{width:25px!important;height:25px!important}
  .ak-floating-panel.is-scenes-panel .ak-floating-panel-header strong{font-size:16px!important}
  .ak-floating-panel.is-scenes-panel .ak-floating-panel-header small{display:block!important;font-size:10px!important;max-width:none!important}
  .ak-floating-panel.is-scenes-panel .ak-panel-close{width:40px!important;height:40px!important;border-radius:13px!important}
  .ak-floating-panel.is-scenes-panel .ak-floating-panel-body{
    padding:12px 14px 14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:thin!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scenes-panel-list{
    display:flex!important;
    align-items:stretch!important;
    gap:12px!important;
    width:max-content!important;
    min-width:100%!important;
    height:138px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-card{
    flex:0 0 270px!important;
    width:270px!important;
    height:138px!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:19px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-open{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:88px minmax(0,1fr)!important;
    grid-template-areas:'thumb' 'copy'!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-number{
    position:absolute!important;
    z-index:2!important;
    left:7px!important;
    top:7px!important;
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 5px 14px rgba(45,29,58,.16)!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-thumb{
    grid-area:thumb!important;
    width:100%!important;
    height:88px!important;
    border-radius:13px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-copy{
    grid-area:copy!important;
    align-self:center!important;
    padding:0 3px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-copy strong{font-size:12px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-copy small{font-size:9px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions{gap:8px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions button{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions svg{width:19px!important;height:19px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-add{
    flex:0 0 150px!important;
    width:150px!important;
    height:138px!important;
    min-height:0!important;
    display:grid!important;
    place-content:center!important;
    gap:9px!important;
    border-radius:19px!important;
    font-size:13px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-add svg{width:30px!important;height:30px!important;margin:auto!important}

  /* Galeria grande, central e aproveitando a tela do computador. */
  .ak-kids-modal.ak-gallery-modal{
    place-items:center!important;
    padding:34px 88px!important;
    background:rgba(34,23,43,.48)!important;
    backdrop-filter:blur(4px)!important;
  }
  .ak-kids-modal.ak-gallery-modal .ak-gallery-dialog{
    position:relative!important;
    inset:auto!important;
    width:min(1120px,100%)!important;
    height:min(760px,100%)!important;
    border:1px solid rgba(230,219,237,.95)!important;
    border-radius:28px!important;
    box-shadow:0 30px 90px rgba(30,20,39,.35)!important;
  }
  .ak-kids-modal.ak-gallery-modal .ak-gallery-appbar{min-height:70px!important;padding:10px 16px!important}
  .ak-kids-modal.ak-gallery-modal .ak-gallery-appbar h2{font-size:20px!important}
  .ak-kids-modal.ak-gallery-modal .ak-gallery-appbar small{font-size:11px!important}
  .ak-kids-modal.ak-gallery-modal .ak-gallery-search{margin:10px 16px!important;min-height:48px!important}
  .ak-kids-modal.ak-gallery-modal .ak-gallery-search input{height:44px!important;font-size:14px!important}
  .ak-kids-modal.ak-gallery-modal .ak-gallery-grid{
    grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;
    grid-auto-rows:154px!important;
    gap:11px!important;
    padding:4px 16px 18px!important;
  }
  .ak-kids-modal.ak-gallery-modal .ak-gallery-item{padding:8px!important;border-radius:18px!important}
  .ak-kids-modal.ak-gallery-modal .ak-gallery-item>span{font-size:10px!important}
  .ak-kids-modal.ak-gallery-modal .ak-gallery-item i{width:30px!important;height:30px!important;font-size:18px!important}
}

/* Camadas finais do desktop: a bandeja cobre o botão que a abriu e o modal central cobre a barra. */
@media (min-width:1024px) and (min-height:600px) and (pointer:fine){
  .ak-panel-backdrop.is-step-backdrop{z-index:170!important}
  .ak-floating-panel.is-step-panel{z-index:180!important}
  .ak-floating-panel.is-scenes-panel{z-index:160!important}
  .ak-fullscreen-editor.has-scenes-panel .ak-scenes-fab{opacity:0!important;pointer-events:none!important}
}

/* Reforço contra estilos azuis de foco herdados do tema. */
body.ak-story-studio-page .ak-fullscreen-editor button.ak-stage-element,
body.ak-story-studio-page .ak-fullscreen-editor button.ak-stage-element:hover,
body.ak-story-studio-page .ak-fullscreen-editor button.ak-stage-element:active,
body.ak-story-studio-page .ak-fullscreen-editor button.ak-stage-element:focus,
body.ak-story-studio-page .ak-fullscreen-editor button.ak-stage-element:focus-visible{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  outline:0!important;
  box-shadow:none!important;
}


/* =========================================================
   V3.11.0 — PRÉVIA POR CENA + TABLET/MOBILE HORIZONTAL + CORES
   ========================================================= */

/* Modais são inseridos diretamente no body; os SVGs precisam do traço-base. */
.ak-kids-modal svg,
.ak-kids-preview-modal svg{
  display:block!important;
  width:24px;
  height:24px;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.ak-gallery-appbar>button svg{width:23px!important;height:23px!important}

/* Terceiro botão dos cartões: visualizar somente aquela cena. */
.ak-scene-panel-actions button.is-preview{
  background:#eaf5ff!important;
  color:#356c99!important;
}
.ak-scene-panel-actions button.is-preview:hover{background:#dceeff!important}
.ak-scene-color-thumb{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
}

/* Fundo por cor simples ou por duas cores. */
.ak-current-background{
  display:grid!important;
  grid-template-columns:minmax(90px,150px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
}
.ak-current-background>img,
.ak-current-background-swatch{
  display:block!important;
  width:100%!important;
  height:96px!important;
  border-radius:15px!important;
  object-fit:cover!important;
  border:1px solid rgba(113,82,138,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important;
}
.ak-current-background>div{display:grid!important;gap:8px!important;min-width:0!important}
.ak-current-background>div strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
}
.ak-current-background>div button{
  min-height:38px!important;
  padding:7px 10px!important;
  border:0!important;
  border-radius:12px!important;
  background:#8059c2!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
.ak-background-color-section{display:grid!important;gap:10px!important}
.ak-background-color-section>p{margin:0!important;color:var(--ak-muted)!important;font-size:10px!important;line-height:1.4!important}
.ak-color-preset-grid,
.ak-gradient-preset-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
}
.ak-color-preset-grid button,
.ak-gradient-preset-grid button{
  min-width:0!important;
  height:36px!important;
  padding:0!important;
  border:2px solid rgba(101,73,126,.14)!important;
  border-radius:11px!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)!important;
  cursor:pointer!important;
}
.ak-gradient-preset-grid button{height:42px!important}
.ak-custom-background-colors{
  display:grid!important;
  grid-template-columns:1fr 1.35fr!important;
  gap:8px!important;
}
.ak-custom-background-colors>label,
.ak-custom-background-colors>div{
  display:grid!important;
  gap:6px!important;
  padding:8px!important;
  border:1px solid var(--ak-border)!important;
  border-radius:13px!important;
  background:#fff!important;
}
.ak-custom-background-colors span{font-size:9px!important;font-weight:1000!important}
.ak-custom-background-colors input[type="color"]{
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  padding:2px!important;
  border:1px solid #e5d9eb!important;
  border-radius:10px!important;
  background:#fff!important;
  cursor:pointer!important;
}
.ak-custom-background-colors>div>label{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
}
.ak-custom-background-colors button{
  min-height:34px!important;
  border:0!important;
  border-radius:10px!important;
  background:#eee6f8!important;
  color:#6d4b8e!important;
  font-size:9px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}

/* Prévia isolada da cena: vídeo central, sem sair visualmente do editor. */
.ak-kids-preview-modal.is-scene-preview{
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  background:rgba(25,17,31,.70)!important;
  backdrop-filter:blur(8px)!important;
}
.ak-kids-preview-modal.is-scene-preview .ak-kids-preview{
  position:relative!important;
  inset:auto!important;
  height:auto!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:24px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
}
.ak-kids-preview-modal.is-scene-preview .ak-kids-preview.is-landscape{
  width:min(1040px,94vw,calc(88dvh * 1.7777778))!important;
  aspect-ratio:16/9!important;
}
.ak-kids-preview-modal.is-scene-preview .ak-kids-preview.is-portrait{
  width:min(500px,86vw,calc(88dvh * .5625))!important;
  aspect-ratio:9/16!important;
}
.ak-kids-preview-modal.is-scene-preview .ak-kids-preview.is-square{
  width:min(760px,86vw,86dvh)!important;
  aspect-ratio:1!important;
}
.ak-scene-preview-label{
  position:absolute!important;
  z-index:20!important;
  left:50%!important;
  top:10px!important;
  transform:translateX(-50%)!important;
  max-width:60%!important;
  padding:7px 13px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.90)!important;
  color:#604776!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(10px)!important;
  font-size:11px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.ak-kids-preview-modal.is-scene-preview .ak-preview-screen{border-radius:inherit!important}
.ak-kids-preview-modal.is-scene-preview .ak-preview-screen canvas{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Três ações precisam caber no cartão horizontal do computador. */
@media (min-width:1024px) and (min-height:600px) and (pointer:fine){
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions{gap:5px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions button{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions svg{width:17px!important;height:17px!important}
}

/* Celular e tablet em modo horizontal: bandeja inferior e pop-ups centrais. */
@media (orientation:landscape) and (pointer:coarse),
       (orientation:landscape) and (max-width:1023px){
  .ak-editor-top-left{top:8px!important;left:8px!important}
  .ak-editor-top-right{top:8px!important;right:8px!important;gap:10px!important}
  .ak-corner-button{
    width:46px!important;
    height:46px!important;
    border-radius:16px!important;
    box-shadow:0 10px 26px rgba(61,42,82,.17)!important;
  }
  .ak-corner-button svg{width:22px!important;height:22px!important}

  .ak-editor-icon-dock{
    top:50%!important;
    right:7px!important;
    transform:translateY(-50%)!important;
    gap:7px!important;
    padding:6px!important;
    border-radius:21px!important;
    background:rgba(255,255,255,.84)!important;
  }
  .ak-dock-button{
    width:43px!important;
    height:43px!important;
    border-radius:14px!important;
  }
  .ak-dock-button svg{width:21px!important;height:21px!important}
  .ak-dock-button small{width:17px!important;height:17px!important;font-size:8px!important}

  .ak-scenes-fab{
    left:8px!important;
    bottom:8px!important;
    height:44px!important;
    padding:0 12px!important;
    border-radius:15px!important;
  }
  .ak-scenes-fab svg{width:21px!important;height:21px!important}
  .ak-fullscreen-editor.has-scenes-panel .ak-scenes-fab{opacity:0!important;pointer-events:none!important}

  /* Cenas iguais ao desktop, porém dimensionadas pela altura disponível. */
  .ak-panel-backdrop.is-scenes-backdrop{
    inset:0!important;
    right:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    pointer-events:none!important;
    z-index:150!important;
  }
  .ak-floating-panel.is-scenes-panel{
    left:8px!important;
    right:60px!important;
    top:auto!important;
    bottom:7px!important;
    width:auto!important;
    height:clamp(158px,44dvh,205px)!important;
    transform:none!important;
    border:1px solid rgba(224,212,233,.96)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 20px 56px rgba(39,25,51,.28)!important;
    backdrop-filter:blur(16px)!important;
    z-index:160!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-floating-panel-header{
    min-height:44px!important;
    padding:6px 9px 5px 12px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-floating-panel-header>div>svg{width:21px!important;height:21px!important}
  .ak-floating-panel.is-scenes-panel .ak-floating-panel-header strong{font-size:13px!important}
  .ak-floating-panel.is-scenes-panel .ak-floating-panel-header small{display:block!important;font-size:8px!important}
  .ak-floating-panel.is-scenes-panel .ak-panel-close{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-floating-panel-body{
    padding:7px 8px 9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scenes-panel-list{
    display:flex!important;
    align-items:stretch!important;
    gap:8px!important;
    width:max-content!important;
    min-width:100%!important;
    height:100%!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-card{
    flex:0 0 clamp(190px,34vw,250px)!important;
    width:clamp(190px,34vw,250px)!important;
    height:100%!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) 32px!important;
    gap:5px!important;
    padding:5px!important;
    border-radius:16px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-open{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(58px,1fr) 28px!important;
    grid-template-areas:'thumb' 'copy'!important;
    gap:3px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-number{
    position:absolute!important;
    z-index:2!important;
    left:5px!important;
    top:5px!important;
    width:27px!important;
    height:27px!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 4px 12px rgba(45,29,58,.14)!important;
    font-size:10px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-thumb{
    grid-area:thumb!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    border-radius:11px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-copy{
    grid-area:copy!important;
    align-self:center!important;
    padding:0 2px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-copy strong{font-size:10px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-copy small{font-size:7px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions{
    display:grid!important;
    align-content:center!important;
    gap:4px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions button{
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions svg{width:15px!important;height:15px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-add{
    flex:0 0 118px!important;
    width:118px!important;
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    place-content:center!important;
    gap:7px!important;
    border-radius:16px!important;
    font-size:10px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-add svg{width:25px!important;height:25px!important;margin:auto!important}

  /* Personagem, fundo, objetos, animação e assistir em pop-up central amplo. */
  .ak-panel-backdrop.is-step-backdrop{
    inset:0!important;
    right:0!important;
    background:rgba(34,23,43,.40)!important;
    backdrop-filter:blur(3px)!important;
    z-index:170!important;
  }
  .ak-floating-panel.is-step-panel{
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(880px,calc(100vw - 92px))!important;
    height:min(620px,calc(100dvh - 18px))!important;
    transform:translate(-50%,-50%)!important;
    border-radius:22px!important;
    box-shadow:0 26px 76px rgba(35,23,46,.34)!important;
    z-index:180!important;
  }
  .ak-floating-panel.is-step-panel .ak-floating-panel-header{padding:8px 11px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-header strong{font-size:14px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-header small{display:block!important;max-width:520px!important;font-size:8px!important}
  .ak-floating-panel.is-step-panel .ak-panel-close{width:36px!important;height:36px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-body{padding:9px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-footer{padding:6px 9px!important;gap:8px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-footer button{min-height:40px!important}
  .ak-floating-panel.is-step-panel .ak-picture-gallery,
  .ak-floating-panel.is-step-panel .ak-mini-gallery,
  .ak-floating-panel.is-step-panel .ak-element-list{
    grid-template-columns:repeat(auto-fill,minmax(82px,1fr))!important;
    gap:7px!important;
  }
  .ak-floating-panel.is-step-panel .ak-action-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .ak-floating-panel.is-step-panel .ak-action-grid button{min-height:60px!important}
  .ak-floating-panel.is-step-panel .ak-color-preset-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}
  .ak-floating-panel.is-step-panel .ak-gradient-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}

  /* Galeria central e grande também no toque. */
  .ak-kids-modal.ak-gallery-modal{
    display:grid!important;
    place-items:center!important;
    padding:8px!important;
    background:rgba(34,23,43,.50)!important;
    backdrop-filter:blur(4px)!important;
  }
  .ak-kids-modal.ak-gallery-modal .ak-gallery-dialog{
    position:relative!important;
    inset:auto!important;
    width:min(1100px,calc(100vw - 16px))!important;
    height:min(720px,calc(100dvh - 16px))!important;
    border:1px solid rgba(230,219,237,.96)!important;
    border-radius:22px!important;
    box-shadow:0 26px 80px rgba(30,20,39,.38)!important;
  }
  .ak-kids-modal.ak-gallery-modal .ak-gallery-appbar{
    min-height:48px!important;
    padding:4px 7px!important;
  }
  .ak-kids-modal.ak-gallery-modal .ak-gallery-appbar>button{
    width:40px!important;
    height:40px!important;
    border-radius:13px!important;
  }
  .ak-kids-modal.ak-gallery-modal .ak-gallery-search{margin:5px 8px!important;min-height:38px!important}
  .ak-kids-modal.ak-gallery-modal .ak-gallery-search input{height:34px!important}
  .ak-kids-modal.ak-gallery-modal .ak-gallery-grid{
    grid-template-columns:repeat(auto-fill,minmax(94px,1fr))!important;
    grid-auto-rows:112px!important;
    gap:7px!important;
    padding:2px 8px 9px!important;
  }
}

/* Moto G9 e celulares horizontais mais baixos. */
@media (orientation:landscape) and (max-height:460px){
  .ak-corner-button{width:42px!important;height:42px!important}
  .ak-editor-top-right{gap:8px!important}
  .ak-editor-icon-dock{gap:5px!important;padding:5px!important}
  .ak-dock-button{width:39px!important;height:39px!important}
  .ak-floating-panel.is-scenes-panel{
    right:54px!important;
    height:clamp(150px,43dvh,178px)!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-floating-panel-header{min-height:40px!important;padding-block:4px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-card{flex-basis:205px!important;width:205px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions button{width:28px!important;height:28px!important}
  .ak-floating-panel.is-step-panel{
    width:calc(100vw - 76px)!important;
    height:calc(100dvh - 12px)!important;
    border-radius:18px!important;
  }
  .ak-floating-panel.is-step-panel .ak-floating-panel-header{padding:5px 8px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-body{padding:6px!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-footer{padding:4px 7px!important}
  .ak-floating-panel.is-step-panel .ak-action-grid button{min-height:52px!important}
  .ak-current-background>img,.ak-current-background-swatch{height:70px!important}
  .ak-background-color-section{gap:6px!important}
  .ak-color-preset-grid,.ak-gradient-preset-grid{gap:5px!important}
  .ak-color-preset-grid button{height:29px!important}
  .ak-gradient-preset-grid button{height:33px!important}
  .ak-custom-background-colors{grid-template-columns:1fr 1.5fr!important;gap:5px!important}
  .ak-custom-background-colors>label,.ak-custom-background-colors>div{padding:5px!important}
  .ak-kids-preview-modal.is-scene-preview{padding:7px!important}
  .ak-scene-preview-label{top:6px!important;padding:5px 10px!important;font-size:9px!important}
}

/* Tablet de toque: cartões e galeria um pouco maiores quando há altura. */
@media (orientation:landscape) and (pointer:coarse) and (min-height:561px){
  .ak-editor-icon-dock{gap:9px!important;padding:8px!important}
  .ak-dock-button{width:50px!important;height:50px!important;border-radius:16px!important}
  .ak-dock-button svg{width:24px!important;height:24px!important}
  .ak-corner-button{width:52px!important;height:52px!important}
  .ak-floating-panel.is-step-panel{
    width:min(1000px,calc(100vw - 120px))!important;
    height:min(700px,calc(100dvh - 36px))!important;
    border-radius:26px!important;
  }
  .ak-floating-panel.is-step-panel .ak-picture-gallery,
  .ak-floating-panel.is-step-panel .ak-mini-gallery,
  .ak-floating-panel.is-step-panel .ak-element-list{
    grid-template-columns:repeat(auto-fill,minmax(105px,1fr))!important;
    gap:10px!important;
  }
  .ak-kids-modal.ak-gallery-modal .ak-gallery-grid{
    grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;
    grid-auto-rows:142px!important;
    gap:10px!important;
  }
}

/* Corrige a barra inferior da prévia: regras antigas combinavam centralização e laterais, deslocando-a para fora. */
.ak-preview-bottom-overlay{
  transform:none!important;
  width:auto!important;
}

/* =========================================================
   V3.12.0 — PAINÉIS COMPACTOS EM TABLET/CELULAR + ANIMAÇÕES
   ========================================================= */
.ak-touch-only,.ak-floating-panel .ak-touch-only{display:none!important}

/* Categorias de animação no mesmo padrão visual das galerias. */
.ak-animation-category-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.ak-animation-category-grid button,
.ak-action-choice-grid button{
  position:relative!important;
  overflow:hidden!important;
}
.ak-animation-category-grid button{
  display:grid!important;
  place-items:center!important;
  gap:5px!important;
  min-height:88px!important;
  padding:10px!important;
  border:2px solid #eee5f2!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#fff,#faf7fc)!important;
  color:var(--ak-ink)!important;
  cursor:pointer!important;
}
.ak-animation-category-grid button>span{font-size:30px!important;line-height:1!important}
.ak-animation-category-grid button>small{font-size:11px!important;font-weight:1000!important}
.ak-animation-category-grid button>i,
.ak-action-choice-grid button>i{
  position:absolute!important;
  right:6px!important;
  top:6px!important;
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  background:#8059c2!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(78,52,111,.22)!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:1000!important;
}
.ak-animation-category-grid button.is-active{
  border-color:#9a77c8!important;
  background:#f2eafb!important;
  box-shadow:inset 0 0 0 2px rgba(154,119,200,.12)!important;
}
.ak-animation-category-grid button.is-active>i{background:#ec6f9f!important}
.ak-action-choice-grid button>i{width:21px!important;height:21px!important;font-size:12px!important}

/* Lançadores compactos usados nos painéis de toque. */
.ak-compact-gallery-launch,
.ak-compact-color-picker>summary{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  aspect-ratio:1!important;
  padding:4px!important;
  border:2px dashed #bea7d5!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#fff8fb,#f3effa)!important;
  color:#684b80!important;
  overflow:hidden!important;
  cursor:pointer!important;
  list-style:none!important;
}
.ak-compact-color-picker>summary::-webkit-details-marker{display:none!important}
.ak-compact-launch-visual{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border-radius:9px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.ak-compact-launch-visual>img,
.ak-compact-launch-visual img{width:100%!important;height:100%!important;object-fit:contain!important}
.ak-compact-launch-visual>span:not(.ak-compact-color-preview){font-size:29px!important}
.ak-compact-color-preview{display:block!important;width:100%!important;height:100%!important;border-radius:9px!important}
.ak-compact-gallery-launch>i,
.ak-compact-color-picker>summary>i{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  display:grid!important;
  place-items:center!important;
  width:23px!important;
  height:23px!important;
  border-radius:50%!important;
  background:#8059c2!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(78,52,111,.22)!important;
  font-size:15px!important;
  font-style:normal!important;
  font-weight:1000!important;
}
.ak-compact-gallery-launch>small,
.ak-compact-color-picker>summary>small{
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  bottom:4px!important;
  padding:3px 4px!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.92)!important;
  color:#604873!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:8px!important;
  font-weight:1000!important;
  text-align:center!important;
}
.ak-color-wheel-preview{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:9px!important;
  background:conic-gradient(#ff6f9f,#ffc65c,#7bdca7,#65c7ff,#9b79e8,#ff6f9f)!important;
}
.ak-compact-color-picker{position:relative!important;min-width:0!important}
.ak-compact-color-picker[open]{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(76px,100px) minmax(0,1fr)!important;
  align-items:start!important;
  gap:9px!important;
}
.ak-compact-color-picker[open]>summary{width:100%!important}
.ak-color-picker-popover{
  grid-column:2!important;
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
  padding:9px!important;
  border:1px solid #e2d5eb!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(50,32,66,.16)!important;
}
.ak-color-picker-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.ak-color-picker-title strong{font-size:11px!important}
.ak-color-picker-title button{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;padding:0!important;border:0!important;border-radius:9px!important;background:#f1e9f7!important;color:#6c4d83!important;font-size:18px!important;cursor:pointer!important}
.ak-color-picker-circles,
.ak-color-picker-gradients{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important}
.ak-color-picker-circles button{
  width:27px!important;height:27px!important;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;
  box-shadow:0 0 0 1px rgba(83,59,102,.18)!important;cursor:pointer!important;
}
.ak-color-picker-gradients button{
  width:43px!important;height:27px!important;padding:0!important;border:2px solid #fff!important;border-radius:9px!important;
  box-shadow:0 0 0 1px rgba(83,59,102,.18)!important;cursor:pointer!important;
}
.ak-color-picker-custom{display:grid!important;grid-template-columns:.75fr 1.25fr!important;gap:6px!important}
.ak-color-picker-custom>label,
.ak-color-picker-custom>div{display:grid!important;gap:4px!important;padding:6px!important;border:1px solid #eee5f2!important;border-radius:11px!important;background:#fcfafd!important}
.ak-color-picker-custom span{font-size:8px!important;font-weight:1000!important}
.ak-color-picker-custom input[type="color"]{width:100%!important;height:29px!important;padding:1px!important;border:1px solid #e5daeb!important;border-radius:8px!important;background:#fff!important}
.ak-color-picker-custom>div>label{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}
.ak-color-picker-custom>div>button{min-height:27px!important;border:0!important;border-radius:8px!important;background:#eee6f8!important;color:#674b7f!important;font-size:8px!important;font-weight:1000!important;cursor:pointer!important}

/* A tela final ganha uma composição mais horizontal e limpa. */
.ak-finish-copy{display:grid!important;gap:3px!important}

/* Celular/tablet em horizontal: menos blocos gigantes e sem navegação inferior. */
@media (orientation:landscape) and (pointer:coarse),
       (orientation:landscape) and (max-width:1024px){
  .ak-touch-only,.ak-floating-panel .ak-touch-only{display:grid!important}
  .ak-desktop-step-choice,.ak-desktop-finish-card{display:none!important}
  .ak-floating-panel.is-step-panel{grid-template-rows:auto minmax(0,1fr)!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-footer{display:none!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-body{padding-bottom:9px!important}

  .ak-floating-panel.is-step-panel .ak-tool-card{gap:8px!important}
  .ak-floating-panel.is-step-panel .ak-mini-section,
  .ak-floating-panel.is-step-panel .ak-protagonists-section,
  .ak-floating-panel.is-step-panel .ak-format-box,
  .ak-floating-panel.is-step-panel .ak-role-switch,
  .ak-floating-panel.is-step-panel .ak-pose-box,
  .ak-floating-panel.is-step-panel .ak-scene-time,
  .ak-floating-panel.is-step-panel .ak-actions-made,
  .ak-floating-panel.is-step-panel .ak-animating-who{padding:7px!important;border-radius:14px!important}
  .ak-floating-panel.is-step-panel h3{margin:0!important;font-size:11px!important}

  .ak-floating-panel.is-step-panel .ak-picture-gallery,
  .ak-floating-panel.is-step-panel .ak-mini-gallery,
  .ak-floating-panel.is-step-panel .ak-element-list{
    grid-template-columns:repeat(auto-fill,minmax(72px,1fr))!important;
    gap:6px!important;
  }
  .ak-floating-panel.is-step-panel .ak-image-choice,
  .ak-floating-panel.is-step-panel .ak-element-list>button,
  .ak-floating-panel.is-step-panel .ak-compact-gallery-launch,
  .ak-floating-panel.is-step-panel .ak-compact-color-picker>summary{
    min-height:0!important;
    padding:4px!important;
    border-radius:12px!important;
  }
  .ak-floating-panel.is-step-panel .ak-image-choice>span{width:21px!important;height:21px!important;font-size:12px!important}

  .ak-background-color-section{display:none!important}
  .ak-background-gallery-section{order:-1!important}
  .ak-ready-characters-section{order:-1!important}
  .ak-compact-empty{padding:7px!important;font-size:9px!important}

  .ak-protagonists-section{gap:5px!important}
  .ak-protagonist-list{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:5px!important}
  .ak-protagonist-list>div{grid-template-columns:34px minmax(0,1fr) 25px!important;padding:4px!important;border-radius:10px!important}
  .ak-protagonist-list img{width:34px!important;height:34px!important}
  .ak-protagonist-list strong{font-size:9px!important}
  .ak-protagonist-list small{font-size:7px!important}
  .ak-protagonist-list button{width:24px!important;height:24px!important}
  .ak-add-protagonist{min-height:32px!important;padding:5px 8px!important;border-radius:10px!important;font-size:9px!important}
  .ak-protagonist-note{display:none!important}

  .ak-pose-box summary{font-size:10px!important}
  .ak-pose-box p{display:none!important}
  .ak-pose-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important}
  .ak-pose-grid button{min-height:52px!important;padding:3px!important}
  .ak-pose-grid img{width:31px!important;height:31px!important}
  .ak-pose-grid span{font-size:20px!important}
  .ak-pose-grid small{font-size:7px!important}
  .ak-format-box{gap:4px!important}
  .ak-format-box button{min-height:32px!important;font-size:8px!important}

  .ak-role-switch{grid-template-columns:repeat(2,minmax(0,140px))!important;justify-content:start!important;gap:6px!important}
  .ak-role-switch button{min-height:34px!important;font-size:9px!important}

  .ak-animating-who.ak-animating-mini{grid-template-columns:40px minmax(0,1fr)!important;min-height:48px!important;gap:7px!important}
  .ak-animating-who.ak-animating-mini img{width:40px!important;height:40px!important}
  .ak-animating-who.ak-animating-mini strong{font-size:10px!important}
  .ak-auto-scene-button.ak-auto-scene-compact{
    min-height:44px!important;
    margin:0!important;
    padding:5px!important;
    grid-template-columns:32px minmax(0,1fr) 22px!important;
    border-radius:12px!important;
  }
  .ak-auto-scene-button.ak-auto-scene-compact>span{width:32px!important;height:32px!important;border-radius:10px!important;font-size:17px!important}
  .ak-auto-scene-button.ak-auto-scene-compact strong{font-size:9px!important}
  .ak-auto-scene-button.ak-auto-scene-compact small{font-size:7px!important}
  .ak-auto-scene-button.ak-auto-scene-compact>i{width:22px!important;height:22px!important}

  .ak-animation-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .ak-animation-category-grid button{min-height:58px!important;padding:5px!important;border-radius:12px!important}
  .ak-animation-category-grid button>span{font-size:21px!important}
  .ak-animation-category-grid button>small{font-size:8px!important}
  .ak-animation-category-grid button>i{width:20px!important;height:20px!important;right:4px!important;top:4px!important;font-size:11px!important}
  .ak-floating-panel.is-step-panel .ak-action-choice-grid{
    grid-template-columns:repeat(auto-fill,minmax(64px,1fr))!important;
    gap:5px!important;
    max-height:145px!important;
  }
  .ak-floating-panel.is-step-panel .ak-action-choice-grid button{min-height:52px!important;padding:4px!important;border-radius:11px!important}
  .ak-floating-panel.is-step-panel .ak-action-choice-grid button>span{font-size:18px!important}
  .ak-floating-panel.is-step-panel .ak-action-choice-grid button>small{font-size:7px!important}
  .ak-action-choice-grid button>i{width:18px!important;height:18px!important;right:3px!important;top:3px!important;font-size:10px!important}
  .ak-scene-time-compact{padding:6px!important}
  .ak-actions-collapsed summary{font-size:9px!important}

  .ak-finish-card-compact{
    grid-template-columns:52px minmax(0,1fr) minmax(145px,.9fr)!important;
    grid-template-areas:
      'icon copy watch'
      'buttons buttons buttons'
      'note note note'!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:8px!important;
    padding:7px!important;
    text-align:left!important;
  }
  .ak-finish-card-compact .ak-finish-icon{grid-area:icon;font-size:38px!important;text-align:center!important}
  .ak-finish-card-compact .ak-finish-copy{grid-area:copy}
  .ak-finish-card-compact h2{font-size:15px!important}
  .ak-finish-card-compact p{font-size:9px!important}
  .ak-finish-card-compact>.ak-big-magic-button{grid-area:watch;min-height:42px!important;padding:7px 10px!important;font-size:10px!important}
  .ak-finish-card-compact .ak-finish-buttons{grid-area:buttons;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .ak-finish-card-compact .ak-finish-buttons button{min-height:36px!important;font-size:9px!important}
  .ak-finish-card-compact>small{grid-area:note;font-size:7px!important;text-align:center!important}
}

/* Moto G9 e outros celulares horizontais baixos: uma única tela sem blocos exagerados. */
@media (orientation:landscape) and (max-height:460px){
  .ak-floating-panel.is-step-panel .ak-floating-panel-header small{display:none!important}
  .ak-floating-panel.is-step-panel .ak-floating-panel-body{padding:5px 6px!important}
  .ak-floating-panel.is-step-panel .ak-tool-card{gap:5px!important}
  .ak-floating-panel.is-step-panel .ak-mini-section,
  .ak-floating-panel.is-step-panel .ak-protagonists-section,
  .ak-floating-panel.is-step-panel .ak-format-box,
  .ak-floating-panel.is-step-panel .ak-role-switch,
  .ak-floating-panel.is-step-panel .ak-pose-box,
  .ak-floating-panel.is-step-panel .ak-scene-time,
  .ak-floating-panel.is-step-panel .ak-actions-made,
  .ak-floating-panel.is-step-panel .ak-animating-who{padding:5px!important}
  .ak-floating-panel.is-step-panel .ak-picture-gallery,
  .ak-floating-panel.is-step-panel .ak-mini-gallery,
  .ak-floating-panel.is-step-panel .ak-element-list{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))!important;gap:4px!important}
  .ak-protagonist-list{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important}
  .ak-pose-grid button{min-height:43px!important}
  .ak-format-box button{min-height:28px!important}
  .ak-animation-category-grid button{min-height:48px!important}
  .ak-floating-panel.is-step-panel .ak-action-choice-grid{max-height:118px!important;grid-template-columns:repeat(auto-fill,minmax(56px,1fr))!important}
  .ak-floating-panel.is-step-panel .ak-action-choice-grid button{min-height:45px!important}
  .ak-scene-time-compact{display:none!important}
  .ak-finish-card-compact{grid-template-columns:42px minmax(0,1fr) minmax(128px,.8fr)!important;gap:5px!important;padding:4px!important}
  .ak-finish-card-compact .ak-finish-icon{font-size:31px!important}
  .ak-finish-card-compact h2{font-size:12px!important}
  .ak-finish-card-compact>.ak-big-magic-button{min-height:35px!important}
  .ak-finish-card-compact .ak-finish-buttons button{min-height:31px!important}
  .ak-finish-card-compact>small{display:none!important}
  .ak-color-picker-popover{gap:5px!important;padding:6px!important}
  .ak-color-picker-circles button{width:23px!important;height:23px!important}
  .ak-color-picker-gradients button{width:36px!important;height:23px!important}
  .ak-color-picker-custom input[type="color"]{height:25px!important}
}

/* =========================================================
   V3.13.0 — TEMPO DA CENA, DURAÇÃO E ANIMAÇÕES HORIZONTAIS
   ========================================================= */
.ak-scene-panel-actions{
  grid-template-columns:repeat(2,32px)!important;
  grid-template-rows:repeat(2,32px)!important;
  justify-content:center!important;
}
.ak-scene-panel-actions button.is-timeline{background:#fff1d9!important;color:#9a6518!important}
.ak-scene-panel-actions button.is-timeline:hover{background:#ffe7bd!important}

.ak-animation-card{align-content:start!important}
.ak-action-choice-grid button>em{
  position:absolute!important;
  left:6px!important;
  bottom:5px!important;
  display:grid!important;
  place-items:center!important;
  min-width:28px!important;
  height:19px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#f0e9f8!important;
  color:#725394!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:1000!important;
}
.ak-scene-time-button{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  grid-template-areas:'copy icon' 'bar icon'!important;
  align-items:center!important;
  border:1px solid #e7dcec!important;
  color:var(--ak-ink)!important;
  text-align:left!important;
  cursor:pointer!important;
}
.ak-scene-time-button>div:first-child{grid-area:copy!important}
.ak-scene-time-button>div:nth-child(2){grid-area:bar!important}
.ak-scene-time-button>b{
  grid-area:icon!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#7655aa!important;
  box-shadow:0 5px 14px rgba(76,50,98,.1)!important;
}
.ak-scene-time-button>b svg{width:20px!important;height:20px!important}
.ak-animation-secondary-tools{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important;gap:8px!important;align-items:stretch!important}
.ak-animation-secondary-tools .ak-animating-who,.ak-animation-secondary-tools .ak-auto-scene-button{margin:0!important;height:100%!important}
.ak-actions-collapsed>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:42px!important;
  padding:8px 11px!important;
  border-radius:13px!important;
  background:#f4edf9!important;
  color:#62477c!important;
  font-size:11px!important;
  font-weight:1000!important;
  cursor:pointer!important;
  list-style:none!important;
}
.ak-actions-collapsed>summary::-webkit-details-marker{display:none!important}
.ak-actions-collapsed>summary>b{display:grid!important;place-items:center!important;min-width:25px!important;height:25px!important;padding:0 6px!important;border-radius:999px!important;background:#8059c2!important;color:#fff!important;font-size:9px!important}
.ak-action-list-horizontal{display:flex!important;align-items:stretch!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:7px 1px 3px!important;scroll-snap-type:x proximity!important;overscroll-behavior-x:contain!important}
.ak-action-list-horizontal>div{flex:0 0 185px!important;grid-template-columns:34px minmax(0,1fr) 28px!important;grid-template-rows:auto auto!important;scroll-snap-align:start!important}
.ak-action-list-horizontal>div>span{grid-row:1/3!important}
.ak-action-list-horizontal>div>strong{grid-column:2!important;grid-row:1!important}
.ak-action-list-horizontal>div>small{grid-column:2!important;grid-row:2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.ak-action-list-horizontal>div>button{grid-column:3!important;grid-row:1/3!important}

/* Janela curta para escolher a duração antes de adicionar a animação. */
.ak-duration-modal{place-items:center!important;padding:14px!important}
.ak-duration-dialog{
  position:relative!important;
  display:grid!important;
  gap:14px!important;
  width:min(470px,calc(100vw - 24px))!important;
  padding:22px!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 28px 80px rgba(32,21,42,.34)!important;
}
.ak-duration-dialog .ak-modal-x{position:absolute!important;right:11px!important;top:11px!important;width:38px!important;height:38px!important;border:0!important;border-radius:13px!important;background:#f1eaf6!important;color:#684d7d!important;font-size:22px!important;cursor:pointer!important}
.ak-duration-action{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;gap:13px!important;padding-right:30px!important}
.ak-duration-action>span{display:grid!important;place-items:center!important;width:72px!important;height:72px!important;border-radius:21px!important;background:linear-gradient(145deg,#fff0f6,#eee9ff)!important;font-size:39px!important}
.ak-duration-action small{color:#a0577b!important;font-size:9px!important;font-weight:1000!important;text-transform:uppercase!important}
.ak-duration-action h2{margin:2px 0 3px!important;font-size:22px!important}
.ak-duration-action p{margin:0!important;color:var(--ak-muted)!important;font-size:11px!important}
.ak-duration-control{display:grid!important;grid-template-columns:46px minmax(0,1fr) 46px!important;align-items:stretch!important;gap:8px!important}
.ak-duration-control>button{border:0!important;border-radius:14px!important;background:#eee7f7!important;color:#684a83!important;font-size:25px!important;font-weight:1000!important;cursor:pointer!important}
.ak-duration-control label{position:relative!important;display:block!important}
.ak-duration-control input{width:100%!important;height:52px!important;padding:0 80px 0 15px!important;border:2px solid #dccfe6!important;border-radius:14px!important;background:#fff!important;color:#493853!important;font-size:21px!important;font-weight:1000!important;text-align:center!important}
.ak-duration-control label>span{position:absolute!important;right:13px!important;top:50%!important;transform:translateY(-50%)!important;color:#8a7b91!important;font-size:10px!important;font-weight:900!important}
.ak-duration-presets{display:flex!important;gap:7px!important;overflow-x:auto!important}
.ak-duration-presets button{flex:1 0 47px!important;min-height:37px!important;border:1px solid #e2d8e9!important;border-radius:12px!important;background:#faf7fc!important;color:#684d7d!important;font-size:10px!important;font-weight:1000!important;cursor:pointer!important}
.ak-duration-presets button.is-active{border-color:#8d6abb!important;background:#eee6f8!important;color:#5f427b!important}
.ak-duration-confirm{min-height:49px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#7955b7,#a475d0)!important;color:#fff!important;font-size:13px!important;font-weight:1000!important;cursor:pointer!important}

/* Editor visual de tempo da cena. */
.ak-timeline-modal{place-items:center!important;padding:12px!important}
.ak-timeline-dialog{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  width:min(1040px,calc(100vw - 24px))!important;
  height:min(760px,calc(100dvh - 24px))!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(31,20,41,.38)!important;
}
.ak-timeline-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 17px!important;border-bottom:1px solid #e9e1ee!important;background:linear-gradient(135deg,#fffafd,#f5f1fb)!important}
.ak-timeline-header>div{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
.ak-timeline-header>div>svg{width:31px!important;height:31px!important;color:#7754ae!important}
.ak-timeline-header span{display:grid!important;min-width:0!important}
.ak-timeline-header strong{font-size:18px!important}
.ak-timeline-header small{color:var(--ak-muted)!important;font-size:10px!important}
.ak-timeline-header>button{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:0!important;border-radius:14px!important;background:#eee7f5!important;color:#674c7b!important;cursor:pointer!important}
.ak-timeline-header>button svg{width:21px!important;height:21px!important}
.ak-timeline-body{display:grid!important;align-content:start!important;gap:13px!important;padding:15px 17px!important;overflow:auto!important;overscroll-behavior:contain!important}
.ak-timeline-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.ak-timeline-summary>div{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:8px!important;padding:10px!important;border:1px solid #eadff0!important;border-radius:16px!important;background:#fcfafd!important}
.ak-timeline-summary span{grid-row:1/3!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:#f1eaf8!important;font-size:20px!important}
.ak-timeline-summary small{color:var(--ak-muted)!important;font-size:8px!important;font-weight:900!important}
.ak-timeline-summary strong{font-size:17px!important}
.ak-scene-duration-editor{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,380px)!important;align-items:center!important;gap:12px!important;padding:12px!important;border-radius:18px!important;background:linear-gradient(135deg,#fff3f8,#f1effc)!important}
.ak-scene-duration-editor>div:first-child{display:grid!important;gap:2px!important}
.ak-scene-duration-editor strong{font-size:13px!important}
.ak-scene-duration-editor small{color:var(--ak-muted)!important;font-size:9px!important}
.ak-scene-duration-editor>div:last-child{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;gap:7px!important}
.ak-scene-duration-editor button{border:0!important;border-radius:12px!important;background:#fff!important;color:#704e91!important;font-size:20px!important;font-weight:1000!important;cursor:pointer!important}
.ak-scene-duration-editor label{position:relative!important}
.ak-scene-duration-editor input{width:100%!important;height:42px!important;padding:0 72px 0 10px!important;border:1px solid #d9cce4!important;border-radius:12px!important;background:#fff!important;font-weight:1000!important;text-align:center!important}
.ak-scene-duration-editor label>span{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;color:#85758e!important;font-size:9px!important;font-weight:900!important}
.ak-timeline-message{padding:8px 11px!important;border-radius:11px!important;background:#fff4d9!important;color:#765416!important;font-size:9px!important;font-weight:900!important}
.ak-timeline-visual{display:grid!important;gap:5px!important;padding:10px!important;border:1px solid #e7deec!important;border-radius:17px!important;background:#fff!important}
.ak-timeline-ruler{display:flex!important;justify-content:space-between!important;color:#8a7a91!important;font-size:8px!important;font-weight:900!important}
.ak-timeline-track{position:relative!important;height:48px!important;border-radius:13px!important;background:repeating-linear-gradient(90deg,#f5f1f8 0,#f5f1f8 calc(10% - 1px),#e7ddeb calc(10% - 1px),#e7ddeb 10%)!important;overflow:hidden!important}
.ak-timeline-bar{position:absolute!important;top:7px!important;height:34px!important;min-width:18px!important;padding:0!important;border:2px solid #fff!important;border-radius:10px!important;background:linear-gradient(135deg,#8a65bf,#e477a4)!important;color:#fff!important;box-shadow:0 4px 12px rgba(90,55,116,.22)!important;cursor:pointer!important;overflow:hidden!important}
.ak-timeline-bar span{font-size:15px!important}
.ak-timeline-empty-track{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:#92859a!important;font-size:9px!important}
.ak-timeline-explanation{padding:8px 10px!important;border-radius:12px!important;background:#edf8ff!important;color:#44677a!important;font-size:9px!important;font-weight:800!important}
.ak-timeline-actions-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.ak-timeline-actions-head>div{display:grid!important}
.ak-timeline-actions-head strong{font-size:14px!important}
.ak-timeline-actions-head small{color:var(--ak-muted)!important;font-size:9px!important}
.ak-timeline-actions-head>button{display:flex!important;align-items:center!important;gap:6px!important;min-height:38px!important;padding:0 13px!important;border:0!important;border-radius:12px!important;background:#e8f4ff!important;color:#426b86!important;font-size:9px!important;font-weight:1000!important;cursor:pointer!important}
.ak-timeline-actions-head>button svg{width:17px!important;height:17px!important}
.ak-timeline-action-list{display:grid!important;gap:7px!important}
.ak-timeline-action-row{display:grid!important;grid-template-columns:52px minmax(120px,1fr) 115px 115px 38px!important;align-items:center!important;gap:8px!important;padding:8px!important;border:1px solid #e9e1ed!important;border-radius:15px!important;background:#fff!important}
.ak-timeline-action-icon{position:relative!important;display:grid!important;place-items:center!important;width:50px!important;height:50px!important;border-radius:13px!important;background:#f2ecf7!important;font-size:23px!important;overflow:hidden!important}
.ak-timeline-action-icon img{position:absolute!important;right:1px!important;bottom:1px!important;width:23px!important;height:23px!important;border:2px solid #fff!important;border-radius:8px!important;background:#fff!important;object-fit:contain!important}
.ak-timeline-action-copy{display:grid!important;gap:2px!important;min-width:0!important}
.ak-timeline-action-copy strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important}
.ak-timeline-action-copy small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--ak-muted)!important;font-size:8px!important}
.ak-timeline-action-row>label{position:relative!important;display:grid!important;gap:3px!important}
.ak-timeline-action-row>label>span{font-size:8px!important;font-weight:1000!important}
.ak-timeline-action-row input{width:100%!important;height:36px!important;padding:0 25px 0 8px!important;border:1px solid #dcd1e3!important;border-radius:10px!important;background:#fcfbfd!important;font-size:11px!important;font-weight:900!important;text-align:center!important}
.ak-timeline-action-row>label>small{position:absolute!important;right:8px!important;bottom:10px!important;color:#8d7e94!important;font-size:8px!important}
.ak-timeline-delete{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:11px!important;background:#ffe9ef!important;color:#b43f60!important;cursor:pointer!important}
.ak-timeline-delete svg{width:17px!important;height:17px!important}
.ak-timeline-empty{display:grid!important;justify-items:center!important;gap:4px!important;padding:25px!important;border:2px dashed #ddd1e5!important;border-radius:17px!important;color:#85778e!important;text-align:center!important}
.ak-timeline-empty>span{font-size:29px!important}.ak-timeline-empty strong{font-size:12px!important}.ak-timeline-empty small{font-size:9px!important}
.ak-timeline-footer{display:flex!important;justify-content:flex-end!important;gap:9px!important;padding:10px 16px!important;border-top:1px solid #e9e1ed!important;background:#fff!important}
.ak-timeline-footer button{min-height:42px!important;padding:0 17px!important;border:0!important;border-radius:13px!important;background:#eee8f4!important;color:#654b79!important;font-size:10px!important;font-weight:1000!important;cursor:pointer!important}
.ak-timeline-footer button.is-primary{background:linear-gradient(135deg,#7956b5,#9f72cd)!important;color:#fff!important}

@media (min-width:1024px) and (min-height:600px) and (pointer:fine){
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-card{grid-template-columns:minmax(0,1fr) 84px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions{grid-template-columns:repeat(2,38px)!important;grid-template-rows:repeat(2,38px)!important;gap:6px!important}
  .ak-floating-panel.is-step-panel .ak-animation-secondary-tools{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important}
  .ak-floating-panel.is-step-panel .ak-action-list-horizontal>div{flex-basis:220px!important}
}

/* Celular e tablet horizontal: ações maiores em uma única faixa rolável. */
@media (orientation:landscape) and (pointer:coarse),
       (orientation:landscape) and (max-width:1024px){
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-card{grid-template-columns:minmax(0,1fr) 66px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions{grid-template-columns:repeat(2,30px)!important;grid-template-rows:repeat(2,30px)!important;gap:4px!important;align-content:center!important}
  .ak-floating-panel.is-step-panel .ak-action-choice-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:7px!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 1px 6px!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-x:contain!important;
  }
  .ak-floating-panel.is-step-panel .ak-action-choice-grid button{
    flex:0 0 84px!important;
    width:84px!important;
    min-height:70px!important;
    padding:7px 4px 15px!important;
    border-radius:13px!important;
    scroll-snap-align:start!important;
  }
  .ak-floating-panel.is-step-panel .ak-action-choice-grid button>span{font-size:24px!important}
  .ak-floating-panel.is-step-panel .ak-action-choice-grid button>small{font-size:8px!important}
  .ak-floating-panel.is-step-panel .ak-action-choice-grid button>em{left:4px!important;bottom:3px!important;height:17px!important;min-width:25px!important;font-size:7px!important}
  .ak-floating-panel.is-step-panel .ak-scene-time-compact{display:grid!important;padding:7px!important}
  .ak-floating-panel.is-step-panel .ak-actions-collapsed>summary{min-height:38px!important;padding:6px 9px!important;font-size:10px!important}
  .ak-floating-panel.is-step-panel .ak-action-list-horizontal{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important}
  .ak-floating-panel.is-step-panel .ak-action-list-horizontal>div{flex:0 0 170px!important;min-height:52px!important;padding:5px!important}
  .ak-floating-panel.is-step-panel .ak-animation-secondary-tools{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:6px!important}
  .ak-floating-panel.is-step-panel .ak-animation-secondary-tools .ak-animating-who{padding:5px!important}
  .ak-floating-panel.is-step-panel .ak-animation-secondary-tools .ak-auto-scene-button{padding:5px!important}
  .ak-duration-dialog{width:min(440px,calc(100vw - 20px))!important;padding:14px!important;gap:9px!important;border-radius:21px!important}
  .ak-duration-action{grid-template-columns:54px minmax(0,1fr)!important;gap:9px!important}
  .ak-duration-action>span{width:54px!important;height:54px!important;border-radius:16px!important;font-size:30px!important}
  .ak-duration-action h2{font-size:17px!important}.ak-duration-action p{font-size:9px!important}
  .ak-duration-control input{height:44px!important;font-size:18px!important}.ak-duration-confirm{min-height:42px!important}

  .ak-timeline-modal{padding:5px!important}
  .ak-timeline-dialog{width:calc(100vw - 10px)!important;height:calc(100dvh - 10px)!important;border-radius:20px!important}
  .ak-timeline-header{padding:7px 10px!important}.ak-timeline-header>div>svg{width:23px!important;height:23px!important}.ak-timeline-header strong{font-size:13px!important}.ak-timeline-header small{font-size:7px!important}.ak-timeline-header>button{width:34px!important;height:34px!important}
  .ak-timeline-body{gap:8px!important;padding:8px 10px!important}
  .ak-timeline-summary{gap:5px!important}.ak-timeline-summary>div{grid-template-columns:30px minmax(0,1fr)!important;padding:6px!important;border-radius:12px!important}.ak-timeline-summary span{width:30px!important;height:30px!important;font-size:16px!important}.ak-timeline-summary small{font-size:6px!important}.ak-timeline-summary strong{font-size:12px!important}
  .ak-scene-duration-editor{grid-template-columns:minmax(0,1fr) minmax(210px,300px)!important;padding:7px!important;border-radius:13px!important}.ak-scene-duration-editor strong{font-size:10px!important}.ak-scene-duration-editor small{font-size:7px!important}.ak-scene-duration-editor>div:last-child{grid-template-columns:34px minmax(0,1fr) 34px!important}.ak-scene-duration-editor input{height:35px!important}
  .ak-timeline-visual{padding:6px!important}.ak-timeline-track{height:38px!important}.ak-timeline-bar{top:5px!important;height:28px!important}
  .ak-timeline-explanation{font-size:7px!important;padding:5px 7px!important}
  .ak-timeline-action-row{grid-template-columns:40px minmax(105px,1fr) 92px 92px 32px!important;gap:5px!important;padding:5px!important;border-radius:12px!important}.ak-timeline-action-icon{width:38px!important;height:38px!important;font-size:18px!important}.ak-timeline-action-icon img{width:18px!important;height:18px!important}.ak-timeline-action-copy strong{font-size:9px!important}.ak-timeline-action-copy small{font-size:7px!important}.ak-timeline-action-row input{height:31px!important;font-size:9px!important}.ak-timeline-delete{width:30px!important;height:30px!important}
  .ak-timeline-footer{padding:6px 9px!important}.ak-timeline-footer button{min-height:35px!important}
}

@media (orientation:landscape) and (max-height:460px){
  .ak-floating-panel.is-step-panel .ak-action-choice-grid button{flex-basis:76px!important;width:76px!important;min-height:60px!important}
  .ak-floating-panel.is-step-panel .ak-animation-category-grid button{min-height:46px!important}
  .ak-floating-panel.is-step-panel .ak-animation-secondary-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .ak-floating-panel.is-step-panel .ak-animation-secondary-tools .ak-animating-who,.ak-floating-panel.is-step-panel .ak-animation-secondary-tools .ak-auto-scene-button{min-height:40px!important}
  .ak-timeline-summary{display:none!important}
  .ak-timeline-header small,.ak-timeline-explanation{display:none!important}
  .ak-scene-duration-editor{grid-template-columns:minmax(0,1fr) minmax(190px,260px)!important}
  .ak-timeline-visual{display:none!important}
}

@media (max-width:600px) and (orientation:portrait){
  .ak-timeline-dialog{width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important;border-radius:20px!important}
  .ak-timeline-summary{grid-template-columns:1fr!important}
  .ak-scene-duration-editor{grid-template-columns:1fr!important}
  .ak-timeline-action-row{grid-template-columns:44px minmax(0,1fr) 35px!important;grid-template-areas:'icon copy delete' 'time time duration'!important}
  .ak-timeline-action-icon{grid-area:icon!important}.ak-timeline-action-copy{grid-area:copy!important}.ak-timeline-action-row>label:nth-of-type(1){grid-area:time!important}.ak-timeline-action-row>label:nth-of-type(2){grid-area:duration!important}.ak-timeline-delete{grid-area:delete!important}
}

/* Correções finais de encaixe dos modais fora do contêiner principal. */
.ak-duration-modal *,
.ak-timeline-modal *{box-sizing:border-box!important}
.ak-timeline-header>div>b{
  flex:0 0 auto!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#eee7f7!important;
  color:#704f91!important;
  font-size:9px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.ak-scene-duration-editor>div:last-child,
.ak-scene-duration-editor label,
.ak-timeline-action-row>label{min-width:0!important}
.ak-scene-duration-editor input,
.ak-timeline-action-row input,
.ak-duration-control input{box-sizing:border-box!important}
@media (orientation:landscape) and (max-height:460px){
  .ak-timeline-header>div{min-width:0!important}
  .ak-timeline-header>div>b{padding:4px 7px!important;font-size:7px!important}
}

/* =========================================================
   V3.14.0 — DOWNLOAD, ACORDEÕES, LOGIN E TIMELINE RESPONSIVA
   ========================================================= */
.ak-corner-button.is-download{
  background:linear-gradient(135deg,#e8f7ff,#e9f8ef)!important;
  color:#2f7895!important;
}
.ak-corner-button.is-download:hover{background:linear-gradient(135deg,#d8f1ff,#dff5e8)!important}
.ak-editor-top-right{align-items:center!important}

.ak-animation-closed-hint{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:2px 9px!important;
  min-height:68px!important;
  padding:10px!important;
  border:2px dashed #ddd0e8!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fffafd,#f6f1fb)!important;
  color:#685479!important;
}
.ak-animation-closed-hint>span{grid-row:1/3!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#eee7f7!important;font-size:22px!important}
.ak-animation-closed-hint>strong{font-size:11px!important}
.ak-animation-closed-hint>small{color:var(--ak-muted)!important;font-size:8px!important}

.ak-preview-recording-status{
  position:absolute!important;
  z-index:16!important;
  left:50%!important;
  top:max(12px,env(safe-area-inset-top))!important;
  transform:translateX(-50%)!important;
  max-width:min(520px,calc(100vw - 130px))!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:rgba(32,23,40,.82)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(12px)!important;
  font-size:10px!important;
  font-weight:1000!important;
  text-align:center!important;
}
.ak-preview-recording-status.is-done{background:rgba(35,124,79,.9)!important}
.ak-preview-recording-status.is-error{background:rgba(166,55,72,.92)!important}

/* Cartões de histórias: os dois botões ficam sempre alinhados. */
.ak-home-story-tile{
  grid-template-columns:54px minmax(0,1fr) 82px!important;
  min-height:68px!important;
}
.ak-home-story-actions{
  display:grid!important;
  grid-template-columns:repeat(2,36px)!important;
  align-items:center!important;
  justify-content:end!important;
  gap:6px!important;
  width:78px!important;
}
.ak-home-story-actions button{
  width:36px!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
  border-radius:12px!important;
}
.ak-home-story-actions svg{display:block!important;width:18px!important;height:18px!important}

/* O retrato do elemento preenche corretamente o ícone da ação. */
.ak-timeline-action-icon>img{
  position:absolute!important;
  inset:3px!important;
  width:calc(100% - 6px)!important;
  height:calc(100% - 6px)!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  object-fit:contain!important;
}
.ak-timeline-action-icon>span{
  position:absolute!important;
  z-index:2!important;
  right:1px!important;
  bottom:1px!important;
  display:grid!important;
  place-items:center!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 3px!important;
  border:2px solid #fff!important;
  border-radius:8px!important;
  background:#eee7f7!important;
  font-size:13px!important;
  line-height:1!important;
}

/* Login compacto para tablet e celular na horizontal. */
@media (orientation:landscape) and (pointer:coarse),
       (orientation:landscape) and (max-width:1024px){
  .ak-kids-gate{padding:8px!important;overflow:hidden!important}
  .ak-gate-mascot{
    top:50%!important;
    left:max(12px,calc(50% - 405px))!important;
    width:70px!important;
    height:70px!important;
    border-radius:22px!important;
    font-size:34px!important;
    transform:translateY(-50%) rotate(-5deg)!important;
  }
  .ak-kids-gate-card{
    width:min(730px,calc(100vw - 126px))!important;
    max-height:calc(100dvh - 18px)!important;
    margin-left:84px!important;
    padding:15px 18px!important;
    border-radius:24px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(250px,.9fr)!important;
    grid-template-rows:auto auto auto 1fr!important;
    column-gap:20px!important;
    row-gap:6px!important;
    align-items:center!important;
    text-align:left!important;
    overflow:auto!important;
  }
  .ak-kids-chip{justify-self:start!important;margin:0!important;padding:5px 9px!important;font-size:8px!important}
  .ak-kids-gate-card h1{margin:0!important;font-size:26px!important;line-height:1!important}
  .ak-kids-gate-card>p{max-width:none!important;margin:0!important;font-size:10px!important;line-height:1.3!important}
  .ak-kids-gate-card form{grid-column:2!important;grid-row:1/5!important;align-self:center!important;gap:8px!important}
  .ak-kids-gate-card form label{gap:5px!important;font-size:10px!important}
  .ak-kids-gate-card input{min-height:42px!important;padding:7px 11px!important;border-radius:12px!important;font-size:13px!important}
  .ak-kids-gate-card form .ak-big-magic-button{min-height:42px!important;padding:8px 12px!important;border-radius:13px!important;font-size:11px!important}
  .ak-gate-badges{justify-content:flex-start!important;gap:5px!important;margin:0!important}
  .ak-gate-badges span{padding:5px 7px!important;font-size:7px!important}
  .ak-kids-error{grid-column:1!important;margin:0!important;padding:6px 8px!important;font-size:8px!important}

  .ak-editor-top-right{gap:5px!important}
  .ak-editor-top-right .ak-corner-button{width:36px!important;height:36px!important}

  /* Ações da cena em uma única faixa lateral no celular/tablet. */
  .ak-timeline-action-list{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:7px!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 1px 7px!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .ak-timeline-action-row{
    flex:0 0 min(340px,calc(100vw - 34px))!important;
    width:min(340px,calc(100vw - 34px))!important;
    grid-template-columns:42px minmax(82px,1fr) 72px 72px 31px!important;
    gap:5px!important;
    padding:5px!important;
    border-radius:12px!important;
    scroll-snap-align:start!important;
  }
  .ak-timeline-action-icon{width:40px!important;height:40px!important;border-radius:11px!important}
  .ak-timeline-action-icon>span{min-width:19px!important;height:19px!important;font-size:11px!important}
  .ak-timeline-action-copy strong{font-size:9px!important}
  .ak-timeline-action-copy small{font-size:7px!important}
  .ak-timeline-action-row>label{gap:2px!important}
  .ak-timeline-action-row>label>span{font-size:7px!important}
  .ak-timeline-action-row input{height:31px!important;padding:0 18px 0 5px!important;font-size:9px!important}
  .ak-timeline-action-row>label>small{right:6px!important;bottom:9px!important;font-size:7px!important}
  .ak-timeline-delete{width:29px!important;height:29px!important;border-radius:9px!important}

  .ak-scene-duration-editor>div:last-child{
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    align-items:stretch!important;
    gap:5px!important;
  }
  .ak-scene-duration-editor button{width:36px!important;height:36px!important;padding:0!important;line-height:1!important}
  .ak-scene-duration-editor input{height:36px!important;padding:0 58px 0 8px!important}
  .ak-scene-duration-editor label>span{right:8px!important;font-size:8px!important}

  .ak-animation-closed-hint{min-height:52px!important;padding:7px!important}
  .ak-animation-closed-hint>span{width:36px!important;height:36px!important;font-size:19px!important}
  .ak-animation-closed-hint>strong{font-size:9px!important}
  .ak-animation-closed-hint>small{font-size:7px!important}
}

@media (orientation:landscape) and (max-height:460px){
  .ak-kids-gate-card{padding:10px 14px!important;row-gap:4px!important}
  .ak-kids-gate-card h1{font-size:22px!important}
  .ak-kids-gate-card>p{display:none!important}
  .ak-gate-badges{margin-top:2px!important}
  .ak-gate-mascot{width:60px!important;height:60px!important;font-size:29px!important}
  .ak-home-story-tile{grid-template-columns:42px minmax(0,1fr) 72px!important;flex-basis:252px!important;min-height:52px!important}
  .ak-home-story-actions{grid-template-columns:repeat(2,32px)!important;width:69px!important;gap:5px!important}
  .ak-home-story-actions button{width:32px!important;height:32px!important}
  .ak-timeline-action-row{flex-basis:318px!important;width:318px!important;grid-template-columns:38px minmax(75px,1fr) 67px 67px 29px!important}
  .ak-timeline-action-icon{width:36px!important;height:36px!important}
}

/* V3.14.0 hotfix: evita rolagem lateral no cartão de login horizontal. */
@media (orientation:landscape) and (pointer:coarse),
       (orientation:landscape) and (max-width:1024px){
  .ak-kids-gate-card{
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .ak-kids-gate-card>*{min-width:0!important;max-width:100%!important}
  .ak-kids-gate-card form{width:100%!important;min-width:0!important}
}

/* =========================================================
   V3.15.0 — DOWNLOAD 16:9, PROTAGONISTAS COMPACTOS E MAIS AÇÕES
   ========================================================= */
.ak-timeline-header{position:relative!important}
.ak-timeline-header>.ak-timeline-close{
  flex:0 0 auto!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.ak-timeline-header>.ak-timeline-close svg{display:block!important;margin:auto!important;transform:none!important}

/* O cartão de protagonistas usa exatamente o mesmo molde dos lançadores com +. */
.ak-compact-protagonists{position:relative!important;min-width:0!important}
.ak-compact-protagonists>summary::-webkit-details-marker,
.ak-protagonist-accordion>summary::-webkit-details-marker{display:none!important}
.ak-protagonist-stack{position:relative!important;isolation:isolate!important}
.ak-protagonist-stack>img{
  position:absolute!important;
  top:50%!important;
  left:var(--ak-stack-left,50%)!important;
  width:54%!important;
  height:72%!important;
  border:2px solid #fff!important;
  border-radius:10px!important;
  background:#f6f1f9!important;
  object-fit:contain!important;
  box-shadow:0 3px 9px rgba(71,48,90,.16)!important;
  transform:translate(-50%,-50%)!important;
  z-index:var(--ak-stack-z,1)!important;
}
.ak-protagonist-stack>b{
  position:absolute!important;
  right:4px!important;
  bottom:25px!important;
  z-index:8!important;
  display:grid!important;
  place-items:center!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 5px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:#7f5abc!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:1000!important;
}
.ak-compact-protagonists[open]{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(72px,100px) minmax(0,1fr)!important;
  align-items:start!important;
  gap:8px!important;
  min-width:0!important;
}
.ak-compact-protagonists[open]>summary{width:100%!important}
.ak-protagonist-popover{
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  max-height:min(360px,calc(100dvh - 145px))!important;
  padding:8px!important;
  border:1px solid #e2d5eb!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(50,32,66,.16)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.ak-protagonist-popover-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.ak-protagonist-popover-title strong{font-size:11px!important}
.ak-protagonist-popover-title>button{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:#f1e9f7!important;
  color:#6c4d83!important;
  font-size:18px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.ak-protagonist-accordion-list{
  display:flex!important;
  align-items:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:3px!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.ak-protagonist-accordion{
  flex:0 0 min(290px,calc(100vw - 190px))!important;
  min-width:210px!important;
  border:1px solid #e9e0ee!important;
  border-radius:13px!important;
  background:#fcfafd!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
}
.ak-protagonist-accordion>summary{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 25px!important;
  align-items:center!important;
  gap:7px!important;
  min-height:48px!important;
  padding:5px!important;
  cursor:pointer!important;
  list-style:none!important;
}
.ak-protagonist-accordion>summary>img{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:#f2edf6!important;
  object-fit:contain!important;
}
.ak-protagonist-accordion>summary>span{display:grid!important;min-width:0!important}
.ak-protagonist-accordion>summary strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important}
.ak-protagonist-accordion>summary small{color:#8b7d92!important;font-size:7px!important;font-weight:900!important}
.ak-protagonist-accordion>summary>i{
  display:grid!important;
  place-items:center!important;
  width:23px!important;
  height:23px!important;
  border-radius:50%!important;
  background:#8059c2!important;
  color:#fff!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:1000!important;
}
.ak-protagonist-accordion[open]>summary>i{background:#ec6f9f!important}
.ak-protagonist-accordion[open]>summary>i::before{content:'−'!important;font-size:13px!important}
.ak-protagonist-accordion[open]>summary>i{font-size:0!important}
.ak-protagonist-accordion-body{display:grid!important;gap:6px!important;padding:6px!important;border-top:1px solid #eee5f2!important;background:#fff!important}
.ak-protagonist-pose-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important}
.ak-protagonist-pose-title>span{font-size:8px!important;font-weight:1000!important}
.ak-protagonist-pose-title>button{
  min-height:25px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:8px!important;
  background:#ffe8ef!important;
  color:#ad3d61!important;
  font-size:7px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
.ak-protagonist-pose-grid{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:2px!important;
  overscroll-behavior-x:contain!important;
}
.ak-protagonist-pose-grid>button{
  flex:0 0 54px!important;
  width:54px!important;
  min-height:54px!important;
  padding:3px!important;
}
.ak-protagonist-pose-grid img{width:31px!important;height:31px!important}
.ak-protagonist-pose-grid span{font-size:20px!important}
.ak-protagonist-pose-grid small{font-size:6px!important}
.ak-protagonist-popover>.ak-add-protagonist{
  width:100%!important;
  min-height:32px!important;
  margin:0!important;
}

@media (orientation:landscape) and (pointer:coarse),
       (orientation:landscape) and (max-width:1024px){
  /* No toque, protagonistas e poses ficam dentro do novo cartão expansível. */
  .ak-hero-tool>.ak-protagonists-section,
  .ak-hero-tool>.ak-pose-box{display:none!important}
  .ak-hero-compact-row{align-items:start!important}

  /* O X permanece perfeitamente centralizado, mesmo em telas muito baixas. */
  .ak-timeline-header{padding-right:48px!important}
  .ak-timeline-header>div{width:100%!important;max-width:100%!important;min-width:0!important}
  .ak-timeline-header>.ak-timeline-close{
    position:absolute!important;
    right:7px!important;
    top:50%!important;
    width:32px!important;
    height:32px!important;
    transform:translateY(-50%)!important;
  }
  .ak-timeline-header>.ak-timeline-close svg{width:17px!important;height:17px!important}
}

@media (orientation:landscape) and (max-height:460px){
  .ak-protagonist-popover{max-height:230px!important;padding:6px!important}
  .ak-protagonist-accordion{flex-basis:min(260px,calc(100vw - 165px))!important}
  .ak-protagonist-accordion>summary{min-height:43px!important;grid-template-columns:35px minmax(0,1fr) 22px!important}
  .ak-protagonist-accordion>summary>img{width:35px!important;height:35px!important}
  .ak-protagonist-pose-grid>button{flex-basis:48px!important;width:48px!important;min-height:48px!important}
}

/* =============================================================
   V3.16.0 — GERADOR KIDS DE DESENHOS SVG SEM API
   ============================================================= */
.ak-corner-button.is-draw{
  background:linear-gradient(135deg,#fff0a9,#ffd2e8)!important;
  color:#6d4a82!important;
}
.ak-corner-button.is-draw:hover{background:linear-gradient(135deg,#ffe58a,#ffbddc)!important}

.ak-kids-modal.ak-drawing-generator-modal{
  place-items:center!important;
  padding:18px!important;
  background:rgba(42,31,50,.64)!important;
}
.ak-drawing-generator-dialog{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  width:min(1040px,96vw);
  height:min(760px,94dvh);
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(128,89,194,.2);
  border-radius:28px;
  background:linear-gradient(180deg,#fff,#fbf8ff);
  box-shadow:0 34px 110px rgba(36,24,46,.38);
}
.ak-drawing-generator-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:76px;
  padding:12px 16px;
  border-bottom:1px solid #eee4f3;
  background:linear-gradient(135deg,#fff6fa,#f4f1ff);
}
.ak-drawing-generator-header>div{display:flex;align-items:center;gap:12px;min-width:0}
.ak-drawing-generator-header>div>span{
  display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:16px;background:#fff;font-size:25px;box-shadow:0 8px 22px rgba(70,50,87,.1)
}
.ak-drawing-generator-header h2{margin:0;color:#49394f;font-size:21px;line-height:1.15}
.ak-drawing-generator-header small{display:block;margin-top:3px;color:#8b7d91;font-size:11px}
.ak-drawing-generator-header>button{
  display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;padding:0;border:0;border-radius:14px;background:#fff;color:#604f69;box-shadow:0 7px 18px rgba(61,42,82,.1);cursor:pointer
}
.ak-drawing-generator-header>button svg{width:20px;height:20px}

.ak-drawing-generator-body{
  display:grid;
  grid-template-columns:minmax(330px,.9fr) minmax(380px,1.1fr);
  gap:14px;
  min-height:0;
  padding:14px;
  overflow:hidden;
}
.ak-drawing-generator-form,
.ak-drawing-preview-section{
  min-width:0;
  min-height:0;
  border:1px solid #eee5f2;
  border-radius:22px;
  background:#fff;
}
.ak-drawing-generator-form{display:flex;flex-direction:column;gap:12px;padding:14px;overflow:auto}
.ak-drawing-prompt{display:grid;gap:7px}
.ak-drawing-prompt>span,.ak-drawing-examples>strong,.ak-drawing-supported>strong{color:#514158;font-size:12px;font-weight:1000}
.ak-drawing-prompt textarea{
  width:100%;min-height:76px;resize:none;padding:12px 14px;border:2px solid #e5d9ef;border-radius:16px;outline:0;background:#fcfaff;color:#43354a;font:800 14px/1.45 inherit;box-sizing:border-box
}
.ak-drawing-prompt textarea:focus{border-color:#9b79df;box-shadow:0 0 0 4px rgba(155,121,223,.12)}
.ak-drawing-examples{display:grid;gap:7px}
.ak-drawing-examples>div{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
.ak-drawing-examples button{
  flex:0 0 auto;min-height:31px;padding:0 10px;border:1px solid #eadff0;border-radius:999px;background:#faf6ff;color:#6f5581;font-size:9px;font-weight:900;cursor:pointer
}
.ak-drawing-examples button:hover{border-color:#a886dd;background:#f3ebff}
.ak-drawing-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ak-drawing-controls>label:not(.ak-drawing-face-option){display:grid;grid-template-columns:1fr 46px;align-items:center;gap:8px;min-height:54px;padding:7px 9px;border:1px solid #eee4f2;border-radius:15px;background:#fbf9fd}
.ak-drawing-controls label>span{font-size:9px;font-weight:1000;color:#66536f}
.ak-drawing-controls input[type=color]{width:43px;height:38px;padding:2px;border:0;border-radius:11px;background:#fff;cursor:pointer}
.ak-drawing-face-option{display:flex!important;grid-column:1/-1;align-items:center;gap:8px;min-height:42px;padding:7px 10px;border:1px solid #eee4f2;border-radius:14px;background:#fff9ee;cursor:pointer}
.ak-drawing-face-option input{width:18px;height:18px;accent-color:#8a62c8}
.ak-drawing-supported{display:grid;gap:7px;min-height:0}
.ak-drawing-supported>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.ak-drawing-supported button{
  display:grid;place-items:center;gap:2px;min-width:0;min-height:58px;padding:5px 3px;border:1px solid #eee5f2;border-radius:13px;background:#fff;color:#58465e;cursor:pointer
}
.ak-drawing-supported button:hover{transform:translateY(-1px);border-color:#b89be4;background:#faf6ff}
.ak-drawing-supported button span{font-size:21px;line-height:1}
.ak-drawing-supported button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:900}

.ak-drawing-preview-section{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:9px;padding:12px;overflow:hidden}
.ak-drawing-recognition{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:7px 10px;border-radius:13px;background:#f7f1ff;color:#604b6a}
.ak-drawing-recognition span{font-size:10px;font-weight:900}
.ak-drawing-recognition small{font-size:8px;color:#8a7a90;text-align:right}
.ak-drawing-preview{
  display:grid;place-items:center;min-height:0;overflow:hidden;border:1px solid #eadff0;border-radius:20px;
  background-color:#fff;background-image:linear-gradient(45deg,#f2edf5 25%,transparent 25%),linear-gradient(-45deg,#f2edf5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f2edf5 75%),linear-gradient(-45deg,transparent 75%,#f2edf5 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0
}
.ak-drawing-preview svg{display:block;width:min(100%,520px);height:min(100%,520px);max-height:100%;object-fit:contain}
.ak-drawing-empty{display:grid;place-items:center;gap:7px;padding:24px;text-align:center;color:#78687e}
.ak-drawing-empty>span{font-size:46px}.ak-drawing-empty strong{font-size:14px}.ak-drawing-empty small{max-width:320px;font-size:10px;line-height:1.45}
.ak-drawing-message{min-height:30px;padding:7px 10px;border-radius:11px;background:#eef9f4;color:#47705d;font-size:8px;font-weight:800;text-align:center}

.ak-drawing-generator-footer{
  display:flex;justify-content:flex-end;gap:9px;padding:11px 14px;border-top:1px solid #eee4f3;background:#fff
}
.ak-drawing-generator-footer button{
  min-height:42px;padding:0 17px;border:0;border-radius:13px;background:#f2edf6;color:#604f69;font-size:10px;font-weight:1000;cursor:pointer
}
.ak-drawing-generator-footer button[data-redraw]{background:#fff1c4;color:#7b5d28}
.ak-drawing-generator-footer button.is-primary{background:linear-gradient(135deg,#8059c2,#a776db);color:#fff;box-shadow:0 10px 24px rgba(128,89,194,.25)}
.ak-drawing-generator-footer button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

@media (orientation:landscape) and (max-width:1280px),
       (orientation:landscape) and (pointer:coarse){
  .ak-kids-modal.ak-drawing-generator-modal{padding:6px!important}
  .ak-drawing-generator-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:18px}
  .ak-drawing-generator-header{min-height:54px;padding:6px 10px}
  .ak-drawing-generator-header>div>span{width:38px;height:38px;border-radius:12px;font-size:20px}
  .ak-drawing-generator-header h2{font-size:15px}.ak-drawing-generator-header small{font-size:8px}
  .ak-drawing-generator-header>button{width:36px;height:36px;border-radius:11px}
  .ak-drawing-generator-body{grid-template-columns:minmax(290px,42%) minmax(0,58%);gap:7px;padding:7px}
  .ak-drawing-generator-form{gap:7px;padding:8px;border-radius:15px}
  .ak-drawing-prompt{gap:4px}.ak-drawing-prompt>span,.ak-drawing-examples>strong,.ak-drawing-supported>strong{font-size:9px}
  .ak-drawing-prompt textarea{min-height:52px;padding:7px 9px;border-radius:11px;font-size:11px}
  .ak-drawing-examples{gap:4px}.ak-drawing-examples button{min-height:25px;padding:0 8px;font-size:7px}
  .ak-drawing-controls{gap:5px}.ak-drawing-controls>label:not(.ak-drawing-face-option){min-height:39px;padding:4px 6px;border-radius:10px;grid-template-columns:1fr 34px}
  .ak-drawing-controls input[type=color]{width:32px;height:29px;border-radius:8px}.ak-drawing-controls label>span{font-size:7px}
  .ak-drawing-face-option{min-height:31px!important;padding:4px 7px!important;border-radius:10px}.ak-drawing-face-option input{width:14px;height:14px}
  .ak-drawing-supported{gap:4px}.ak-drawing-supported>div{display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;padding-bottom:2px}
  .ak-drawing-supported button{flex:0 0 52px;min-height:48px;border-radius:10px}.ak-drawing-supported button span{font-size:18px}.ak-drawing-supported button small{font-size:6px}
  .ak-drawing-preview-section{gap:5px;padding:7px;border-radius:15px}
  .ak-drawing-recognition{min-height:29px;padding:4px 7px;border-radius:9px}.ak-drawing-recognition span{font-size:8px}.ak-drawing-recognition small{font-size:6px}
  .ak-drawing-preview{border-radius:13px}.ak-drawing-message{min-height:22px;padding:4px 7px;font-size:6px}
  .ak-drawing-generator-footer{gap:6px;padding:6px 8px}.ak-drawing-generator-footer button{min-height:34px;padding:0 11px;border-radius:10px;font-size:8px}
}

@media (orientation:landscape) and (max-height:470px){
  .ak-drawing-generator-header{min-height:46px}.ak-drawing-generator-header small{display:none}
  .ak-drawing-generator-body{grid-template-columns:minmax(270px,40%) minmax(0,60%);padding:5px}
  .ak-drawing-generator-form{gap:5px;padding:6px}.ak-drawing-prompt textarea{min-height:42px;height:42px}
  .ak-drawing-examples{display:none}.ak-drawing-controls>label:not(.ak-drawing-face-option){min-height:34px}.ak-drawing-face-option{min-height:27px!important}
  .ak-drawing-supported button{flex-basis:46px;min-height:41px}.ak-drawing-supported button span{font-size:16px}
  .ak-drawing-generator-footer{padding:4px 7px}.ak-drawing-generator-footer button{min-height:31px}
}

@media (orientation:portrait) and (max-width:760px){
  .ak-kids-modal.ak-drawing-generator-modal{padding:0!important;place-items:stretch!important}
  .ak-drawing-generator-dialog{width:100vw;height:100dvh;border-radius:0}
  .ak-drawing-generator-body{display:flex;flex-direction:column;overflow:auto}
  .ak-drawing-generator-form,.ak-drawing-preview-section{flex:0 0 auto;overflow:visible}
  .ak-drawing-preview{min-height:310px}
  .ak-drawing-supported>div{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ak-drawing-generator-footer{position:sticky;bottom:0}
}

.ak-corner-button.is-stick{background:linear-gradient(135deg,#eef4ff,#f5ecff);color:#5a5c98}
.ak-drawing-prompt input[type=text]{width:100%;min-height:46px;padding:0 14px;border:2px solid #ece3f3;border-radius:15px;background:#fff;color:#42334a;font-size:14px;font-weight:700;outline:none}
.ak-drawing-prompt input[type=text]:focus{border-color:#9b79df;box-shadow:0 0 0 4px rgba(155,121,223,.12)}
.ak-stickman-role-select{grid-column:1/-1;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:9px 10px!important}
.ak-stickman-role-select select{width:100%;min-height:42px;padding:0 12px;border:1px solid #e8ddf0;border-radius:12px;background:#fff;color:#4d3d56;font-size:13px;font-weight:700;outline:none}
.ak-stickman-preview{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;align-content:start}
.ak-stick-preview-main{display:grid;place-items:center;min-height:220px;padding:12px;border-radius:18px;background:linear-gradient(145deg,#fcf9ff,#eef8ff)}
.ak-stick-preview-main svg{width:min(100%,260px);height:auto;max-height:220px}
.ak-stick-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:auto;padding-right:2px}
.ak-stick-pose-card{display:grid;gap:6px;padding:8px;border:1px solid #ece2f3;border-radius:14px;background:#fff;box-shadow:0 7px 16px rgba(62,43,80,.05)}
.ak-stick-pose-card>div{display:grid;place-items:center;min-height:82px;border-radius:11px;background:linear-gradient(145deg,#fbf8fc,#edf8ff)}
.ak-stick-pose-card svg{width:100%;height:80px;object-fit:contain}
.ak-stick-pose-card strong{display:block;font-size:9px;line-height:1.25;color:#5c4a65;text-align:center}
@media (max-width:760px){
  .ak-stick-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ak-stick-preview-main{min-height:180px}
  .ak-stick-preview-main svg{max-height:180px}
  .ak-drawing-prompt input[type=text]{min-height:40px;font-size:12px;border-radius:11px}
  .ak-stickman-role-select select{min-height:36px;font-size:12px}
}

.ak-stickman-action-modal{padding:10px!important;place-items:center!important;z-index:1500!important}
.ak-stickman-action-dialog{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1100px,96vw);max-height:min(92dvh,860px);padding:18px;border-radius:28px;background:linear-gradient(180deg,#fff,#f8f4fc);box-shadow:0 28px 90px rgba(37,24,46,.28);overflow:hidden}
.ak-stickman-action-head{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center;padding:0 30px 12px 0;border-bottom:1px solid #ede4f3}
.ak-stickman-action-avatar{display:grid;place-items:center;width:104px;height:104px;border-radius:24px;background:linear-gradient(145deg,#fbf8ff,#ebf7ff);border:1px solid #ece3f3;overflow:hidden}
.ak-stickman-action-avatar img{width:100%;height:100%;object-fit:contain}.ak-stickman-action-avatar span{font-size:46px}
.ak-stickman-action-head small{display:block;color:#8f7da0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.ak-stickman-action-head h2{margin:2px 0 6px;color:#45364f;font-size:28px;line-height:1.1}.ak-stickman-action-head p{margin:0;color:#776980;font-size:14px;line-height:1.45}
.ak-stickman-action-body{display:grid;gap:14px;min-height:0;padding:14px 2px 8px;overflow:auto}
.ak-stickman-action-section{display:grid;gap:8px}.ak-stickman-action-title{display:flex;align-items:center;gap:8px;color:#4f3f5a}.ak-stickman-action-title span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#f0e8f8;font-size:19px}.ak-stickman-action-title strong{font-size:16px}
.ak-stickman-action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px}
.ak-stickman-action-grid button{display:grid;grid-template-rows:auto auto auto auto;justify-items:center;gap:4px;min-height:92px;padding:9px 8px;border:1px solid #ebdff2;border-radius:18px;background:#fff;box-shadow:0 8px 18px rgba(62,43,80,.06);cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}
.ak-stickman-action-grid button:hover{transform:translateY(-1px);border-color:#bea1ea;box-shadow:0 10px 22px rgba(62,43,80,.1)}
.ak-stickman-action-grid button span{font-size:24px;line-height:1}.ak-stickman-action-grid button small{font-size:11px;font-weight:1000;color:#54435d;text-align:center;line-height:1.15}.ak-stickman-action-grid button em{font-style:normal;font-size:9px;color:#8a7895}.ak-stickman-action-grid button i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#7f5bc3;color:#fff;font-style:normal;font-size:16px;line-height:1}
.ak-stickman-action-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:10px;border-top:1px solid #ede4f3}.ak-stickman-action-footer button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border:0;border-radius:15px;background:#efe8f7;color:#624b77;font-size:13px;font-weight:1000;cursor:pointer}.ak-stickman-action-footer button:last-child{background:linear-gradient(135deg,#7b59bf,#a476db);color:#fff}.ak-stickman-action-footer svg{width:18px;height:18px}

@media (max-width:980px){
  .ak-stickman-action-dialog{width:min(100vw - 12px,940px);max-height:calc(100dvh - 12px);padding:12px;border-radius:22px}
  .ak-stickman-action-head{grid-template-columns:82px minmax(0,1fr);gap:10px;padding-right:34px}.ak-stickman-action-avatar{width:82px;height:82px;border-radius:18px}
  .ak-stickman-action-head h2{font-size:21px}.ak-stickman-action-head p{font-size:12px}
  .ak-stickman-action-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:7px}.ak-stickman-action-grid button{min-height:82px;padding:7px;border-radius:15px}.ak-stickman-action-grid button small{font-size:9px}.ak-stickman-action-grid button em{font-size:8px}
}
@media (max-width:680px){
  .ak-stickman-action-modal{padding:0!important;place-items:stretch!important}
  .ak-stickman-action-dialog{width:100vw;max-height:100dvh;height:100dvh;padding:10px;border-radius:0}
  .ak-stickman-action-head{grid-template-columns:72px minmax(0,1fr);padding-right:34px}.ak-stickman-action-avatar{width:72px;height:72px;border-radius:16px}
  .ak-stickman-action-head small{font-size:9px}.ak-stickman-action-head h2{font-size:18px}.ak-stickman-action-head p{font-size:11px}
  .ak-stickman-action-body{gap:10px;padding-top:10px}
  .ak-stickman-action-title span{width:32px;height:32px;border-radius:12px;font-size:17px}.ak-stickman-action-title strong{font-size:14px}
  .ak-stickman-action-grid{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
  .ak-stickman-action-grid button{flex:0 0 92px;min-height:86px}
  .ak-stickman-action-footer{display:grid;grid-template-columns:1fr 1fr}.ak-stickman-action-footer button{justify-content:center;min-height:42px;padding:0 10px;font-size:11px}
}

/* =========================================================
   V3.19.0 — TEXTO COMPACTO, CAMINHO LIVRE E REMOÇÃO DA CENA
   ========================================================= */
.ak-animation-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ak-custom-path-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:2px dashed #ad8bd7;border-radius:18px;background:linear-gradient(135deg,#fff8fc,#f3effc)}
.ak-custom-path-card>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff;font-size:30px;box-shadow:0 7px 18px rgba(67,47,83,.08)}
.ak-custom-path-card>div{display:grid;gap:3px}.ak-custom-path-card strong{font-size:14px;color:#4d3b57}.ak-custom-path-card small{font-size:10px;line-height:1.35;color:#82728a}
.ak-custom-path-card>button{min-height:44px;padding:0 15px;border:0;border-radius:14px;background:linear-gradient(135deg,#7d59c1,#a375d9);color:#fff;font-size:11px;font-weight:1000;cursor:pointer}.ak-custom-path-card>button:disabled{opacity:.45}
.ak-custom-path-overlay{position:absolute;inset:0;z-index:80;touch-action:none;cursor:crosshair;background:rgba(246,239,251,.12);overflow:hidden}
.ak-custom-path-overlay>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ak-custom-path-instruction{position:absolute;left:50%;top:12px;transform:translateX(-50%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:min(620px,calc(100% - 20px));padding:8px 10px;border:1px solid rgba(126,89,193,.22);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 10px 26px rgba(42,30,53,.16);backdrop-filter:blur(10px)}
.ak-custom-path-instruction>span{font-size:25px}.ak-custom-path-instruction>div{display:grid}.ak-custom-path-instruction strong{font-size:12px}.ak-custom-path-instruction small{font-size:9px;color:#806f88}.ak-custom-path-instruction button{min-height:34px;padding:0 11px;border:0;border-radius:11px;background:#f2eaf7;color:#74588a;font-size:9px;font-weight:1000}
.ak-custom-path-finish{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px;padding:7px;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(42,30,53,.2)}
.ak-custom-path-finish[hidden]{display:none}.ak-custom-path-finish button{min-height:40px;padding:0 14px;border:0;border-radius:12px;background:#f0e8f6;color:#684d7b;font-size:10px;font-weight:1000}.ak-custom-path-finish button.is-primary{background:linear-gradient(135deg,#7b59bf,#a476db);color:#fff}

.ak-scene-element-card{position:relative;min-width:0;border:2px solid #eee6f1;border-radius:13px;background:#fff;overflow:hidden}.ak-scene-element-card.is-active{border-color:#e675a4;background:#fff0f6}.ak-scene-element-card>button[data-select-element]{display:grid!important;gap:4px!important;width:100%!important;padding:5px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden!important;cursor:pointer!important}.ak-scene-element-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#f8f5fa}.ak-scene-element-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900}.ak-scene-element-trash{position:absolute!important;right:4px!important;top:4px!important;display:grid!important;place-items:center!important;width:27px!important;height:27px!important;padding:0!important;border:0!important;border-radius:9px!important;background:#ffe4ec!important;color:#b72f59!important;font-size:13px!important;box-shadow:0 4px 10px rgba(113,39,66,.16)!important;z-index:3!important}
.ak-protagonist-list>div.is-hidden-in-scene,.ak-protagonist-accordion.is-hidden-in-scene{opacity:.6}.ak-protagonist-list button.is-restore,.ak-protagonist-pose-title button.is-restore{background:#e5f7ee!important;color:#28714d!important}.ak-protagonist-list button.is-scene-trash,.ak-protagonist-pose-title button.is-scene-trash{background:#ffe5ed!important;color:#b6335e!important}

.ak-drawing-prompt-desktop{display:block}.ak-drawing-prompt-touch{display:none}
.ak-drawing-text-modal{z-index:1700!important;padding:12px!important;place-items:center!important}
.ak-drawing-text-dialog{position:relative;display:grid;justify-items:center;gap:10px;width:min(520px,calc(100vw - 24px));padding:24px;border-radius:24px;background:linear-gradient(180deg,#fff,#faf6fc);box-shadow:0 25px 80px rgba(36,24,44,.3);text-align:center}
.ak-drawing-text-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#f2eafb;font-size:29px}.ak-drawing-text-dialog h2{margin:0;font-size:21px;color:#4a394f}.ak-drawing-text-dialog p{margin:0;color:#7f7086;font-size:11px;line-height:1.45}.ak-drawing-text-dialog input{width:100%;min-height:50px;padding:0 14px;border:2px solid #e8dded;border-radius:15px;background:#fff;color:#46364d;font-size:15px;font-weight:800;outline:none}.ak-drawing-text-dialog input:focus{border-color:#9872cc;box-shadow:0 0 0 4px rgba(152,114,204,.13)}.ak-drawing-text-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.ak-drawing-text-dialog>div button{min-height:43px;border:0;border-radius:13px;background:#f0e9f5;color:#6a5378;font-size:11px;font-weight:1000}.ak-drawing-text-dialog>div button.is-primary{background:linear-gradient(135deg,#7c59c0,#a576da);color:#fff}

@media (pointer:coarse), (max-width:1023px){
  .ak-drawing-prompt-desktop{display:none!important}.ak-drawing-prompt-touch{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:2px solid #e8dded;border-radius:12px;background:#fff;color:#4d3d55;text-align:left}.ak-drawing-prompt-touch strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.ak-drawing-prompt-touch i{font-style:normal;font-size:17px}
  .ak-custom-path-card{grid-template-columns:48px minmax(0,1fr) auto;gap:7px;padding:7px;border-radius:13px}.ak-custom-path-card>span{width:45px;height:45px;border-radius:13px;font-size:23px}.ak-custom-path-card strong{font-size:10px}.ak-custom-path-card small{font-size:7px}.ak-custom-path-card>button{min-height:36px;padding:0 9px;border-radius:10px;font-size:8px}
  .ak-custom-path-instruction{top:6px;padding:5px 7px;border-radius:12px}.ak-custom-path-instruction>span{font-size:20px}.ak-custom-path-instruction strong{font-size:9px}.ak-custom-path-instruction small{font-size:7px}.ak-custom-path-instruction button{min-height:29px;font-size:7px}.ak-custom-path-finish{bottom:7px;padding:5px;border-radius:12px}.ak-custom-path-finish button{min-height:34px;font-size:8px}
}
@media (orientation:landscape) and (max-height:500px){
  .ak-drawing-text-dialog{width:min(500px,70vw);padding:14px;gap:6px;border-radius:18px}.ak-drawing-text-icon{width:42px;height:42px;font-size:22px}.ak-drawing-text-dialog h2{font-size:16px}.ak-drawing-text-dialog p{font-size:8px}.ak-drawing-text-dialog input{min-height:42px;font-size:12px}.ak-drawing-text-dialog>div button{min-height:36px;font-size:9px}
  .ak-animation-category-grid button{min-width:70px!important}
}

/* =========================================================
   V3.20.0 — HOME ESTÚDIO MÁGICO RESPONSIVA EM QUALQUER TELA
   Alterações restritas à tela inicial.
   ========================================================= */
.ak-home-fullscreen{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:clamp(5px,1.4vmin,14px)!important;
  width:100%!important;
  height:100%!important;
  height:100dvh!important;
  min-width:0!important;
  min-height:0!important;
  padding:
    max(8px,env(safe-area-inset-top))
    max(8px,env(safe-area-inset-right))
    max(8px,env(safe-area-inset-bottom))
    max(8px,env(safe-area-inset-left))!important;
  overflow:hidden!important;
}
.ak-home-fullscreen>*{box-sizing:border-box}

.ak-home-topbar{
  position:relative!important;
  inset:auto!important;
  z-index:12!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:clamp(7px,1.4vmin,14px)!important;
  width:100%!important;
  min-width:0!important;
}
.ak-home-logo-pill{
  flex:0 1 auto!important;
  max-width:min(72vw,360px)!important;
  min-width:0!important;
  padding:clamp(5px,1vmin,9px) clamp(9px,1.8vmin,15px) clamp(5px,1vmin,9px) clamp(6px,1vmin,10px)!important;
  border-radius:clamp(15px,2.4vmin,21px)!important;
}
.ak-home-logo-pill>span{
  flex:0 0 auto!important;
  width:clamp(34px,5.8vmin,44px)!important;
  height:clamp(34px,5.8vmin,44px)!important;
  border-radius:clamp(12px,2vmin,16px)!important;
  font-size:clamp(18px,3vmin,24px)!important;
}
.ak-home-logo-pill div{min-width:0!important}
.ak-home-logo-pill strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(12px,2.1vmin,17px)!important;
}
.ak-home-logo-pill small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(7px,1.25vmin,10px)!important;
}

.ak-home-lock-button{
  position:relative!important;
  z-index:20!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:clamp(48px,9vmin,84px)!important;
  height:clamp(44px,6.8vmin,54px)!important;
  padding:0 clamp(10px,1.8vmin,16px)!important;
  border:1px solid rgba(122,88,189,.12)!important;
  border-radius:clamp(15px,2.4vmin,20px)!important;
  color:#604879!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
.ak-home-lock-button>span{display:grid!important;place-items:center!important;line-height:0!important}
.ak-home-lock-button svg{
  display:block!important;
  width:clamp(19px,2.8vmin,23px)!important;
  height:clamp(19px,2.8vmin,23px)!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.ak-home-lock-button strong{display:block!important;font-size:clamp(10px,1.65vmin,13px)!important;line-height:1!important}
.ak-home-lock-button:hover{background:#fff!important;box-shadow:0 14px 34px rgba(61,42,82,.18)!important}
.ak-home-lock-button:focus-visible{outline:3px solid rgba(128,89,194,.28)!important;outline-offset:3px!important}

.ak-home-center-stage{
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  display:grid!important;
  place-content:center!important;
  justify-items:center!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
}
.ak-home-create-button{
  width:clamp(112px,min(44vw,42vh),258px)!important;
  max-width:100%!important;
  max-height:100%!important;
  border-radius:clamp(34px,6vmin,58px)!important;
}
.ak-home-create-button::before{
  inset:clamp(7px,1.5vmin,11px)!important;
  border-radius:clamp(29px,5.3vmin,50px)!important;
}
.ak-home-create-button>span{
  width:clamp(42px,9vmin,68px)!important;
  height:clamp(42px,9vmin,68px)!important;
  border-radius:clamp(15px,3vmin,24px)!important;
  font-size:clamp(28px,6vmin,42px)!important;
}
.ak-home-create-button strong{font-size:clamp(16px,3.7vmin,30px)!important}
.ak-home-create-button small{font-size:clamp(7px,1.35vmin,11px)!important}
.ak-home-floating-icons{
  gap:clamp(8px,2vmin,18px)!important;
  margin-top:clamp(7px,2vmin,18px)!important;
}
.ak-home-floating-icons i{
  width:clamp(36px,7vmin,52px)!important;
  height:clamp(36px,7vmin,52px)!important;
  border-radius:clamp(13px,2.5vmin,18px)!important;
  font-size:clamp(18px,3.6vmin,25px)!important;
}

.ak-home-library-dock{
  position:relative!important;
  inset:auto!important;
  z-index:10!important;
  display:grid!important;
  gap:clamp(4px,1vmin,8px)!important;
  width:100%!important;
  min-width:0!important;
  max-height:min(30dvh,178px)!important;
  padding:clamp(6px,1.3vmin,11px)!important;
  border-radius:clamp(17px,3vmin,25px)!important;
  overflow:hidden!important;
}
.ak-home-library-title{flex:0 0 auto!important;min-width:0!important}
.ak-home-story-row{
  min-width:0!important;
  width:100%!important;
  padding-bottom:1px!important;
}
.ak-home-story-tile{
  box-sizing:border-box!important;
  flex:0 0 clamp(220px,34vw,300px)!important;
  min-width:0!important;
  max-width:86vw!important;
}

/* Retrato: usa melhor a altura e mantém biblioteca, botão e logout visíveis. */
@media (orientation:portrait){
  .ak-home-fullscreen{gap:clamp(7px,1.5vh,16px)!important}
  .ak-home-center-stage{align-content:center!important}
  .ak-home-create-button{width:clamp(132px,min(58vw,32vh),246px)!important}
  .ak-home-library-dock{max-height:min(28dvh,190px)!important}
  .ak-home-story-tile{flex-basis:min(280px,82vw)!important;max-width:82vw!important}
}

/* Telas horizontais baixas: tudo continua acessível sem sobreposição. */
@media (orientation:landscape) and (max-height:560px){
  .ak-home-fullscreen{
    gap:4px!important;
    padding:
      max(5px,env(safe-area-inset-top))
      max(6px,env(safe-area-inset-right))
      max(5px,env(safe-area-inset-bottom))
      max(6px,env(safe-area-inset-left))!important;
  }
  .ak-home-logo-pill{padding:4px 9px 4px 5px!important}
  .ak-home-logo-pill>span{width:34px!important;height:34px!important;border-radius:12px!important;font-size:18px!important}
  .ak-home-lock-button{height:38px!important;min-width:64px!important;padding:0 10px!important;border-radius:13px!important}
  .ak-home-lock-button svg{width:18px!important;height:18px!important}
  .ak-home-lock-button strong{font-size:10px!important}
  .ak-home-create-button{width:clamp(96px,min(27vw,40vh),160px)!important}
  .ak-home-create-button>span{width:40px!important;height:40px!important;border-radius:14px!important;font-size:27px!important}
  .ak-home-create-button strong{font-size:15px!important}
  .ak-home-create-button small{font-size:7px!important}
  .ak-home-floating-icons{display:none!important}
  .ak-home-library-dock{max-height:min(31dvh,92px)!important;padding:5px!important;border-radius:16px!important}
  .ak-home-library-title{display:none!important}
  .ak-home-story-tile{flex-basis:236px!important;min-height:50px!important;grid-template-columns:40px minmax(0,1fr) 68px!important;padding:4px!important}
  .ak-home-story-thumb{width:40px!important;height:40px!important;border-radius:11px!important}
  .ak-home-story-actions{grid-template-columns:repeat(2,30px)!important;width:65px!important;gap:5px!important}
  .ak-home-story-actions button{width:30px!important;height:30px!important;border-radius:10px!important}
}

/* Celulares estreitos: o texto do logo encolhe sem empurrar o logout para fora. */
@media (max-width:420px){
  .ak-home-logo-pill{max-width:calc(100vw - 82px)!important}
  .ak-home-lock-button{min-width:48px!important;width:48px!important;padding:0!important}
  .ak-home-lock-button strong{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .ak-home-story-tile{flex-basis:min(252px,84vw)!important;max-width:84vw!important}
}

/* Dispositivos extremamente pequenos ou janelas muito reduzidas. */
@media (max-width:350px), (max-height:300px){
  .ak-home-logo-pill small{display:none!important}
  .ak-home-logo-pill strong{font-size:11px!important}
  .ak-home-create-button{width:clamp(88px,min(42vw,36vh),126px)!important}
  .ak-home-create-button strong{font-size:13px!important}
  .ak-home-create-button small{display:none!important}
  .ak-home-library-dock{max-height:82px!important}
  .ak-home-story-meta span{display:none!important}
}

/* Telas grandes e ultrawide: evita que os elementos fiquem espalhados demais. */
@media (min-width:1500px) and (min-height:800px){
  .ak-home-fullscreen{padding:18px 22px!important}
  .ak-home-create-button{width:270px!important}
  .ak-home-library-dock{max-height:180px!important}
  .ak-home-story-tile{flex-basis:310px!important}
}

/* =========================================================
   V3.21.0 — CARTÕES DE CENA MAIORES + PROTAGONISTAS COMPACTOS
   ========================================================= */

/* Os quatro comandos ocupam melhor a altura do cartão em qualquer layout. */
.ak-scene-panel-card{
  grid-template-columns:minmax(0,1fr) 80px!important;
  min-height:96px!important;
}
.ak-scene-panel-actions{
  display:grid!important;
  grid-template-columns:repeat(2,36px)!important;
  grid-template-rows:repeat(2,36px)!important;
  justify-content:center!important;
  align-content:center!important;
  gap:6px!important;
}
.ak-scene-panel-actions button{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
}
.ak-scene-panel-actions svg{width:20px!important;height:20px!important}

/* O botão Protagonistas não muda de lugar quando é aberto. */
.ak-hero-compact-row{position:relative!important;overflow:visible!important}
.ak-compact-protagonists,
.ak-compact-protagonists[open]{
  position:static!important;
  display:block!important;
  grid-column:auto!important;
  align-self:stretch!important;
  min-width:0!important;
}
.ak-compact-protagonists>summary,
.ak-compact-protagonists[open]>summary{
  width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
}
.ak-protagonist-dropdown{
  position:absolute!important;
  z-index:120!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  right:0!important;
  display:grid!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  max-height:min(330px,calc(100dvh - 145px))!important;
  padding:9px!important;
  border:1px solid #e2d5eb!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 16px 38px rgba(50,32,66,.20)!important;
  backdrop-filter:blur(16px)!important;
  overflow:auto!important;
}
.ak-protagonist-compact-list{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:1px 1px 5px!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.ak-protagonist-compact-item{
  position:relative!important;
  flex:0 0 88px!important;
  width:88px!important;
  min-width:88px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  scroll-snap-align:start!important;
}
.ak-protagonist-compact-item>summary::-webkit-details-marker{display:none!important}
.ak-protagonist-compact-card,
.ak-protagonist-add-card{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:88px!important;
  height:88px!important;
  min-width:88px!important;
  min-height:88px!important;
  padding:4px!important;
  border:2px dashed #bea7d5!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#fff8fb,#f3effa)!important;
  color:#684b80!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  cursor:pointer!important;
  list-style:none!important;
}
.ak-protagonist-compact-item.is-hidden-in-scene .ak-protagonist-compact-card{opacity:.62!important;filter:grayscale(.25)!important}
.ak-protagonist-compact-image,
.ak-protagonist-add-visual{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  border-radius:9px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.ak-protagonist-compact-image img{width:100%!important;height:100%!important;object-fit:contain!important}
.ak-protagonist-add-visual{color:#8059c2!important;font-size:34px!important;font-weight:800!important}
.ak-protagonist-compact-card>i{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  display:grid!important;
  place-items:center!important;
  width:23px!important;
  height:23px!important;
  border-radius:50%!important;
  background:#8059c2!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(78,52,111,.22)!important;
  font-size:15px!important;
  font-style:normal!important;
  font-weight:1000!important;
}
.ak-protagonist-compact-item[open] .ak-protagonist-compact-card>i{background:#ec6f9f!important;font-size:0!important}
.ak-protagonist-compact-item[open] .ak-protagonist-compact-card>i::before{content:'−'!important;font-size:15px!important}
.ak-protagonist-compact-card>small,
.ak-protagonist-add-card>small{
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  bottom:15px!important;
  padding:3px 4px!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.94)!important;
  color:#604873!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:8px!important;
  font-weight:1000!important;
  text-align:center!important;
}
.ak-protagonist-compact-card>em,
.ak-protagonist-add-card>em{
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  bottom:4px!important;
  color:#8a7895!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:6px!important;
  font-style:normal!important;
  font-weight:900!important;
  text-align:center!important;
}
.ak-protagonist-add-card{flex:0 0 88px!important}
.ak-protagonist-compact-detail{
  display:grid!important;
  gap:6px!important;
  width:min(292px,calc(100vw - 120px))!important;
  margin-top:6px!important;
  padding:7px!important;
  border:1px solid #e9e0ee!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(50,32,66,.12)!important;
}

/* Desktop: cartões e comandos maiores sem perder a miniatura da cena. */
@media (min-width:1024px) and (min-height:600px) and (pointer:fine){
  .ak-floating-panel.is-scenes-panel .ak-scenes-panel-list{height:154px!important;gap:14px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-card{
    flex:0 0 304px!important;
    width:304px!important;
    height:154px!important;
    grid-template-columns:minmax(0,1fr) 100px!important;
    gap:8px!important;
    padding:8px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-open{grid-template-rows:98px minmax(0,1fr)!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-thumb{height:98px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions{
    grid-template-columns:repeat(2,44px)!important;
    grid-template-rows:repeat(2,44px)!important;
    gap:8px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions button{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions svg{width:23px!important;height:23px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-add{height:154px!important;width:160px!important;flex-basis:160px!important}
}

/* Tablet e celular horizontal: toque mais fácil, sem estourar a bandeja. */
@media (orientation:landscape) and (pointer:coarse),
       (orientation:landscape) and (max-width:1024px){
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-card{
    flex-basis:clamp(220px,35vw,280px)!important;
    width:clamp(220px,35vw,280px)!important;
    grid-template-columns:minmax(0,1fr) 80px!important;
    gap:6px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions{
    grid-template-columns:repeat(2,36px)!important;
    grid-template-rows:repeat(2,36px)!important;
    gap:6px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions button{width:36px!important;height:36px!important;border-radius:11px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions svg{width:20px!important;height:20px!important}
  .ak-protagonist-compact-item,
  .ak-protagonist-compact-card,
  .ak-protagonist-add-card{flex-basis:82px!important;width:82px!important;min-width:82px!important}
  .ak-protagonist-compact-card,
  .ak-protagonist-add-card{height:82px!important;min-height:82px!important}
}

/* Moto G9 e telas horizontais baixas. */
@media (orientation:landscape) and (max-height:460px){
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-card{
    flex-basis:225px!important;
    width:225px!important;
    grid-template-columns:minmax(0,1fr) 74px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions{
    grid-template-columns:repeat(2,34px)!important;
    grid-template-rows:repeat(2,34px)!important;
    gap:5px!important;
  }
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions button{width:34px!important;height:34px!important}
  .ak-floating-panel.is-scenes-panel .ak-scene-panel-actions svg{width:19px!important;height:19px!important}
  .ak-protagonist-dropdown{max-height:210px!important;padding:6px!important}
  .ak-protagonist-compact-item,
  .ak-protagonist-compact-card,
  .ak-protagonist-add-card{flex-basis:72px!important;width:72px!important;min-width:72px!important}
  .ak-protagonist-compact-card,
  .ak-protagonist-add-card{height:72px!important;min-height:72px!important}
  .ak-protagonist-compact-card>small,
  .ak-protagonist-add-card>small{font-size:7px!important}
}

/* ===== V3.22 — teclado próprio e desenho livre ===== */
.ak-drawing-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:4px;border:1px solid #eadff0;border-radius:16px;background:#f7f2fa}
.ak-drawing-mode-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:6px 10px;border:0;border-radius:12px;background:transparent;color:#705f79;font-size:10px;font-weight:1000;cursor:pointer}
.ak-drawing-mode-switch button span{font-size:17px}.ak-drawing-mode-switch button.is-active{background:#fff;color:#63458a;box-shadow:0 5px 14px rgba(75,51,92,.1)}

.ak-editor-keyboard-modal{padding:10px!important;place-items:center!important;z-index:1700!important}
.ak-editor-keyboard-dialog{width:min(720px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:18px;border-radius:25px;overflow:auto}
.ak-editor-keyboard-display{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:56px;padding:9px 14px;border:2px solid #e6dbea;border-radius:16px;background:#fff;color:#43344a;font-size:17px;font-weight:900;text-align:left;word-break:break-word;outline:none;cursor:default}
.ak-editor-keyboard-display:focus{border-color:#9a76ce;box-shadow:0 0 0 4px rgba(154,118,206,.12)}
.ak-editor-keyboard-display>span{white-space:pre-wrap}.ak-editor-keyboard-display>i{display:inline-block;width:2px;height:25px;margin-left:2px;background:#835fc1;animation:akKeyboardCaret 1s steps(1) infinite}.ak-editor-keyboard-display>small{position:absolute;left:14px;color:#a091a6;font-size:12px;font-weight:800}
@keyframes akKeyboardCaret{50%{opacity:0}}
.ak-editor-keyboard-count{width:100%;margin-top:-7px;padding-right:3px;color:#998b9f;font-size:8px;font-weight:900;text-align:right}
.ak-editor-keyboard{display:grid;gap:6px;width:100%;padding:9px;border-radius:18px;background:linear-gradient(145deg,#f6f0fa,#eef7ff)}
.ak-editor-keyboard>div{display:flex;justify-content:center;gap:5px;min-width:0}
.ak-editor-keyboard button{flex:1 1 0;min-width:0;min-height:43px;padding:0 3px;border:1px solid #dfd4e7;border-radius:11px;background:#fff;color:#4e3d57;font-size:14px;font-weight:1000;box-shadow:0 3px 0 #d9cee1;cursor:pointer;touch-action:manipulation}
.ak-editor-keyboard button:active{transform:translateY(2px);box-shadow:0 1px 0 #d9cee1}.ak-editor-keyboard button.is-active{background:#7d59bf;color:#fff;border-color:#7d59bf}
.ak-editor-keyboard-controls button:nth-child(2){flex:3}.ak-editor-keyboard-controls button:nth-child(3){font-size:20px}.ak-editor-keyboard-controls button:last-child{background:#ffe8ee;color:#a84f6b}
.ak-editor-keyboard-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%}
.ak-editor-keyboard-actions button:disabled{opacity:.45}

.ak-free-drawing-modal{padding:8px!important;place-items:center!important;z-index:1550!important}
.ak-free-drawing-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1240px,calc(100vw - 16px));height:min(900px,calc(100dvh - 16px));border-radius:26px;background:linear-gradient(180deg,#fff,#f8f4fb);box-shadow:0 28px 100px rgba(36,24,44,.3);overflow:hidden}
.ak-free-drawing-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:9px 14px;border-bottom:1px solid #ece2f1;background:linear-gradient(135deg,#fff7fb,#f3f0ff)}
.ak-free-drawing-header>div{display:flex;align-items:center;gap:11px;min-width:0}.ak-free-drawing-header>div>span{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#fff;font-size:24px;box-shadow:0 6px 16px rgba(70,50,87,.08)}
.ak-free-drawing-header h2{margin:0;color:#4b3a53;font-size:20px}.ak-free-drawing-header small{display:block;margin-top:2px;color:#88798e;font-size:10px}.ak-free-drawing-header>button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:14px;background:#fff;color:#604c70;cursor:pointer}.ak-free-drawing-header svg{width:20px;height:20px}
.ak-free-drawing-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:10px;min-height:0;padding:10px;overflow:hidden}
.ak-free-drawing-tools{display:flex;flex-direction:column;gap:10px;min-height:0;padding:10px;border:1px solid #ede3f2;border-radius:20px;background:#fff;overflow:auto}
.ak-free-mode-switch{flex:0 0 auto}.ak-free-drawing-name{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-height:48px;padding:6px 9px;border:1px solid #eadff0;border-radius:14px;background:#faf7fc;color:#55425e;text-align:left;cursor:pointer}.ak-free-drawing-name span{font-size:8px;font-weight:900;text-transform:uppercase;color:#927f9b}.ak-free-drawing-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.ak-free-drawing-name i{font-style:normal}
.ak-free-tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ak-free-tool-list button{display:grid;place-items:center;gap:3px;min-height:64px;padding:5px;border:1px solid #eadff0;border-radius:14px;background:#fff;color:#604e69;cursor:pointer}.ak-free-tool-list button span{font-size:22px}.ak-free-tool-list button small{font-size:7px;font-weight:1000}.ak-free-tool-list button.is-active{border-color:#9a73d0;background:#f3ecff;color:#674791;box-shadow:0 0 0 2px rgba(154,115,208,.1)}
.ak-free-drawing-settings{display:grid;gap:7px}.ak-free-drawing-settings>label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:45px;padding:6px 9px;border:1px solid #eee5f2;border-radius:13px;background:#fbf9fc}.ak-free-drawing-settings span{font-size:9px;font-weight:1000;color:#66556e}.ak-free-drawing-settings input[type=color]{width:42px;height:34px;padding:1px;border:0;border-radius:9px;background:#fff}.ak-free-drawing-settings input[type=range]{width:100px;accent-color:#825ec1}.ak-free-drawing-settings b{font-size:9px;color:#7c6984}.ak-free-fill-option{display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important}.ak-free-fill-option input{width:17px;height:17px;accent-color:#825ec1}
.ak-free-quick-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.ak-free-quick-colors button{aspect-ratio:1;border:2px solid #fff;border-radius:10px;box-shadow:0 0 0 1px #dfd5e5;cursor:pointer}
.ak-free-drawing-workspace{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;border:1px solid #eae0ef;border-radius:20px;background:#fff;overflow:hidden}
.ak-free-drawing-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:6px 10px;border-bottom:1px solid #eee5f2;background:#fcfafd}.ak-free-drawing-topbar>div{display:flex;gap:5px}.ak-free-drawing-topbar button{min-width:38px;min-height:34px;padding:0 9px;border:0;border-radius:10px;background:#eee7f5;color:#604c70;font-size:13px;font-weight:1000;cursor:pointer}.ak-free-drawing-topbar button:disabled{opacity:.35}.ak-free-drawing-topbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#807287;font-size:9px;font-weight:800;text-align:right}
.ak-free-svg-wrap{display:grid;place-items:center;min-height:0;padding:10px;overflow:hidden;background-color:#f9f7fb;background-image:linear-gradient(45deg,#eee9f1 25%,transparent 25%),linear-gradient(-45deg,#eee9f1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee9f1 75%),linear-gradient(-45deg,transparent 75%,#eee9f1 75%);background-size:26px 26px;background-position:0 0,0 13px,13px -13px,-13px 0}
.ak-free-svg-wrap svg{display:block;width:min(100%,760px);height:min(100%,760px);aspect-ratio:1;border:2px solid #ded4e5;border-radius:18px;background:rgba(255,255,255,.93);box-shadow:0 12px 30px rgba(54,39,66,.1);touch-action:none;user-select:none}
.ak-free-drawing-footer{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid #ece2f1;background:#fff}.ak-free-drawing-footer button{min-height:42px;padding:0 15px;border:0;border-radius:13px;background:#efe8f5;color:#665073;font-size:10px;font-weight:1000;cursor:pointer}.ak-free-drawing-footer button:nth-child(2){background:#e8f4ff;color:#477297}.ak-free-drawing-footer button.is-primary{background:linear-gradient(135deg,#7c58bf,#a675da);color:#fff}.ak-free-drawing-footer button:disabled{opacity:.42}

@media (pointer:coarse), (max-width:1100px){
  .ak-editor-keyboard-dialog{width:min(720px,96vw);padding:12px;gap:7px;border-radius:20px}.ak-editor-keyboard-dialog>.ak-drawing-text-icon{width:40px;height:40px;font-size:20px}.ak-editor-keyboard-dialog h2{font-size:16px}.ak-editor-keyboard-dialog p{font-size:8px}.ak-editor-keyboard-display{min-height:45px;font-size:13px;border-radius:12px}.ak-editor-keyboard{gap:4px;padding:6px;border-radius:14px}.ak-editor-keyboard>div{gap:3px}.ak-editor-keyboard button{min-height:36px;border-radius:8px;font-size:11px}.ak-editor-keyboard-actions button{min-height:34px!important}
  .ak-free-drawing-dialog{width:calc(100vw - 8px);height:calc(100dvh - 8px);border-radius:20px}.ak-free-drawing-header{min-height:54px;padding:6px 9px}.ak-free-drawing-header>div>span{width:38px;height:38px;border-radius:12px;font-size:20px}.ak-free-drawing-header h2{font-size:15px}.ak-free-drawing-header small{font-size:7px}.ak-free-drawing-header>button{width:36px;height:36px;border-radius:11px}
  .ak-free-drawing-layout{grid-template-columns:220px minmax(0,1fr);gap:6px;padding:6px}.ak-free-drawing-tools{gap:6px;padding:7px;border-radius:15px}.ak-drawing-mode-switch button{min-height:34px;padding:4px;font-size:7px}.ak-drawing-mode-switch button span{font-size:14px}.ak-free-drawing-name{min-height:38px;border-radius:10px}.ak-free-tool-list{gap:4px}.ak-free-tool-list button{min-height:49px;border-radius:10px}.ak-free-tool-list button span{font-size:17px}.ak-free-tool-list button small{font-size:6px}.ak-free-drawing-settings{gap:4px}.ak-free-drawing-settings>label{min-height:35px;padding:3px 6px;border-radius:9px}.ak-free-drawing-settings span{font-size:7px}.ak-free-drawing-settings input[type=color]{width:31px;height:28px}.ak-free-drawing-settings input[type=range]{width:75px}.ak-free-quick-colors{gap:3px}.ak-free-quick-colors button{border-radius:7px}
  .ak-free-drawing-workspace{border-radius:15px}.ak-free-drawing-topbar{min-height:39px;padding:4px 7px}.ak-free-drawing-topbar button{min-width:32px;min-height:29px;padding:0 7px;border-radius:8px;font-size:10px}.ak-free-drawing-topbar span{font-size:7px}.ak-free-svg-wrap{padding:6px}.ak-free-svg-wrap svg{border-radius:13px}.ak-free-drawing-footer{gap:5px;padding:5px 8px}.ak-free-drawing-footer button{min-height:34px;padding:0 10px;border-radius:10px;font-size:8px}
}

@media (orientation:landscape) and (max-height:480px){
  .ak-editor-keyboard-modal{padding:3px!important}.ak-editor-keyboard-dialog{display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-areas:'icon display' 'title keyboard' 'desc keyboard' 'actions keyboard';align-items:center;width:min(900px,calc(100vw - 6px));max-height:calc(100dvh - 6px);padding:8px;overflow:hidden}.ak-editor-keyboard-dialog>.ak-modal-x{position:absolute}.ak-editor-keyboard-dialog>.ak-drawing-text-icon{grid-area:icon;justify-self:center}.ak-editor-keyboard-dialog h2{grid-area:title}.ak-editor-keyboard-dialog p{grid-area:desc}.ak-editor-keyboard-display{grid-area:display}.ak-editor-keyboard-count{display:none}.ak-editor-keyboard{grid-area:keyboard}.ak-editor-keyboard-actions{grid-area:actions!important}.ak-editor-keyboard button{min-height:29px;font-size:9px}.ak-editor-keyboard-display{min-height:38px}
  .ak-free-drawing-header{min-height:46px}.ak-free-drawing-header small{display:none}.ak-free-drawing-layout{grid-template-columns:190px minmax(0,1fr);padding:4px}.ak-free-drawing-tools{gap:4px;padding:5px}.ak-free-drawing-name{min-height:32px}.ak-free-tool-list{grid-template-columns:repeat(4,minmax(0,1fr))}.ak-free-tool-list button{min-height:39px}.ak-free-drawing-settings{grid-template-columns:1fr 1fr}.ak-free-drawing-settings>label{min-height:29px}.ak-free-fill-option{grid-column:1/-1}.ak-free-quick-colors{display:flex;overflow-x:auto}.ak-free-quick-colors button{flex:0 0 24px;height:24px}.ak-free-drawing-topbar{min-height:33px}.ak-free-drawing-footer{padding:3px 7px}.ak-free-drawing-footer button{min-height:30px}
}

@media (orientation:portrait) and (max-width:760px){
  .ak-free-drawing-modal{padding:0!important;place-items:stretch!important}.ak-free-drawing-dialog{width:100vw;height:100dvh;border-radius:0}.ak-free-drawing-layout{display:flex;flex-direction:column;overflow:auto}.ak-free-drawing-tools{flex:0 0 auto;overflow:visible}.ak-free-tool-list{display:flex;overflow-x:auto}.ak-free-tool-list button{flex:0 0 68px}.ak-free-drawing-settings{grid-template-columns:1fr 1fr}.ak-free-fill-option{grid-column:1/-1}.ak-free-quick-colors{display:flex;overflow-x:auto}.ak-free-quick-colors button{flex:0 0 31px;height:31px}.ak-free-drawing-workspace{flex:1 0 430px;min-height:430px}.ak-free-svg-wrap svg{width:min(100%,520px);height:auto}.ak-free-drawing-footer{position:sticky;bottom:0;z-index:2}
  .ak-editor-keyboard-modal{padding:0!important;place-items:stretch!important}.ak-editor-keyboard-dialog{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;align-content:center;padding:12px}.ak-editor-keyboard button{min-height:43px;font-size:12px}
}
.ak-editor-keyboard-display.is-selected{background:#f1e9fb;border-color:#9a76ce;color:#5b407b}
.ak-editor-keyboard-display.is-selected>span{background:#d9c4f2;border-radius:5px;padding:2px 4px}
.ak-editor-keyboard-dialog>.ak-modal-x{position:absolute!important;right:10px!important;top:10px!important;z-index:5!important}

/* v3.23.0 — teclado próprio em todos os campos do mobile/tablet */
.ak-editor-keyboard-modal.is-numeric .ak-editor-keyboard-dialog{width:min(500px,calc(100vw - 20px))}
.ak-editor-keyboard.is-numeric{width:min(100%,360px);justify-self:center;padding:11px}
.ak-editor-keyboard.is-numeric>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ak-editor-keyboard.is-numeric button{min-height:52px;font-size:18px;border-radius:14px}
.ak-editor-keyboard.is-numeric .ak-numeric-controls{grid-template-columns:1fr 1fr}
.ak-editor-keyboard.is-numeric .ak-numeric-controls button:first-child{font-size:24px}
.ak-editor-keyboard-modal.is-password .ak-editor-keyboard-display>span{letter-spacing:.16em}
.ak-editor-keyboard-modal.is-password .ak-editor-keyboard-display.is-selected>span{letter-spacing:.16em}

@media (pointer:coarse){
  #ak-story-studio-front-root input[type=text],
  #ak-story-studio-front-root input[type=search],
  #ak-story-studio-front-root input[type=password],
  #ak-story-studio-front-root input[type=email],
  #ak-story-studio-front-root input[type=url],
  #ak-story-studio-front-root input[type=tel],
  #ak-story-studio-front-root input[type=number],
  #ak-story-studio-front-root textarea{cursor:pointer;caret-color:transparent}
}

@media (orientation:landscape) and (max-height:470px){
  .ak-editor-keyboard-modal.is-numeric .ak-editor-keyboard-dialog{grid-template-columns:170px minmax(0,1fr);width:min(720px,calc(100vw - 6px))}
  .ak-editor-keyboard.is-numeric{width:min(100%,330px);padding:6px}
  .ak-editor-keyboard.is-numeric button{min-height:34px;font-size:13px}
}

@media (orientation:portrait) and (max-width:760px){
  .ak-editor-keyboard-modal.is-numeric .ak-editor-keyboard-dialog{width:100vw;height:100dvh;max-height:100dvh}
  .ak-editor-keyboard.is-numeric{width:min(100%,390px)}
  .ak-editor-keyboard.is-numeric button{min-height:54px;font-size:19px}
}

/* v3.24 — popup do palitinho em três faixas horizontais */
.ak-stickman-action-body{
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,auto))!important;
  gap:12px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
.ak-stickman-action-section{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:7px!important;
  min-width:0!important;
}
.ak-stickman-action-grid{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:9px!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:1px 3px 8px!important;
  scroll-snap-type:x proximity!important;
  scroll-behavior:smooth!important;
  scrollbar-width:thin!important;
  scrollbar-color:#9a79d0 #eee7f5!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
}
.ak-stickman-action-grid::-webkit-scrollbar{height:8px}
.ak-stickman-action-grid::-webkit-scrollbar-track{border-radius:999px;background:#eee7f5}
.ak-stickman-action-grid::-webkit-scrollbar-thumb{border-radius:999px;background:#9a79d0}
.ak-stickman-action-grid button{
  flex:0 0 108px!important;
  width:108px!important;
  min-width:108px!important;
  min-height:88px!important;
  scroll-snap-align:start!important;
}
.ak-stickman-action-dialog.is-stick-bunny .ak-stickman-action-avatar{
  background:linear-gradient(145deg,#fff8fb,#edfaff)!important;
}

/* seletor Palitinho / Coelhinho */
.ak-stickman-kind-picker{display:grid;gap:8px}
.ak-stickman-kind-picker>strong{color:#514158;font-size:12px;font-weight:1000}
.ak-stickman-kind-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ak-stickman-kind-picker button{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:9px;
  align-items:center;
  min-height:64px;
  padding:8px 10px;
  border:2px solid #ece2f2;
  border-radius:16px;
  background:#fff;
  color:#54435d;
  text-align:left;
  cursor:pointer;
}
.ak-stickman-kind-picker button>span{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#faf6ff,#edf9ff);font-size:27px}
.ak-stickman-kind-picker button>b{align-self:end;font-size:12px}
.ak-stickman-kind-picker button>small{align-self:start;color:#8b7c92;font-size:8px;font-weight:800}
.ak-stickman-kind-picker button.is-active{border-color:#9b79df;background:#f7f0ff;box-shadow:0 0 0 3px rgba(155,121,223,.11)}

@media (max-width:980px){
  .ak-stickman-action-grid button{flex-basis:94px!important;width:94px!important;min-width:94px!important;min-height:82px!important}
  .ak-stickman-kind-picker>strong{font-size:9px}
  .ak-stickman-kind-picker button{min-height:52px;padding:5px 7px;border-radius:12px;grid-template-columns:38px minmax(0,1fr);column-gap:6px}
  .ak-stickman-kind-picker button>span{width:36px;height:36px;border-radius:10px;font-size:21px}
  .ak-stickman-kind-picker button>b{font-size:9px}.ak-stickman-kind-picker button>small{font-size:6px}
}

@media (orientation:landscape) and (max-height:500px){
  .ak-stickman-action-dialog{padding:8px!important}
  .ak-stickman-action-head{grid-template-columns:58px minmax(0,1fr)!important;min-height:56px!important;padding-bottom:5px!important}
  .ak-stickman-action-avatar{width:56px!important;height:56px!important;border-radius:13px!important}
  .ak-stickman-action-head small{font-size:7px!important}.ak-stickman-action-head h2{margin:0 0 2px!important;font-size:15px!important}.ak-stickman-action-head p{font-size:8px!important;line-height:1.2!important}
  .ak-stickman-action-body{gap:5px!important;padding:5px 0 3px!important;overflow-y:auto!important}
  .ak-stickman-action-section{grid-template-columns:92px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;align-items:center!important;gap:5px!important}
  .ak-stickman-action-title{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;padding:4px;border-radius:11px;background:#f5effa;text-align:center}
  .ak-stickman-action-title span{width:27px!important;height:27px!important;border-radius:9px!important;font-size:14px!important}.ak-stickman-action-title strong{font-size:8px!important;line-height:1.05!important}
  .ak-stickman-action-grid{gap:5px!important;padding:0 1px 4px!important}
  .ak-stickman-action-grid::-webkit-scrollbar{height:5px}
  .ak-stickman-action-grid button{flex-basis:72px!important;width:72px!important;min-width:72px!important;min-height:61px!important;padding:4px!important;border-radius:11px!important;gap:1px!important}
  .ak-stickman-action-grid button span{font-size:17px!important}.ak-stickman-action-grid button small{font-size:6px!important}.ak-stickman-action-grid button em{font-size:5px!important}.ak-stickman-action-grid button i{width:15px!important;height:15px!important;font-size:11px!important}
  .ak-stickman-action-footer{padding-top:4px!important}.ak-stickman-action-footer button{min-height:31px!important;font-size:8px!important;border-radius:10px!important}
}

/* v3.26.1 — efeitos de cenário isolados */
.ak-background-effects-section{display:grid;gap:9px}.ak-background-effects-section>p{margin:0;color:#817389;font-size:10px;line-height:1.4}.ak-background-effects-launch{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:9px;width:100%;min-height:62px;padding:8px 10px;border:1px solid #e9def1;border-radius:16px;background:linear-gradient(135deg,#fff,#f5effb);color:#51415b;text-align:left;cursor:pointer}.ak-background-effects-launch>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;font-size:22px}.ak-background-effects-launch>strong{display:block;font-size:12px}.ak-background-effects-launch>small{grid-column:2;display:block;margin-top:-5px;color:#8a7c91;font-size:8px}.ak-background-effects-launch>i{grid-column:3;grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#8058c5;color:#fff;font-style:normal;font-size:18px}.ak-bg-effect-chips{display:flex;flex-wrap:wrap;gap:7px}.ak-bg-effect-chip{display:inline-grid;grid-template-columns:auto auto auto auto;align-items:center;gap:6px;min-height:34px;padding:5px 7px;border:1px solid #eadff2;border-radius:12px;background:#fff}.ak-bg-effect-chip span{font-size:16px}.ak-bg-effect-chip strong{font-size:9px;color:#57475f}.ak-bg-effect-chip small{font-size:8px;color:#8e8095}.ak-bg-effect-chip button{display:grid;place-items:center;width:21px;height:21px;border:0;border-radius:50%;background:#f5dce5;color:#965466;font-size:13px;cursor:pointer}
.ak-background-effects-modal{padding:10px!important;place-items:center!important;z-index:1500!important}.ak-background-effects-dialog{position:relative;display:grid;gap:14px;width:min(920px,96vw);max-height:min(90dvh,820px);padding:18px;border-radius:26px;background:linear-gradient(180deg,#fff,#f8f4fc);box-shadow:0 28px 90px rgba(37,24,46,.28);overflow:auto}.ak-background-effects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px}.ak-background-effects-grid button{display:grid;grid-template-rows:auto auto auto auto;justify-items:center;gap:4px;min-height:90px;padding:9px 7px;border:1px solid #eadff2;border-radius:17px;background:#fff;box-shadow:0 7px 17px rgba(62,43,80,.06);cursor:pointer}.ak-background-effects-grid button span{font-size:24px}.ak-background-effects-grid button small{font-size:10px;font-weight:1000;color:#54435d}.ak-background-effects-grid button em{font-style:normal;font-size:8px;color:#897990}.ak-background-effects-grid button i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#7f5bc3;color:#fff;font-style:normal;font-size:16px}.ak-background-effects-existing{display:grid;gap:8px}.ak-background-effects-existing>strong{font-size:12px;color:#53445b}
.ak-background-preview-effects{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.ak-bg-preview-effect{position:absolute;inset:0;pointer-events:none}.ak-bg-preview-effect i{position:absolute;display:block}.ak-bg-preview-effect.is-rain i{left:calc((var(--i) * 3.2%) + 1%);top:-12%;width:2px;height:30px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(80,165,231,.9));transform:rotate(18deg);animation:ak-bg-rain 1.1s linear infinite;animation-delay:calc(var(--i) * -.06s)}.ak-bg-preview-effect.is-snow i{left:calc((var(--i) * 4.1%) + 1%);top:-10%;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.96);animation:ak-bg-snow 5.2s linear infinite;animation-delay:calc(var(--i) * -.17s)}.ak-bg-preview-effect.is-wind i{left:-20%;top:calc((var(--i) * 8%) + 14%);width:90px;height:3px;border-radius:99px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.72),rgba(255,255,255,0));animation:ak-bg-wind 2.3s linear infinite;animation-delay:calc(var(--i) * -.18s)}.ak-bg-preview-effect.is-fog i{left:calc((var(--i) * 18%) - 10%);top:calc((var(--i) * 12%) + 12%);width:36%;height:11%;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);animation:ak-bg-fog 7s ease-in-out infinite}.ak-bg-preview-effect.is-stars i{left:calc((var(--i) * 4.4%) + 1%);top:calc((var(--i) * 2.4%) + 2%);width:6px;height:6px;border-radius:50%;background:#ffe36a;animation:ak-bg-stars 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -.1s)}.ak-bg-preview-effect.is-confetti i{left:calc((var(--i) * 3.7%) + 1%);top:-8%;width:7px;height:14px;background:#ff7aa7;animation:ak-bg-confetti 3.1s linear infinite;animation-delay:calc(var(--i) * -.09s)}.ak-bg-preview-effect.is-leaves i{left:calc((var(--i) * 7.5%) + 1%);top:-9%;width:11px;height:18px;border-radius:80% 0 80% 0;background:#75bf69;animation:ak-bg-leaves 5.8s linear infinite;animation-delay:calc(var(--i) * -.26s)}.ak-bg-preview-effect.is-bubbles i{left:calc((var(--i) * 6.6%) + 1%);bottom:-10%;width:13px;height:13px;border:2px solid rgba(116,207,244,.85);border-radius:50%;animation:ak-bg-bubbles 4.8s linear infinite;animation-delay:calc(var(--i) * -.2s)}.ak-bg-preview-effect.is-lightning i{top:0;left:calc((var(--i) * 48%) + 22%);width:10px;height:34%;background:rgba(255,240,117,.98);clip-path:polygon(45% 0,85% 0,58% 46%,76% 46%,20% 100%,40% 57%,22% 57%);opacity:0;filter:drop-shadow(0 0 10px rgba(255,249,175,.9));animation:ak-bg-lightning 2.5s linear infinite}.ak-bg-preview-effect.is-moonlight i{right:8%;top:4%;width:46%;height:46%;border-radius:50%;background:radial-gradient(circle,rgba(255,250,214,.28),rgba(173,194,255,.12) 46%,rgba(173,194,255,0) 72%)}
@keyframes ak-bg-rain{to{transform:translate3d(-55px,130%,0) rotate(18deg)}}@keyframes ak-bg-snow{to{transform:translate3d(22px,130%,0)}}@keyframes ak-bg-wind{0%{transform:translateX(0);opacity:0}20%{opacity:1}100%{transform:translateX(140%);opacity:0}}@keyframes ak-bg-fog{0%,100%{transform:translateX(-5%);opacity:.22}50%{transform:translateX(5%);opacity:.38}}@keyframes ak-bg-stars{0%,100%{transform:scale(.7);opacity:.35}50%{transform:scale(1.4);opacity:1}}@keyframes ak-bg-confetti{to{transform:translateY(135%) rotate(360deg)}}@keyframes ak-bg-leaves{to{transform:translate3d(48px,130%,0) rotate(360deg)}}@keyframes ak-bg-bubbles{to{transform:translateY(-135%) scale(1.1);opacity:.9}}@keyframes ak-bg-lightning{0%,35%,100%{opacity:0}4%,8%,12%{opacity:1}}
@media (max-width:760px){.ak-background-effects-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:11px;border-radius:20px}.ak-background-effects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ak-background-effects-grid button{min-height:80px;padding:6px}.ak-bg-effect-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.ak-bg-effect-chip{flex:0 0 auto}}

/* v3.27.0 — pastas virtuais da galeria */
.ak-kids-modal.ak-gallery-modal .ak-gallery-dialog{grid-template-rows:auto auto auto minmax(0,1fr) auto!important}
.ak-gallery-folder-tabs{display:flex;align-items:center;gap:8px;padding:8px 10px 2px;overflow-x:auto;overflow-y:hidden;background:transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.ak-gallery-folder-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:40px;padding:7px 13px;border:2px solid #eadff1;border-radius:14px;background:#fff;color:#6f5c7b;font-size:11px;font-weight:1000;white-space:nowrap;box-shadow:0 5px 14px rgba(62,43,80,.04);cursor:pointer}
.ak-gallery-folder-tabs button span{font-size:18px;line-height:1}.ak-gallery-folder-tabs button strong{font-size:inherit}
.ak-gallery-folder-tabs button.is-active{border-color:#8b63c9;background:linear-gradient(135deg,#8158c6,#a879d7);color:#fff;box-shadow:0 8px 20px rgba(106,72,154,.22)}
.ak-gallery-item>div>em{position:absolute;left:5px;top:5px;display:grid;place-items:center;width:26px;height:26px;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 4px 11px rgba(55,39,68,.14);font-size:15px;font-style:normal}
.ak-gallery-empty span{font-size:38px}.ak-gallery-empty strong{margin-top:7px;color:#63536d;font-size:14px}.ak-gallery-empty small{margin-top:4px;font-size:10px}
@media (max-width:760px){
  .ak-gallery-folder-tabs{gap:6px;padding:5px 8px 1px}
  .ak-gallery-folder-tabs button{min-height:35px;padding:5px 10px;border-radius:12px;font-size:9px}
  .ak-gallery-folder-tabs button span{font-size:15px}
  .ak-gallery-item>div>em{width:22px;height:22px;border-radius:8px;font-size:13px}
}
@media (max-height:480px) and (orientation:landscape){
  .ak-gallery-folder-tabs{padding-top:3px}
  .ak-gallery-folder-tabs button{min-height:30px;padding:3px 8px;font-size:8px}
  .ak-gallery-folder-tabs button span{font-size:13px}
}
.ak-bg-preview-effect.is-clouds i{left:calc((var(--i) * 18%) - 8%);top:calc((var(--i) * 10%) + 10%);width:80px;height:34px;border-radius:99px;background:rgba(255,255,255,.88);box-shadow:24px -8px 0 6px rgba(255,255,255,.88),48px 0 0 2px rgba(255,255,255,.88);animation:ak-bg-clouds 12s linear infinite;animation-delay:calc(var(--i) * -.8s)}
.ak-bg-preview-effect.is-rainbow i{left:20%;bottom:-8%;width:60%;height:52%;border-radius:50% 50% 0 0 / 100% 100% 0 0;border-top:12px solid #ff7aa7;border-left:12px solid #ff7aa7;border-right:12px solid #ff7aa7;border-bottom:0;background:transparent;box-shadow:0 -10px 0 0 #ffbd63,0 -20px 0 0 #ffe36a,0 -30px 0 0 #7adf9b,0 -40px 0 0 #7bc8ff,0 -50px 0 0 #b38cff}
.ak-bg-preview-effect.is-sunrays i{left:-20%;top:-20%;width:70%;height:70%;background:radial-gradient(circle,rgba(255,239,126,.4),rgba(255,239,126,0) 60%);animation:ak-bg-sunpulse 3s ease-in-out infinite}
.ak-bg-preview-effect.is-fireflies i{left:calc((var(--i) * 5%) + 2%);top:calc((var(--i) * 3.2%) + 18%);width:7px;height:7px;border-radius:50%;background:#fff58b;animation:ak-bg-fireflies 2.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.14s)}
.ak-bg-preview-effect.is-petals i{left:calc((var(--i) * 5.3%) + 2%);top:-8%;width:12px;height:18px;border-radius:80% 0 80% 0;background:#ffb4d8;animation:ak-bg-petals 6.2s linear infinite;animation-delay:calc(var(--i) * -.22s)}
.ak-bg-preview-effect.is-magicdust i{left:calc((var(--i) * 4.4%) + 1%);top:calc((var(--i) * 2.6%) + 8%);width:6px;height:6px;border-radius:50%;background:#fff3aa;box-shadow:0 0 10px 2px rgba(255,243,170,.58);animation:ak-bg-magicdust 2.1s ease-in-out infinite;animation-delay:calc(var(--i) * -.1s)}
.ak-bg-preview-effect.is-heartsky i{left:calc((var(--i) * 6.2%) + 1%);bottom:-10%;width:16px;height:16px;background:#ff86b7;transform:rotate(45deg);animation:ak-bg-heartsky 5.2s linear infinite;animation-delay:calc(var(--i) * -.18s)}.ak-bg-preview-effect.is-heartsky i::before,.ak-bg-preview-effect.is-heartsky i::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:#ff86b7}.ak-bg-preview-effect.is-heartsky i::before{left:-50%;top:0}.ak-bg-preview-effect.is-heartsky i::after{left:0;top:-50%}
.ak-bg-preview-effect.is-meteors i{left:calc((var(--i) * 11%) + 5%);top:calc((var(--i) * 4%) + 3%);width:4px;height:4px;border-radius:50%;background:#fff4c1;box-shadow:-24px 24px 0 1px rgba(255,241,183,.18),-48px 48px 0 0 rgba(255,241,183,.12);animation:ak-bg-meteors 2.8s linear infinite;animation-delay:calc(var(--i) * -.18s)}
.ak-bg-preview-effect.is-balloons i{left:calc((var(--i) * 8.4%) + 4%);bottom:-12%;width:18px;height:22px;border-radius:50% 50% 48% 48%;background:#ff7aa7;animation:ak-bg-balloons 6.8s linear infinite;animation-delay:calc(var(--i) * -.35s)}.ak-bg-preview-effect.is-balloons i::after{content:'';position:absolute;left:50%;top:100%;width:1px;height:22px;background:rgba(130,108,145,.55)}
.ak-bg-preview-effect.is-aurora i{left:0;top:0;width:100%;height:72%;background:linear-gradient(180deg,rgba(171,108,255,.18),rgba(92,240,214,.14),rgba(255,255,255,0));clip-path:polygon(0 0,18% 0,24% 55%,40% 0,50% 0,57% 70%,70% 0,82% 0,100% 52%,100% 100%,0 100%);animation:ak-bg-aurora 5.5s ease-in-out infinite}
@keyframes ak-bg-clouds{0%{transform:translateX(0)}100%{transform:translateX(125%)}}
@keyframes ak-bg-sunpulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}
@keyframes ak-bg-fireflies{0%,100%{opacity:.22;transform:translate3d(0,0,0) scale(.8)}50%{opacity:1;transform:translate3d(5px,-8px,0) scale(1.2)}}
@keyframes ak-bg-petals{0%{transform:translate3d(0,0,0) rotate(0deg)}100%{transform:translate3d(36px,130%,0) rotate(360deg)}}
@keyframes ak-bg-magicdust{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}
@keyframes ak-bg-heartsky{0%{transform:translateY(0) rotate(45deg);opacity:.2}100%{transform:translateY(-135%) rotate(45deg);opacity:.95}}
@keyframes ak-bg-meteors{0%{transform:translate3d(0,0,0);opacity:0}15%,100%{transform:translate3d(-65px,65px,0);opacity:1}}
@keyframes ak-bg-balloons{0%{transform:translateY(0);opacity:.15}100%{transform:translateY(-140%);opacity:.95}}
@keyframes ak-bg-aurora{0%,100%{opacity:.45;transform:translateX(0)}50%{opacity:.75;transform:translateX(2%)}}

/* v3.29 — Balões de fala/pensamento e criador de música */
.ak-animation-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.ak-bubble-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ak-bubble-choice-row>button{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:82px;padding:12px;border:1px solid #eadff2;border-radius:18px;background:#fff;text-align:left;box-shadow:0 8px 20px rgba(65,42,83,.06);cursor:pointer}.ak-bubble-choice-row>button>span{font-size:30px}.ak-bubble-choice-row strong{display:block;color:#513f5d;font-size:13px}.ak-bubble-choice-row small{display:block;margin-top:3px;color:#8a7895;font-size:10px}.ak-bubble-choice-row i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#815bc4;color:#fff;font-style:normal;font-size:18px}
.ak-bubble-editor-modal{padding:10px!important}.ak-bubble-editor-dialog{position:relative;display:grid;gap:14px;width:min(720px,96vw);max-height:calc(100dvh - 20px);overflow:auto;padding:18px;border-radius:26px;background:linear-gradient(180deg,#fff,#faf6fd);box-shadow:0 28px 90px rgba(40,26,51,.28)}.ak-bubble-style-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ak-bubble-style-choices button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border:2px solid #eadff2;border-radius:17px;background:#fff;color:#594766;font-weight:1000;cursor:pointer}.ak-bubble-style-choices button span{font-size:25px}.ak-bubble-style-choices button.is-active{border-color:#8a62ca;background:#f4edff;box-shadow:0 0 0 3px rgba(138,98,202,.12)}.ak-bubble-text-label{display:grid;gap:6px}.ak-bubble-text-label>span,.ak-bubble-options strong{font-size:11px;font-weight:1000;color:#66536f}.ak-bubble-text-label textarea{width:100%;min-height:92px;resize:vertical;padding:13px;border:1px solid #dfd3e8;border-radius:16px;background:#fff;font:800 15px/1.4 system-ui;color:#4d3e57;outline:none}.ak-bubble-text-label textarea:focus{border-color:#8b65ca;box-shadow:0 0 0 3px rgba(139,101,202,.13)}.ak-bubble-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ak-bubble-options>div{display:grid;gap:8px}.ak-bubble-colors,.ak-bubble-position{display:flex;gap:7px;flex-wrap:wrap}.ak-bubble-colors button{width:34px;height:34px;border:2px solid #dfd4e6;border-radius:50%;cursor:pointer}.ak-bubble-colors button.is-active{border-color:#7c58bb;box-shadow:0 0 0 3px rgba(124,88,187,.15)}.ak-bubble-position button{min-height:34px;padding:6px 9px;border:1px solid #e1d6e8;border-radius:11px;background:#fff;color:#675370;font-size:10px;font-weight:1000;cursor:pointer}.ak-bubble-position button.is-active{border-color:#8a62ca;background:#f1e9ff;color:#6945a8}
.ak-music-scene-card{position:relative;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:12px;border:1px solid #e7daf0;border-radius:18px;background:linear-gradient(135deg,#fff,#f5effb);box-shadow:0 8px 20px rgba(65,42,83,.06)}.ak-music-scene-card>span{font-size:31px}.ak-music-scene-card strong{display:block;color:#513f5d;font-size:13px}.ak-music-scene-card small{display:block;margin-top:3px;color:#8a7895;font-size:10px}.ak-music-scene-card>button{min-height:38px;padding:8px 12px;border:0;border-radius:12px;background:#815bc4;color:#fff;font-weight:1000;cursor:pointer}.ak-music-scene-card>button.is-remove{width:34px;padding:0;background:#f0d8e2;color:#9b5267;font-size:19px}
.ak-music-maker-modal{padding:8px!important}.ak-music-maker-dialog{position:relative;display:grid;gap:13px;width:min(1180px,98vw);max-height:calc(100dvh - 16px);overflow:auto;padding:17px;border-radius:27px;background:linear-gradient(180deg,#fff,#f8f4fc);box-shadow:0 30px 90px rgba(37,24,46,.3)}.ak-music-presets{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px}.ak-music-presets button{flex:0 0 auto;min-height:35px;padding:7px 12px;border:1px solid #e1d5e9;border-radius:99px;background:#fff;color:#675370;font-size:10px;font-weight:1000;cursor:pointer}.ak-music-settings{display:grid;grid-template-columns:1.5fr 1fr .65fr 1fr;gap:9px}.ak-music-settings label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:8px 10px;border:1px solid #e5d9ec;border-radius:14px;background:#fff}.ak-music-settings label>span{grid-column:1/-1;font-size:9px;font-weight:1000;color:#806d89;text-transform:uppercase}.ak-music-settings input:not([type=range]),.ak-music-settings select{width:100%;min-width:0;border:0;background:transparent;font:900 12px system-ui;color:#513f5d;outline:none}.ak-music-settings input[type=range]{width:100%}.ak-music-settings small{font-size:9px;color:#8a7895}.ak-music-grid-scroll{overflow-x:auto;border:1px solid #e4d8eb;border-radius:18px;background:#fff;padding:8px}.ak-music-grid{min-width:840px;display:grid;gap:5px}.ak-music-step-head,.ak-music-note-row{display:grid;grid-template-columns:76px 1fr;gap:6px;align-items:center}.ak-music-step-head>strong,.ak-music-note-row>strong{font-size:10px;color:#685571;text-align:right;padding-right:5px}.ak-music-step-head>div,.ak-music-note-row>div{display:grid;grid-template-columns:repeat(16,minmax(38px,1fr));gap:4px}.ak-music-step-head span{display:grid;place-items:center;height:19px;font-size:8px;font-weight:1000;color:#9a89a4}.ak-music-note-row button{position:relative;height:34px;border:1px solid #e7ddec;border-radius:9px;background:#faf8fc;cursor:pointer}.ak-music-note-row button:nth-child(4n+1){border-left-color:#bca7ca}.ak-music-note-row button span{font-size:7px;color:#ad9db5;opacity:.8}.ak-music-note-row button.is-active{border-color:#8059bf;background:linear-gradient(135deg,#a87ce4,#6c9fe7);box-shadow:0 4px 10px rgba(113,81,174,.24)}.ak-music-note-row button.is-active span{color:#fff}.ak-music-actions{display:flex;gap:8px;flex-wrap:wrap}.ak-music-actions button{min-height:40px;padding:9px 13px;border:1px solid #dfd3e7;border-radius:13px;background:#fff;color:#614e6a;font-size:10px;font-weight:1000;cursor:pointer}.ak-music-actions button.is-primary{margin-left:auto;border-color:#7953b7;background:#7953b7;color:#fff}.ak-music-remove{justify-self:start;border:0;background:transparent;color:#a15268;font-size:10px;font-weight:1000;text-decoration:underline;cursor:pointer}
@media(max-width:900px){.ak-animation-category-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:6px!important;padding-bottom:3px!important}.ak-animation-category-grid button{flex:0 0 72px!important;min-width:72px!important}.ak-music-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.ak-music-actions button.is-primary{margin-left:0}.ak-bubble-options{grid-template-columns:1fr}}
@media(max-width:560px){.ak-bubble-choice-row{grid-template-columns:1fr}.ak-bubble-editor-dialog,.ak-music-maker-dialog{width:calc(100vw - 10px);max-height:calc(100dvh - 10px);padding:12px;border-radius:20px}.ak-music-settings{grid-template-columns:1fr 1fr}.ak-music-actions{display:grid;grid-template-columns:1fr 1fr}.ak-music-actions button{padding:7px 5px}.ak-music-scene-card{grid-template-columns:auto 1fr auto}.ak-music-scene-card>button.is-remove{grid-column:3;grid-row:1}.ak-music-scene-card>button:not(.is-remove){grid-column:1/-1}.ak-bubble-position{flex-wrap:nowrap;overflow-x:auto}.ak-bubble-position button{flex:0 0 auto}}

/* V3.30 — Criador de música no topo e mobile-first */
.ak-corner-button.is-music-maker{background:linear-gradient(135deg,#fff3bf,#f3ddff)!important;color:#6e50a6!important}
.ak-corner-button.is-music-maker:hover{background:linear-gradient(135deg,#ffe58b,#e8c8ff)!important}
.ak-music-maker-modal{place-items:center!important;padding:16px!important;overflow:hidden!important}
.ak-music-maker-dialog{width:min(1180px,calc(100vw - 32px))!important;max-height:min(92dvh,900px)!important;margin:auto!important;padding:18px!important;gap:12px!important;overflow:auto!important;overscroll-behavior:contain}
.ak-music-maker-heading{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding-right:42px}
.ak-music-maker-heading>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,#fff0a7,#ead8ff);font-size:26px;box-shadow:0 8px 20px rgba(87,62,113,.1)}
.ak-music-maker-heading small{font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:#8a7695}
.ak-music-maker-heading h2{margin:2px 0 3px;font-size:21px;line-height:1.05;color:#4f3d5b}
.ak-music-maker-heading p{margin:0;font-size:11px;color:#806f89}
.ak-music-mobile-pages{display:none;gap:7px}
.ak-music-mobile-pages button{min-width:0;padding:8px 6px;border:1px solid #e4d8eb;border-radius:13px;background:#fff;color:#675370;cursor:pointer}
.ak-music-mobile-pages strong,.ak-music-mobile-pages small{display:block}.ak-music-mobile-pages strong{font-size:10px}.ak-music-mobile-pages small{margin-top:2px;font-size:8px;color:#9a89a4}
.ak-music-mobile-pages button.is-active{border-color:#7c58bb;background:linear-gradient(135deg,#8e67cb,#6d9de7);color:#fff;box-shadow:0 7px 15px rgba(105,79,166,.2)}
.ak-music-mobile-pages button.is-active small{color:rgba(255,255,255,.84)}
.ak-music-grid{min-width:1450px!important}
.ak-music-step-head>div,.ak-music-note-row>div{grid-template-columns:repeat(32,minmax(36px,1fr))!important}
.ak-music-mobile-tip{font-size:9px;color:#8c7a96;text-align:center}

@media(max-width:900px){
  .ak-music-maker-modal{padding:5px!important;place-items:center!important}
  .ak-music-maker-dialog{width:calc(100vw - 10px)!important;max-height:calc(100dvh - 10px)!important;padding:12px!important;border-radius:22px!important;gap:9px!important}
  .ak-music-maker-heading{gap:9px;padding-right:34px}
  .ak-music-maker-heading>span{width:42px;height:42px;border-radius:14px;font-size:21px}
  .ak-music-maker-heading h2{font-size:17px}.ak-music-maker-heading p{font-size:10px}
  .ak-music-presets{gap:6px!important;padding-bottom:2px!important}.ak-music-presets button{min-height:33px!important;padding:6px 11px!important}
  .ak-music-settings{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .ak-music-settings label{min-width:0;padding:7px 9px!important;border-radius:12px!important}
  .ak-music-mobile-pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .ak-music-grid-scroll{overflow:hidden!important;padding:7px!important;border-radius:16px!important;touch-action:pan-y}
  .ak-music-grid{min-width:0!important;width:100%!important;gap:5px!important}
  .ak-music-step-head,.ak-music-note-row{grid-template-columns:62px minmax(0,1fr)!important;gap:5px!important}
  .ak-music-step-head>strong,.ak-music-note-row>strong{font-size:9px!important;padding-right:3px!important;white-space:nowrap}
  .ak-music-step-head>div,.ak-music-note-row>div{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px!important}
  .ak-music-note-row button{height:42px!important;min-width:0!important;border-radius:10px!important}
  .ak-music-step-head span{height:18px!important;font-size:8px!important}
  .ak-music-maker-dialog.is-page-0 [data-step-page]:not([data-step-page="0"]),
  .ak-music-maker-dialog.is-page-1 [data-step-page]:not([data-step-page="1"]),
  .ak-music-maker-dialog.is-page-2 [data-step-page]:not([data-step-page="2"]),
  .ak-music-maker-dialog.is-page-3 [data-step-page]:not([data-step-page="3"]){display:none!important}
  .ak-music-actions{position:sticky;bottom:-12px;z-index:5;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0 -4px -4px;padding:8px 4px 4px;background:linear-gradient(180deg,rgba(248,244,252,0),#f8f4fc 22%)}
  .ak-music-actions button{min-height:40px!important;margin:0!important;padding:8px 6px!important}
  .ak-music-actions button.is-primary{grid-column:1/-1!important}
  .ak-music-mobile-tip{display:block}
}

@media(max-width:520px){
  .ak-editor-top-right{gap:4px!important}
  .ak-editor-top-right .ak-corner-button{width:34px!important;height:34px!important;border-radius:11px!important}
  .ak-editor-top-right .ak-corner-button svg{width:17px!important;height:17px!important}
  .ak-music-maker-dialog{padding:10px!important;gap:7px!important;border-radius:18px!important}
  .ak-music-maker-heading>span{width:38px;height:38px;font-size:19px}.ak-music-maker-heading h2{font-size:15px}.ak-music-maker-heading p{display:none}
  .ak-music-settings label:nth-child(1),.ak-music-settings label:nth-child(2){grid-column:1/-1}
  .ak-music-settings label{padding:6px 8px!important}.ak-music-settings label>span{font-size:8px!important}
  .ak-music-mobile-pages{gap:4px}.ak-music-mobile-pages button{padding:6px 3px;border-radius:10px}.ak-music-mobile-pages strong{font-size:9px}.ak-music-mobile-pages small{font-size:7px}
  .ak-music-step-head,.ak-music-note-row{grid-template-columns:54px minmax(0,1fr)!important}
  .ak-music-note-row button{height:39px!important;border-radius:9px!important}.ak-music-note-row button span{font-size:6px!important}
  .ak-music-actions button{font-size:9px!important}
}

@media(max-height:520px) and (orientation:landscape) and (max-width:1000px){
  .ak-music-maker-dialog{width:calc(100vw - 8px)!important;max-height:calc(100dvh - 8px)!important;padding:8px!important;gap:5px!important;border-radius:16px!important}
  .ak-music-maker-heading>span{width:34px;height:34px;font-size:17px}.ak-music-maker-heading h2{font-size:14px}.ak-music-maker-heading p{display:none}
  .ak-music-presets button{min-height:28px!important;padding:4px 9px!important}
  .ak-music-settings{grid-template-columns:1.3fr 1fr .65fr 1fr!important;gap:5px!important}.ak-music-settings label:nth-child(n){grid-column:auto!important;padding:4px 7px!important}.ak-music-settings label>span{font-size:7px!important}
  .ak-music-mobile-pages button{padding:4px 3px!important}.ak-music-mobile-pages strong{font-size:8px}.ak-music-mobile-pages small{display:none}
  .ak-music-note-row button{height:29px!important}.ak-music-step-head span{height:13px!important}
  .ak-music-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding-top:5px!important}.ak-music-actions button{min-height:31px!important;padding:4px!important}.ak-music-actions button.is-primary{grid-column:auto!important}
  .ak-music-mobile-tip{display:none}
}

/* V3.31 — Criador musical inteiramente visível em touch horizontal */
@media (orientation:landscape) and (pointer:coarse) and (max-width:1400px){
  .ak-music-maker-modal{
    padding:4px!important;
    overflow:hidden!important;
    align-items:center!important;
    justify-items:center!important;
  }
  .ak-music-maker-dialog{
    box-sizing:border-box!important;
    width:calc(100vw - 8px)!important;
    height:calc(100dvh - 8px)!important;
    max-width:none!important;
    max-height:none!important;
    overflow:hidden!important;
    padding:7px!important;
    gap:5px 7px!important;
    border-radius:16px!important;
    display:grid!important;
    grid-template-columns:clamp(190px,27vw,310px) minmax(0,1fr)!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    grid-template-areas:
      "heading pages"
      "presets grid"
      "settings grid"
      "remove actions"!important;
  }
  .ak-music-maker-dialog>.ak-modal-x{
    top:5px!important;
    right:5px!important;
    width:29px!important;
    height:29px!important;
    z-index:20!important;
  }
  .ak-music-maker-heading{
    grid-area:heading!important;
    min-width:0!important;
    gap:6px!important;
    padding:0 31px 0 0!important;
  }
  .ak-music-maker-heading>span{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }
  .ak-music-maker-heading small{font-size:6px!important}
  .ak-music-maker-heading h2{
    margin:0!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .ak-music-maker-heading p{display:none!important}

  .ak-music-presets{
    grid-area:presets!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-content:start!important;
    gap:4px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .ak-music-presets button{
    width:100%!important;
    min-width:0!important;
    min-height:25px!important;
    padding:3px 4px!important;
    border-radius:9px!important;
    font-size:7px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .ak-music-settings{
    grid-area:settings!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-content:start!important;
    gap:4px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .ak-music-settings label:nth-child(n){
    grid-column:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:4px 6px!important;
    gap:1px!important;
    border-radius:9px!important;
  }
  .ak-music-settings label>span{font-size:6px!important;line-height:1!important}
  .ak-music-settings input:not([type=range]),
  .ak-music-settings select{font-size:9px!important;line-height:1.1!important}
  .ak-music-settings input[type=range]{height:13px!important}
  .ak-music-settings small{font-size:6px!important}

  .ak-music-mobile-pages{
    grid-area:pages!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    padding-right:32px!important;
    min-width:0!important;
  }
  .ak-music-mobile-pages button{
    min-height:27px!important;
    padding:3px 4px!important;
    border-radius:9px!important;
  }
  .ak-music-mobile-pages strong{font-size:8px!important;line-height:1!important}
  .ak-music-mobile-pages small{display:none!important}

  .ak-music-grid-scroll{
    grid-area:grid!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
    padding:5px!important;
    border-radius:12px!important;
    touch-action:pan-y!important;
  }
  .ak-music-grid{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:18px repeat(8,minmax(0,1fr))!important;
    gap:3px!important;
  }
  .ak-music-step-head,.ak-music-note-row{
    min-height:0!important;
    grid-template-columns:43px minmax(0,1fr)!important;
    gap:3px!important;
  }
  .ak-music-step-head>strong,.ak-music-note-row>strong{
    padding-right:2px!important;
    font-size:7px!important;
    line-height:1!important;
  }
  .ak-music-step-head>div,.ak-music-note-row>div{
    min-height:0!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    gap:3px!important;
  }
  .ak-music-step-head span{
    height:16px!important;
    font-size:7px!important;
  }
  .ak-music-note-row button{
    width:100%!important;
    height:100%!important;
    min-height:19px!important;
    max-height:32px!important;
    padding:0!important;
    border-radius:7px!important;
  }
  .ak-music-note-row button span{font-size:5px!important}

  .ak-music-mobile-tip{display:none!important}
  .ak-music-actions{
    grid-area:actions!important;
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
  }
  .ak-music-actions button,
  .ak-music-actions button.is-primary{
    grid-column:auto!important;
    min-width:0!important;
    min-height:29px!important;
    margin:0!important;
    padding:4px 3px!important;
    border-radius:9px!important;
    font-size:7px!important;
    line-height:1.05!important;
    white-space:normal!important;
  }
  .ak-music-remove{
    grid-area:remove!important;
    align-self:center!important;
    justify-self:start!important;
    max-width:100%!important;
    font-size:7px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* Celulares horizontais extremamente baixos */
@media (orientation:landscape) and (pointer:coarse) and (max-height:430px){
  .ak-music-maker-dialog{
    grid-template-columns:clamp(175px,26vw,245px) minmax(0,1fr)!important;
    padding:5px!important;
    gap:4px 6px!important;
  }
  .ak-music-maker-heading>span{width:27px!important;height:27px!important;min-width:27px!important;font-size:14px!important}
  .ak-music-maker-heading h2{font-size:10px!important}
  .ak-music-presets{gap:3px!important}
  .ak-music-presets button{min-height:21px!important;padding:2px 3px!important;font-size:6px!important}
  .ak-music-settings{gap:3px!important}
  .ak-music-settings label:nth-child(n){padding:3px 5px!important;border-radius:8px!important}
  .ak-music-settings label>span{font-size:5.5px!important}
  .ak-music-settings input:not([type=range]),.ak-music-settings select{font-size:8px!important}
  .ak-music-mobile-pages button{min-height:23px!important;padding:2px 3px!important}
  .ak-music-mobile-pages strong{font-size:7px!important}
  .ak-music-grid{grid-template-rows:15px repeat(8,minmax(0,1fr))!important;gap:2px!important}
  .ak-music-step-head,.ak-music-note-row{grid-template-columns:38px minmax(0,1fr)!important;gap:2px!important}
  .ak-music-step-head>div,.ak-music-note-row>div{gap:2px!important}
  .ak-music-note-row button{min-height:16px!important;max-height:27px!important;border-radius:6px!important}
  .ak-music-actions{gap:3px!important}
  .ak-music-actions button,.ak-music-actions button.is-primary{min-height:25px!important;padding:3px 2px!important;font-size:6px!important}
}

/* ===== V3.32.1 — editor de balões alinhado ao padrão premium ===== */
.ak-bubble-editor-modal{
  place-items:center!important;
  padding:12px!important;
  overflow:hidden!important;
}
.ak-bubble-editor-dialog{
  position:relative!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  width:min(820px,calc(100vw - 24px))!important;
  height:min(690px,calc(100dvh - 24px))!important;
  max-height:none!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid rgba(112,81,137,.14)!important;
  border-radius:28px!important;
  background:#f8f4fb!important;
  box-shadow:0 30px 90px rgba(42,28,53,.34)!important;
}
.ak-bubble-editor-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:78px!important;
  padding:13px 16px!important;
  border-bottom:1px solid #eadff0!important;
  background:linear-gradient(135deg,#fff8fb,#f1ecff)!important;
}
.ak-bubble-editor-heading{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
.ak-bubble-editor-heading>span{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(74,52,91,.1)!important;
  font-size:27px!important;
}
.ak-bubble-editor-heading small{
  display:block!important;
  margin-bottom:2px!important;
  color:#9a79ae!important;
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.ak-bubble-editor-heading h2{
  margin:0!important;
  color:#4f3b59!important;
  font-size:18px!important;
  line-height:1.1!important;
}
.ak-bubble-editor-heading p{
  margin:4px 0 0!important;
  color:#887792!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
.ak-bubble-editor-header>.ak-modal-x{
  position:static!important;
  width:39px!important;
  height:39px!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(71,50,84,.08)!important;
}
.ak-bubble-editor-body{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important;
  gap:12px!important;
  min-height:0!important;
  padding:12px!important;
  overflow:hidden!important;
}
.ak-bubble-compose-card,
.ak-bubble-settings-card{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:0!important;
  padding:13px!important;
  border:1px solid #e9deef!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(73,51,88,.05)!important;
}
.ak-bubble-compose-card{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  gap:10px!important;
}
.ak-bubble-settings-card{
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.ak-bubble-section-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.ak-bubble-section-title>span{
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:25px!important;
  height:25px!important;
  border-radius:9px!important;
  background:#efe7f8!important;
  color:#7453a0!important;
  font-size:10px!important;
  font-weight:1000!important;
}
.ak-bubble-section-title strong{
  display:block!important;
  color:#5c4867!important;
  font-size:10px!important;
  font-weight:1000!important;
  line-height:1.05!important;
}
.ak-bubble-section-title small{
  display:block!important;
  margin-top:2px!important;
  color:#9a8aa3!important;
  font-size:7px!important;
  font-weight:800!important;
}
.ak-bubble-style-choices{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.ak-bubble-style-choices button{
  min-height:51px!important;
  padding:6px 10px!important;
  border-radius:15px!important;
  font-size:11px!important;
}
.ak-bubble-style-choices button span{font-size:22px!important}
.ak-bubble-text-label{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  min-height:0!important;
  gap:5px!important;
}
.ak-bubble-text-label>span{
  color:#66536f!important;
  font-size:9px!important;
  font-weight:1000!important;
}
.ak-bubble-text-label textarea{
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:100px!important;
  resize:none!important;
  padding:12px!important;
  border:1px solid #dfd3e8!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#4d3e57!important;
  font:800 14px/1.35 system-ui!important;
}
.ak-bubble-setting-group{
  display:grid!important;
  align-content:center!important;
  gap:8px!important;
  min-height:0!important;
  padding:9px!important;
  border-radius:15px!important;
  background:#fbf9fd!important;
}
.ak-bubble-colors{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(28px,1fr))!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
}
.ak-bubble-colors button{
  width:100%!important;
  max-width:35px!important;
  aspect-ratio:1!important;
  height:auto!important;
  justify-self:center!important;
}
.ak-bubble-position{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  overflow:visible!important;
  flex-wrap:nowrap!important;
}
.ak-bubble-position button{
  min-width:0!important;
  min-height:34px!important;
  padding:5px 4px!important;
  white-space:normal!important;
  line-height:1.05!important;
}
.ak-bubble-setting-group .ak-duration-control{
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  gap:6px!important;
}
.ak-bubble-setting-group .ak-duration-control>button{
  border-radius:11px!important;
  font-size:20px!important;
}
.ak-bubble-setting-group .ak-duration-control input{
  height:42px!important;
  padding:0 64px 0 8px!important;
  border-radius:11px!important;
  font-size:16px!important;
}
.ak-bubble-setting-group .ak-duration-control label>span{
  right:9px!important;
  font-size:8px!important;
}
.ak-bubble-editor-footer{
  display:grid!important;
  grid-template-columns:minmax(110px,.42fr) minmax(190px,1fr)!important;
  gap:9px!important;
  padding:10px 12px!important;
  border-top:1px solid #e8deee!important;
  background:#fff!important;
}
.ak-bubble-editor-footer button{
  min-height:44px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:14px!important;
  background:#eee8f3!important;
  color:#675471!important;
  font-size:10px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
.ak-bubble-editor-footer button.is-primary{
  background:linear-gradient(135deg,#7b58bd,#a574d8)!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(123,88,189,.24)!important;
}

/* Mobile vertical: mantém o padrão e usa a altura disponível */
@media (orientation:portrait) and (max-width:760px){
  .ak-bubble-editor-modal{padding:5px!important}
  .ak-bubble-editor-dialog{
    width:calc(100vw - 10px)!important;
    height:calc(100dvh - 10px)!important;
    border-radius:21px!important;
  }
  .ak-bubble-editor-header{min-height:62px!important;padding:8px 10px!important}
  .ak-bubble-editor-heading{grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important}
  .ak-bubble-editor-heading>span{width:42px!important;height:42px!important;border-radius:13px!important;font-size:22px!important}
  .ak-bubble-editor-heading h2{font-size:14px!important}
  .ak-bubble-editor-heading p{font-size:8px!important}
  .ak-bubble-editor-body{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:7px!important;padding:7px!important}
  .ak-bubble-compose-card,.ak-bubble-settings-card{padding:8px!important;border-radius:15px!important}
  .ak-bubble-compose-card{gap:6px!important}
  .ak-bubble-settings-card{grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:6px!important}
  .ak-bubble-setting-group{padding:6px!important;gap:5px!important}
  .ak-bubble-setting-group.is-duration{grid-column:1/-1!important}
  .ak-bubble-style-choices button{min-height:41px!important}
  .ak-bubble-text-label textarea{min-height:68px!important;font-size:12px!important;padding:8px!important}
  .ak-bubble-colors{gap:3px!important}
  .ak-bubble-colors button{max-width:28px!important}
  .ak-bubble-position button{min-height:29px!important;font-size:7px!important;padding:3px!important}
  .ak-bubble-setting-group .ak-duration-control input{height:36px!important}
  .ak-bubble-editor-footer{padding:7px!important;gap:6px!important}
  .ak-bubble-editor-footer button{min-height:39px!important;border-radius:11px!important;font-size:9px!important}
}

/* Celular, tablet e desktop horizontal: tudo cabe sem rolar para baixo */
@media (orientation:landscape){
  .ak-bubble-editor-modal{padding:4px!important}
  .ak-bubble-editor-dialog{
    width:min(980px,calc(100vw - 8px))!important;
    height:min(620px,calc(100dvh - 8px))!important;
    border-radius:21px!important;
  }
  .ak-bubble-editor-header{min-height:60px!important;padding:7px 10px!important}
  .ak-bubble-editor-heading{grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important}
  .ak-bubble-editor-heading>span{width:42px!important;height:42px!important;border-radius:13px!important;font-size:22px!important}
  .ak-bubble-editor-heading h2{font-size:14px!important}
  .ak-bubble-editor-heading p{font-size:8px!important;margin-top:2px!important}
  .ak-bubble-editor-body{grid-template-columns:minmax(0,1.16fr) minmax(270px,.84fr)!important;gap:8px!important;padding:8px!important}
  .ak-bubble-compose-card,.ak-bubble-settings-card{padding:9px!important;border-radius:16px!important}
  .ak-bubble-compose-card{gap:7px!important}
  .ak-bubble-settings-card{gap:6px!important}
  .ak-bubble-setting-group{padding:6px 7px!important;gap:5px!important}
  .ak-bubble-style-choices{gap:6px!important}
  .ak-bubble-style-choices button{min-height:42px!important;border-radius:12px!important;font-size:9px!important}
  .ak-bubble-style-choices button span{font-size:19px!important}
  .ak-bubble-text-label textarea{min-height:70px!important;padding:9px!important;font-size:12px!important}
  .ak-bubble-colors{gap:4px!important}
  .ak-bubble-colors button{max-width:29px!important}
  .ak-bubble-position{gap:4px!important}
  .ak-bubble-position button{min-height:29px!important;padding:3px!important;font-size:7px!important}
  .ak-bubble-setting-group .ak-duration-control{grid-template-columns:34px minmax(0,1fr) 34px!important;gap:4px!important}
  .ak-bubble-setting-group .ak-duration-control input{height:34px!important;font-size:13px!important}
  .ak-bubble-editor-footer{padding:7px 9px!important;gap:7px!important}
  .ak-bubble-editor-footer button{min-height:38px!important;border-radius:11px!important;font-size:9px!important}
}

/* Em horizontal baixo, o fechar fica no rodapé como os outros editores */
@media (orientation:landscape) and (max-width:1100px){
  .ak-bubble-editor-header>.ak-modal-x{display:none!important}
}
@media (orientation:landscape) and (max-height:450px){
  .ak-bubble-editor-header{min-height:49px!important;padding:5px 8px!important}
  .ak-bubble-editor-heading{grid-template-columns:35px minmax(0,1fr)!important;gap:6px!important}
  .ak-bubble-editor-heading>span{width:35px!important;height:35px!important;border-radius:11px!important;font-size:19px!important}
  .ak-bubble-editor-heading small{font-size:6px!important}
  .ak-bubble-editor-heading h2{font-size:11px!important}
  .ak-bubble-editor-heading p{display:none!important}
  .ak-bubble-editor-body{grid-template-columns:minmax(0,1.18fr) minmax(245px,.82fr)!important;gap:6px!important;padding:6px!important}
  .ak-bubble-compose-card,.ak-bubble-settings-card{padding:7px!important;border-radius:14px!important}
  .ak-bubble-section-title>span{width:21px!important;height:21px!important;border-radius:7px!important;font-size:8px!important}
  .ak-bubble-section-title strong{font-size:8px!important}
  .ak-bubble-section-title small{display:none!important}
  .ak-bubble-style-choices button{min-height:34px!important;padding:3px 5px!important}
  .ak-bubble-style-choices button span{font-size:16px!important}
  .ak-bubble-text-label>span{font-size:7px!important}
  .ak-bubble-text-label textarea{min-height:54px!important;padding:7px!important;font-size:10px!important}
  .ak-bubble-setting-group{padding:4px 6px!important;gap:3px!important}
  .ak-bubble-colors button{max-width:24px!important}
  .ak-bubble-position button{min-height:24px!important;font-size:6px!important}
  .ak-bubble-setting-group .ak-duration-control input{height:29px!important;padding-right:55px!important;font-size:11px!important}
  .ak-bubble-setting-group .ak-duration-control>button{font-size:16px!important}
  .ak-bubble-editor-footer{padding:5px 7px!important}
  .ak-bubble-editor-footer button{min-height:32px!important;font-size:8px!important}
}

/* V3.33 — Câmera da cena e narração mobile/tablet horizontal */
.ak-animation-category-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.ak-corner-button.is-narration{background:linear-gradient(135deg,#ffdbe8,#e3ecff)!important;color:#805078!important}
.ak-corner-button.is-narration:hover{background:linear-gradient(135deg,#ffc7dc,#d3e2ff)!important}
.ak-camera-choice-wrap{display:grid;gap:10px}.ak-camera-choice-intro{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e7dcef;border-radius:17px;background:linear-gradient(135deg,#fff,#f4f0fb)}.ak-camera-choice-intro>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ece4f8;font-size:22px}.ak-camera-choice-intro strong{display:block;color:#513f5d;font-size:12px}.ak-camera-choice-intro small{display:block;margin-top:3px;color:#8d7c96;font-size:9px;line-height:1.3}.ak-camera-action-grid button{background:linear-gradient(180deg,#fff,#f8f5fc)}
.ak-camera-target-picker{display:grid;gap:8px;padding:10px;border:1px solid #e7dcef;border-radius:16px;background:#fbf9fd}.ak-camera-target-picker>strong{font-size:10px;color:#65516f}.ak-camera-target-picker>div{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.ak-camera-target-picker button{display:grid;grid-template-columns:36px auto;align-items:center;gap:7px;flex:0 0 auto;min-width:116px;padding:6px;border:2px solid transparent;border-radius:13px;background:#fff;color:#594765;font-size:9px;font-weight:1000;cursor:pointer}.ak-camera-target-picker button img{width:36px;height:36px;object-fit:contain;border-radius:9px;background:#f5f1f8}.ak-camera-target-picker button.is-active{border-color:#8059bf;background:#f2ebff;box-shadow:0 0 0 3px rgba(128,89,191,.1)}.ak-camera-dialog-footer{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px}.ak-camera-dialog-footer button{min-height:42px;border:0;border-radius:13px;background:#eee8f3;color:#685572;font-weight:1000;cursor:pointer}.ak-camera-dialog-footer .ak-duration-confirm{background:linear-gradient(135deg,#7954b9,#a575d7);color:#fff}

.ak-narration-modal{place-items:center!important;padding:10px!important;overflow:hidden!important}
.ak-narration-dialog{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(920px,calc(100vw - 20px));height:min(650px,calc(100dvh - 20px));overflow:hidden;border:1px solid rgba(113,82,137,.13);border-radius:27px;background:linear-gradient(180deg,#fff,#f8f4fc);box-shadow:0 30px 90px rgba(37,24,46,.3)}
.ak-narration-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:12px 15px;border-bottom:1px solid #eadff0;background:#fff}.ak-narration-header>div{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:11px;min-width:0}.ak-narration-header>div>span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#ffd5e4,#dce7ff);color:#7b5279}.ak-narration-header svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ak-narration-header small{display:block;color:#9b88a3;font-size:8px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.ak-narration-header h2{margin:1px 0 2px;color:#4e3c59;font-size:20px;line-height:1}.ak-narration-header p{margin:0;color:#887790;font-size:10px}.ak-narration-header>button{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:0;border-radius:12px;background:#f0eaf4;color:#685472;cursor:pointer}.ak-narration-header>button svg{width:19px;height:19px}
.ak-narration-body{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);gap:12px;min-height:0;padding:12px;overflow:hidden}.ak-narration-record-card,.ak-narration-edit-card{box-sizing:border-box;min-width:0;min-height:0;border:1px solid #e8deee;border-radius:21px;background:#fff;box-shadow:0 8px 24px rgba(73,51,88,.05)}.ak-narration-record-card{display:grid;grid-template-rows:auto minmax(90px,1fr) auto auto;place-items:center;gap:8px;padding:15px;text-align:center}.ak-narration-record-status{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;width:100%;padding:8px 10px;border-radius:13px;background:#f8f5fa;text-align:left}.ak-narration-record-status>span{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#a99ab2}.ak-narration-record-status strong{color:#5d4b67;font-size:10px}.ak-narration-record-status small{color:#96869f;font-size:8px}.ak-narration-record-status.is-recording{background:#fff0f4}.ak-narration-record-status.is-recording>span{background:#ef5b78;animation:ak-narration-pulse 1s ease-in-out infinite}.ak-narration-record-status.is-ready{background:#effaf4}.ak-narration-record-status.is-ready>span{background:#54b984}.ak-narration-record-status.is-error{background:#fff1ee}.ak-narration-record-status.is-error>span{background:#dc6a55}.ak-narration-record-button{display:grid;place-items:center;align-self:center;width:112px;height:112px;border:8px solid #f7eaf0;border-radius:50%;background:linear-gradient(145deg,#f06d89,#c95076);color:#fff;box-shadow:0 15px 30px rgba(196,74,111,.28);cursor:pointer}.ak-narration-record-button span{display:grid;place-items:center}.ak-narration-record-button svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ak-narration-record-button strong{margin-top:3px;font-size:9px}.ak-narration-dialog.is-recording .ak-narration-record-button{background:linear-gradient(145deg,#5d4d69,#382e41);border-color:#eadfe9;animation:ak-narration-button-pulse 1.4s ease-in-out infinite}.ak-narration-timer{color:#4d3d57;font:1000 24px/1 system-ui;letter-spacing:.03em}.ak-narration-limit{color:#9a8ba2;font-size:8px}
.ak-narration-edit-card{display:grid;grid-template-rows:auto minmax(86px,1fr) auto auto;gap:10px;padding:15px}.ak-narration-name{display:grid;gap:5px}.ak-narration-name>span,.ak-narration-volume>span strong{color:#65516f;font-size:9px;font-weight:1000}.ak-narration-name input{box-sizing:border-box;width:100%;height:42px;padding:0 12px;border:1px solid #dfd4e7;border-radius:13px;background:#fbf9fd;color:#4e3d59;font:900 12px system-ui;outline:none}.ak-narration-name input:focus{border-color:#8a62c9;box-shadow:0 0 0 3px rgba(138,98,201,.12)}.ak-narration-preview{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:8px;min-height:0;padding:11px;border:1px dashed #dfd4e7;border-radius:16px;background:#fbf9fd}.ak-narration-preview>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.ak-narration-preview>div>span{grid-row:1/3;font-size:22px}.ak-narration-preview strong{color:#5c4967;font-size:10px}.ak-narration-preview small{color:#96859f;font-size:8px}.ak-narration-preview audio{display:none;width:100%;height:38px}.ak-narration-preview.has-audio audio{display:block}.ak-narration-volume{display:grid;gap:6px}.ak-narration-volume>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.ak-narration-volume>span small{color:#8a7297;font-size:9px;font-weight:1000}.ak-narration-volume input{width:100%;accent-color:#815bc4}.ak-narration-help{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:8px 10px;border-radius:13px;background:#fff7dc}.ak-narration-help span{font-size:17px}.ak-narration-help p{margin:0;color:#756342;font-size:8px;line-height:1.35}
.ak-narration-footer{display:grid;grid-template-columns:.75fr .8fr .8fr 1.35fr;gap:8px;padding:10px 12px;border-top:1px solid #e7ddec;background:#fff}.ak-narration-footer button{min-width:0;min-height:43px;padding:7px 10px;border:0;border-radius:13px;background:#eee8f3;color:#65516f;font-size:9px;font-weight:1000;cursor:pointer}.ak-narration-footer button:disabled{opacity:.42;cursor:not-allowed}.ak-narration-footer button.is-remove{background:#fae7eb;color:#9b5165}.ak-narration-footer button.is-primary{background:linear-gradient(135deg,#7954b9,#a575d7);color:#fff;box-shadow:0 9px 20px rgba(121,84,185,.22)}
@keyframes ak-narration-pulse{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.25);opacity:1}}@keyframes ak-narration-button-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}

@media(max-width:760px) and (orientation:portrait){.ak-narration-modal{padding:5px!important}.ak-narration-dialog{width:calc(100vw - 10px);height:calc(100dvh - 10px);border-radius:21px}.ak-narration-header{min-height:62px;padding:8px 10px}.ak-narration-header>div{grid-template-columns:42px minmax(0,1fr);gap:8px}.ak-narration-header>div>span{width:42px;height:42px;border-radius:13px}.ak-narration-header h2{font-size:15px}.ak-narration-header p{font-size:8px}.ak-narration-body{grid-template-columns:1fr;grid-template-rows:minmax(170px,.85fr) minmax(0,1.15fr);gap:7px;padding:7px}.ak-narration-record-card,.ak-narration-edit-card{padding:9px;border-radius:16px}.ak-narration-record-card{grid-template-columns:1fr auto;grid-template-rows:auto auto auto;place-items:center;gap:6px}.ak-narration-record-status{grid-column:1/-1}.ak-narration-record-button{grid-row:2/4;width:82px;height:82px;border-width:6px}.ak-narration-timer{font-size:20px}.ak-narration-limit{font-size:7px}.ak-narration-edit-card{gap:7px;padding:9px}.ak-narration-name input{height:36px}.ak-narration-preview{padding:7px}.ak-narration-help{padding:6px}.ak-narration-footer{padding:7px;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}.ak-narration-footer button{min-height:37px;font-size:8px}.ak-narration-footer button.is-primary{grid-column:1/-1}}

/* Foco principal: celular e tablet horizontal, sem rolar para baixo */
@media(orientation:landscape) and (max-width:1400px){.ak-narration-modal{padding:4px!important}.ak-narration-dialog{width:min(1080px,calc(100vw - 8px));height:min(610px,calc(100dvh - 8px));border-radius:20px}.ak-narration-header{min-height:58px;padding:6px 9px}.ak-narration-header>div{grid-template-columns:40px minmax(0,1fr);gap:8px}.ak-narration-header>div>span{width:40px;height:40px;border-radius:12px}.ak-narration-header h2{font-size:14px}.ak-narration-header p{font-size:8px}.ak-narration-header>button{width:34px;height:34px}.ak-narration-body{grid-template-columns:minmax(205px,.72fr) minmax(0,1.28fr);gap:8px;padding:8px}.ak-narration-record-card,.ak-narration-edit-card{padding:9px;border-radius:16px}.ak-narration-record-card{grid-template-rows:auto minmax(70px,1fr) auto auto;gap:5px}.ak-narration-record-status{padding:6px 8px}.ak-narration-record-button{width:84px;height:84px;border-width:6px}.ak-narration-record-button svg{width:25px;height:25px}.ak-narration-timer{font-size:19px}.ak-narration-edit-card{grid-template-rows:auto minmax(65px,1fr) auto auto;gap:6px}.ak-narration-name{gap:3px}.ak-narration-name input{height:34px;padding:0 9px;font-size:10px}.ak-narration-preview{gap:5px;padding:7px;border-radius:12px}.ak-narration-preview audio{height:32px}.ak-narration-volume{gap:3px}.ak-narration-help{padding:5px 7px}.ak-narration-help span{font-size:14px}.ak-narration-help p{font-size:7px}.ak-narration-footer{grid-template-columns:.7fr .8fr .8fr 1.3fr;gap:6px;padding:6px 8px}.ak-narration-footer button{min-height:35px;padding:4px 6px;border-radius:10px;font-size:8px}}
@media(orientation:landscape) and (max-height:450px){.ak-narration-dialog{border-radius:15px}.ak-narration-header{min-height:45px;padding:4px 7px}.ak-narration-header>div{grid-template-columns:32px minmax(0,1fr);gap:6px}.ak-narration-header>div>span{width:32px;height:32px;border-radius:10px}.ak-narration-header>div>span svg{width:18px;height:18px}.ak-narration-header small{font-size:6px}.ak-narration-header h2{font-size:11px}.ak-narration-header p{display:none}.ak-narration-header>button{width:29px;height:29px}.ak-narration-body{grid-template-columns:minmax(190px,.68fr) minmax(0,1.32fr);gap:6px;padding:6px}.ak-narration-record-card,.ak-narration-edit-card{padding:6px;border-radius:13px}.ak-narration-record-card{grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:4px}.ak-narration-record-status{grid-column:1/-1;padding:4px 6px}.ak-narration-record-status strong{font-size:8px}.ak-narration-record-status small{font-size:6px}.ak-narration-record-button{grid-row:2/4;width:62px;height:62px;border-width:5px}.ak-narration-record-button svg{width:19px;height:19px}.ak-narration-record-button strong{font-size:6px}.ak-narration-timer{font-size:16px}.ak-narration-limit{font-size:6px}.ak-narration-edit-card{grid-template-columns:minmax(0,1fr) minmax(160px,.85fr);grid-template-rows:auto minmax(0,1fr);gap:5px}.ak-narration-name{grid-column:1}.ak-narration-name>span{font-size:7px}.ak-narration-name input{height:29px;font-size:8px}.ak-narration-preview{grid-column:1;grid-row:2;padding:5px}.ak-narration-preview>div>span{font-size:16px}.ak-narration-preview strong{font-size:7px}.ak-narration-preview small{font-size:6px}.ak-narration-preview audio{height:27px}.ak-narration-volume{grid-column:2;grid-row:1}.ak-narration-volume>span strong,.ak-narration-volume>span small{font-size:7px}.ak-narration-help{grid-column:2;grid-row:2;padding:4px}.ak-narration-help p{font-size:6px}.ak-narration-footer{padding:4px 6px}.ak-narration-footer button{min-height:30px;font-size:7px}.ak-camera-duration-dialog{width:min(720px,calc(100vw - 8px))!important;max-height:calc(100dvh - 8px)!important;padding:8px!important;gap:6px!important;overflow:hidden!important}.ak-camera-duration-dialog .ak-duration-action{min-height:42px!important}.ak-camera-duration-dialog .ak-duration-action p{display:none!important}.ak-camera-target-picker{padding:5px!important;gap:4px!important}.ak-camera-target-picker button{grid-template-columns:28px auto!important;min-width:98px!important;padding:3px!important}.ak-camera-target-picker button img{width:28px!important;height:28px!important}.ak-camera-dialog-footer button{min-height:32px!important}}
.ak-corner-button.is-narration{position:relative}.ak-corner-button.is-narration.has-narration i{position:absolute;right:3px;bottom:3px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#55bd83;box-shadow:0 2px 5px rgba(46,119,78,.3)}
@media(orientation:landscape) and (max-width:1400px){.ak-camera-choice-wrap{gap:6px}.ak-camera-choice-intro{grid-template-columns:34px 1fr;gap:7px;padding:6px 8px;border-radius:13px}.ak-camera-choice-intro>span{width:34px;height:34px;border-radius:11px;font-size:18px}.ak-camera-choice-intro strong{font-size:9px}.ak-camera-choice-intro small{font-size:7px}.ak-camera-action-grid{display:flex!important;grid-template-columns:none!important;gap:6px!important;overflow-x:auto!important;padding-bottom:4px!important;scroll-snap-type:x proximity}.ak-camera-action-grid>button{flex:0 0 92px!important;min-width:92px!important;min-height:68px!important;scroll-snap-align:start}.ak-camera-action-grid>button>span{font-size:22px!important}.ak-camera-action-grid>button small{font-size:8px!important}.ak-camera-action-grid>button em{font-size:7px!important}.ak-camera-duration-modal{padding:4px!important}.ak-camera-duration-dialog{width:min(760px,calc(100vw - 8px))!important;max-height:calc(100dvh - 8px)!important;overflow:hidden!important;border-radius:17px!important}}

/* V3.34 — permissão explícita do microfone e desenho livre sem cortes */
.ak-narration-record-status.is-requesting{background:#eef5ff}.ak-narration-record-status.is-requesting>span{background:#6699dd;animation:ak-narration-pulse .8s ease-in-out infinite}.ak-narration-record-button:disabled{cursor:wait;opacity:.72;filter:saturate(.72)}.ak-narration-limit[data-permission-help]{display:block;max-width:250px;line-height:1.25;text-align:center}.ak-narration-record-status.is-error small{line-height:1.3}
@media(orientation:landscape) and (max-height:450px){.ak-narration-limit[data-permission-help]{max-width:170px;font-size:6px;line-height:1.1}}

/* v3.35 — transições, sons e gravação nativa */
.ak-scene-transition-section{display:grid;gap:8px}.ak-scene-transition-launch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid #e5d9ec;border-radius:17px;background:linear-gradient(135deg,#fff,#f4f0fb);color:#574561;text-align:left;cursor:pointer}.ak-scene-transition-launch>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ece4f8;font-size:22px}.ak-scene-transition-launch strong{display:block;font-size:11px}.ak-scene-transition-launch small{display:block;margin-top:2px;color:#8e7d97;font-size:8px}.ak-scene-transition-launch>i{padding:6px 9px;border-radius:99px;background:#7955b6;color:#fff;font:900 8px system-ui;font-style:normal}
.ak-transition-modal,.ak-sound-modal{padding:6px!important;place-items:center!important}.ak-transition-dialog,.ak-sound-dialog{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,calc(100vw - 12px));height:min(680px,calc(100dvh - 12px));overflow:hidden;border:1px solid rgba(113,82,137,.13);border-radius:26px;background:linear-gradient(180deg,#fff,#f8f4fc);box-shadow:0 30px 90px rgba(37,24,46,.3)}
.ak-transition-header,.ak-sound-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:10px 14px;border-bottom:1px solid #eee5f2}.ak-transition-header>div,.ak-sound-header>div{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px}.ak-transition-header>div>span,.ak-sound-header>div>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ece4f8;color:#714da8}.ak-transition-header svg,.ak-sound-header svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ak-transition-header small,.ak-sound-header small{display:block;color:#927f9c;font-size:8px;font-weight:1000;text-transform:uppercase}.ak-transition-header h2,.ak-sound-header h2{margin:1px 0 0;color:#4d3d57;font-size:18px}.ak-transition-header p,.ak-sound-header p{margin:2px 0 0;color:#8f7e98;font-size:9px}.ak-transition-header>button,.ak-sound-header>button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;background:#f1ebf4;color:#705d78;cursor:pointer}
.ak-transition-body{display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,.85fr);gap:12px;min-height:0;padding:12px;overflow:hidden}.ak-transition-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;overflow:auto;padding:2px}.ak-transition-list button{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:68px;padding:8px;border:1px solid #e7dced;border-radius:16px;background:#fff;color:#5b4964;text-align:left;cursor:pointer}.ak-transition-list button>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f4eff8;font-size:21px}.ak-transition-list button strong{font-size:9px;line-height:1.2}.ak-transition-list button i{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#7955b6;color:#fff;font:900 10px system-ui;font-style:normal;opacity:0}.ak-transition-list button.is-active{border-color:#8d68c7;background:#f7f1ff;box-shadow:0 6px 16px rgba(111,78,160,.13)}.ak-transition-list button.is-active i{opacity:1}.ak-transition-config{display:grid;align-content:start;gap:10px;min-height:0;padding:12px;border:1px solid #e7ddec;border-radius:19px;background:#fff}.ak-transition-preview{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;border-radius:15px;background:linear-gradient(135deg,#f5effb,#eef5ff)}.ak-transition-preview>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff;font-size:28px}.ak-transition-preview small{display:block;color:#917f9b;font-size:8px;text-transform:uppercase}.ak-transition-preview strong{display:block;color:#4f3e59;font-size:12px}.ak-transition-preview p{margin:3px 0 0;color:#8f7e98;font-size:8px}.ak-transition-duration{display:grid;gap:6px}.ak-transition-duration>span{display:flex;justify-content:space-between;color:#695771;font-size:9px}.ak-transition-duration input{width:100%}.ak-transition-presets{display:flex;gap:6px;overflow-x:auto}.ak-transition-presets button{flex:0 0 auto;min-width:44px;padding:7px;border:1px solid #e2d7e9;border-radius:10px;background:#fff;color:#695771;font-size:8px;font-weight:1000}.ak-transition-presets button.is-active{border-color:#7955b6;background:#7955b6;color:#fff}.ak-transition-tip{display:grid;grid-template-columns:auto 1fr;gap:7px;padding:8px;border-radius:12px;background:#fff8e7}.ak-transition-tip p{margin:0;color:#7d6844;font-size:8px}.ak-transition-footer,.ak-sound-footer{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(180px,1.2fr);justify-content:end;gap:8px;padding:8px 12px;border-top:1px solid #eee5f2;background:#fff}.ak-transition-footer button,.ak-sound-footer button{min-height:40px;border:1px solid #dfd3e7;border-radius:12px;background:#fff;color:#604d69;font-size:9px;font-weight:1000;cursor:pointer}.ak-transition-footer button.is-primary,.ak-sound-footer button.is-primary{border-color:#7955b6;background:#7955b6;color:#fff}
.ak-sound-scene-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #e5d9ec;border-radius:17px;background:linear-gradient(135deg,#fff,#f4f0fb)}.ak-sound-scene-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ece4f8;font-size:22px}.ak-sound-scene-card strong{display:block;color:#513f5d;font-size:11px}.ak-sound-scene-card small{display:block;color:#8c7a95;font-size:8px}.ak-sound-scene-card>button{min-height:34px;padding:7px 10px;border:0;border-radius:11px;background:#7955b6;color:#fff;font-size:8px;font-weight:1000}.ak-sound-chip-row{display:flex;gap:6px;overflow-x:auto;padding:3px 0}.ak-sound-chip-row>div{flex:0 0 auto;display:grid;grid-template-columns:auto auto auto auto;align-items:center;gap:5px;padding:6px 7px;border:1px solid #e7dced;border-radius:12px;background:#fff}.ak-sound-chip-row strong{font-size:8px;color:#5d4b67}.ak-sound-chip-row small{font-size:7px;color:#94849d}.ak-sound-chip-row button{width:20px;height:20px;border:0;border-radius:50%;background:#f1e3e9;color:#9a5769}
.ak-sound-body{display:grid;grid-template-columns:minmax(330px,1.08fr) minmax(300px,.92fr);gap:12px;min-height:0;padding:12px;overflow:hidden}.ak-sound-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0;overflow:auto;padding:2px}.ak-sound-library-grid button{position:relative;display:grid;place-items:center;gap:4px;min-height:72px;padding:7px;border:1px solid #e7dced;border-radius:16px;background:#fff;color:#5a4863;cursor:pointer}.ak-sound-library-grid button span{font-size:24px}.ak-sound-library-grid button strong{font-size:8px;text-align:center}.ak-sound-library-grid button i{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ece5f2;color:#745b83;font:900 8px system-ui;font-style:normal}.ak-sound-library-grid button.is-active{border-color:#8d68c7;background:#f7f1ff;box-shadow:0 6px 16px rgba(111,78,160,.13)}.ak-sound-config{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:9px;min-height:0}.ak-sound-selected{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid #e6dbed;border-radius:16px;background:#fff}.ak-sound-selected>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f2ebf8;font-size:25px}.ak-sound-selected small{display:block;color:#917f9b;font-size:7px;text-transform:uppercase}.ak-sound-selected strong{display:block;color:#4f3e59;font-size:11px}.ak-sound-selected p{margin:2px 0 0;color:#8d7c96;font-size:8px}.ak-sound-selected button{min-height:32px;padding:6px 9px;border:0;border-radius:10px;background:#7955b6;color:#fff;font-size:8px;font-weight:1000}.ak-sound-controls{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}.ak-sound-controls label{display:grid;gap:4px;padding:8px;border:1px solid #e6dbed;border-radius:13px;background:#fff}.ak-sound-controls label>span{display:flex;justify-content:space-between;color:#725f7b;font-size:8px;font-weight:1000}.ak-sound-controls input[type=number]{width:100%;height:31px;border:0;border-radius:8px;background:#f7f3f9;color:#4f3e59;text-align:center;font-weight:1000}.ak-sound-current{display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;min-height:0;padding:8px;border:1px solid #e6dbed;border-radius:15px;background:#fff}.ak-sound-current>div:first-child{display:flex;justify-content:space-between;color:#5a4863;font-size:9px}.ak-sound-current-list{display:flex!important;flex-direction:column;gap:5px;min-height:0;overflow:auto}.ak-sound-current-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:6px;border-radius:10px;background:#f8f5fa}.ak-sound-current-list strong{font-size:8px;color:#5d4b67}.ak-sound-current-list small{font-size:7px;color:#94849d}.ak-sound-current-list button{width:22px;height:22px;border:0;border-radius:50%;background:#f1e3e9;color:#9a5769}.ak-sound-footer{grid-template-columns:.7fr .8fr 1.3fr}
.ak-narration-native-row{display:block;width:100%}.ak-narration-native-row>button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:7px;width:100%;min-height:42px;padding:6px 9px;border:1px solid #dfd2e7;border-radius:13px;background:#fff;color:#5b4964;text-align:left;cursor:pointer}.ak-narration-native-row span{grid-row:1/3;font-size:20px}.ak-narration-native-row strong{font-size:8px}.ak-narration-native-row small{color:#95859e;font-size:6px}

@media(orientation:landscape) and (max-width:1400px){
  .ak-transition-dialog,.ak-sound-dialog{width:calc(100vw - 8px);height:calc(100dvh - 8px);border-radius:18px}
  .ak-transition-header,.ak-sound-header{min-height:48px;padding:5px 8px}.ak-transition-header>div,.ak-sound-header>div{grid-template-columns:34px minmax(0,1fr);gap:7px}.ak-transition-header>div>span,.ak-sound-header>div>span{width:34px;height:34px;border-radius:10px}.ak-transition-header h2,.ak-sound-header h2{font-size:12px}.ak-transition-header p,.ak-sound-header p{display:none}.ak-transition-header small,.ak-sound-header small{font-size:6px}.ak-transition-header>button,.ak-sound-header>button{width:30px;height:30px}
  .ak-transition-body{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:6px;padding:6px}.ak-transition-list{display:flex;align-items:stretch;gap:6px;overflow-x:auto;overflow-y:hidden}.ak-transition-list button{flex:0 0 110px;min-height:58px;padding:6px;border-radius:12px}.ak-transition-list button>span{width:32px;height:32px;font-size:18px}.ak-transition-list button strong{font-size:7px}.ak-transition-config{gap:6px;padding:7px;border-radius:13px}.ak-transition-preview{padding:6px}.ak-transition-preview>span{width:38px;height:38px;font-size:21px}.ak-transition-preview strong{font-size:9px}.ak-transition-preview p{font-size:6px}.ak-transition-duration>span,.ak-transition-presets button,.ak-transition-tip p{font-size:6px}.ak-transition-tip{padding:5px}.ak-transition-footer,.ak-sound-footer{padding:5px 7px}.ak-transition-footer button,.ak-sound-footer button{min-height:31px;font-size:7px;border-radius:9px}
  .ak-sound-body{grid-template-columns:minmax(0,1.16fr) minmax(250px,.84fr);gap:6px;padding:6px}.ak-sound-library-grid{display:flex;align-items:stretch;gap:6px;overflow-x:auto;overflow-y:hidden}.ak-sound-library-grid button{flex:0 0 78px;min-height:62px;border-radius:12px}.ak-sound-library-grid button span{font-size:20px}.ak-sound-library-grid button strong{font-size:7px}.ak-sound-config{gap:5px}.ak-sound-selected{padding:6px;border-radius:12px}.ak-sound-selected>span{width:36px;height:36px;font-size:20px}.ak-sound-selected strong{font-size:8px}.ak-sound-selected p,.ak-sound-selected small{font-size:6px}.ak-sound-selected button{min-height:28px;font-size:6px}.ak-sound-controls{gap:5px}.ak-sound-controls label{padding:5px}.ak-sound-controls label>span{font-size:6px}.ak-sound-controls input[type=number]{height:26px;font-size:8px}.ak-sound-current{padding:5px}.ak-sound-current-list>div{padding:4px}.ak-sound-footer{grid-template-columns:.65fr .75fr 1.2fr}
  .ak-narration-record-card{grid-template-rows:auto minmax(54px,1fr) auto auto auto!important}.ak-narration-native-row>button{min-height:31px;padding:4px 6px;border-radius:9px}.ak-narration-native-row span{font-size:16px}.ak-narration-native-row strong{font-size:6px}.ak-narration-native-row small{font-size:5px}
}
@media(orientation:landscape) and (max-height:360px){
  .ak-transition-header,.ak-sound-header{min-height:40px;padding:3px 6px}.ak-transition-header>div>span,.ak-sound-header>div>span{width:29px;height:29px}.ak-transition-header h2,.ak-sound-header h2{font-size:10px}.ak-transition-body,.ak-sound-body{padding:4px;gap:4px}.ak-transition-list button{flex-basis:94px;min-height:49px}.ak-transition-config{padding:5px;gap:4px}.ak-transition-preview>span{width:31px;height:31px;font-size:18px}.ak-transition-tip{display:none}.ak-transition-footer,.ak-sound-footer{padding:3px 5px}.ak-transition-footer button,.ak-sound-footer button{min-height:27px}.ak-sound-library-grid button{flex-basis:68px;min-height:52px}.ak-sound-selected{padding:4px}.ak-sound-selected>span{width:30px;height:30px}.ak-sound-current{padding:4px}.ak-narration-native-row small{display:none}.ak-narration-native-row>button{min-height:27px}
}
@media(max-width:760px) and (orientation:portrait){
  .ak-transition-dialog,.ak-sound-dialog{width:calc(100vw - 8px);height:calc(100dvh - 8px);border-radius:20px}.ak-transition-body,.ak-sound-body{grid-template-columns:1fr;grid-template-rows:minmax(180px,.9fr) minmax(0,1.1fr);padding:7px;gap:7px;overflow:hidden}.ak-transition-list,.ak-sound-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));overflow:auto}.ak-sound-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ak-transition-footer{grid-template-columns:1fr 1.4fr}.ak-sound-footer{grid-template-columns:.7fr .8fr 1.3fr}.ak-narration-native-row>button{min-height:36px}
}