/* Modo simples estilo CapCut (aditivo). */
#ccbar{grid-area:mnav;display:flex;gap:2px;background:var(--p1);border-top:1px solid var(--line);padding:0 4px env(safe-area-inset-bottom);overflow:hidden}
#ccbar .cc-tool{flex:1;min-width:0;min-height:52px;background:none;border:0;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700;border-radius:12px;transition:transform .15s,color .15s}
#ccbar .cc-tool:active{transform:scale(.92);color:var(--y)}
#ccbar .cc-tool .ic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#ccbar #ccToggle{color:var(--mut)}
#ccbar.cc-desk{border:1px solid var(--line);border-radius:14px;margin:6px;padding:2px 6px;max-width:640px}
#ccbar.cc-desk .cc-tool{flex-direction:row;gap:6px;min-height:40px;font-size:13px;padding:0 10px}
html:not([data-dev="phone"]) #app > #ccbar{display:none}
html.cc-simple #mnav{display:none!important}
html:not(.cc-simple) #app > #ccbar .cc-tool:not(#ccToggle){display:none}
html:not(.cc-simple) #app > #ccbar{position:fixed;right:10px;bottom:70px;width:auto;border:1px solid var(--line);border-radius:14px;z-index:30}
html.cc-simple[data-dev="phone"] #stageTools,html.cc-simple[data-dev="phone"] #rulerX,html.cc-simple[data-dev="phone"] #rulerY,html.cc-simple[data-dev="phone"] #rulerCorner{display:none!important}
.cc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cc-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:76px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--p2);color:var(--text);text-align:left;transition:transform .15s,border-color .15s}
.cc-card:hover,.cc-card:focus-visible{border-color:var(--y);transform:translateY(-2px)}
.cc-card b{font-size:15px}.cc-card small{font-size:12px;color:var(--mut)}