/* AI² SCRATCH ENGINE V1 */
.ai2-scratch-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid rgba(107,166,255,.1);background:rgba(255,255,255,.018)}
.ai2-scratch-toolbar>button,.ai2-scratch-modes button{height:29px;padding:0 9px;border:1px solid rgba(107,166,255,.14);border-radius:8px;background:rgba(10,20,35,.7);color:#879bb2;font-size:9.5px;font-weight:650}
.ai2-scratch-toolbar>button:hover,.ai2-scratch-modes button:hover,.ai2-scratch-modes button.active{border-color:rgba(107,166,255,.34);color:#d9e8f8;background:rgba(38,70,116,.42)}
.ai2-scratch-modes{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap}
.ai2-cw-overlay-panel{grid-template-rows:auto auto 1fr}
.ai2-cw-canvas{touch-action:none;min-height:0}
.ai2-scratch-object{position:absolute;border:1px solid rgba(107,166,255,.16);border-radius:12px;background:linear-gradient(180deg,rgba(12,21,37,.96),rgba(8,14,26,.98));box-shadow:0 18px 50px rgba(0,0,0,.28);overflow:hidden;min-width:120px;min-height:70px;outline:none}
.ai2-scratch-object:hover{border-color:rgba(107,166,255,.3)}.ai2-scratch-object.selected{border-color:rgba(107,166,255,.58);box-shadow:0 0 0 2px rgba(59,130,246,.13),0 22px 58px rgba(0,0,0,.32)}
.ai2-scratch-object-head{height:28px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(107,166,255,.09);background:rgba(255,255,255,.018);font:700 8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#71869f;cursor:grab;user-select:none}.ai2-scratch-object-head:active{cursor:grabbing}.ai2-scratch-grip{letter-spacing:-2px;color:#50647c}
.ai2-scratch-object-body{height:calc(100% - 28px);min-height:0;overflow:auto;padding:9px}.ai2-scratch-object textarea{display:block;width:100%;height:100%;min-height:50px;resize:none;border:0;outline:0;background:transparent;color:#cbd9e8;font-size:11px;line-height:1.55}
.ai2-scratch-appcap{display:inline-flex;height:22px;align-items:center;padding:0 7px;border:1px solid rgba(232,180,74,.2);border-radius:999px;color:#cfb36d;font:700 8px var(--mono);letter-spacing:.08em}.ai2-scratch-object h4{margin:9px 0 4px;color:#dce8f6;font-size:12px}.ai2-scratch-object p{margin:0;color:#778aa1;font-size:10.5px;line-height:1.45}
.ai2-scratch-resize{position:absolute;right:3px;bottom:3px;width:22px;height:22px;border-radius:7px;color:#60758f;background:rgba(9,17,30,.86);font-size:11px}.ai2-scratch-resize:hover{color:#b9cee5;background:rgba(25,45,76,.9)}
.ai2-scratch-result-host>.ai2-ui-frame{height:100%;box-shadow:none;border-radius:9px}.ai2-scratch-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:5px;text-align:center;max-width:360px;color:#667b94;pointer-events:none}.ai2-scratch-empty b{color:#95abc3;font-size:12px}.ai2-scratch-empty span{font-size:10.5px;line-height:1.55}
.ai2-scratch-stroke-preview{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:#79b3ff;overflow:visible}
.ai2-cw-canvas[data-mode="DRAW"]{cursor:crosshair;background:linear-gradient(rgba(107,166,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(107,166,255,.035) 1px,transparent 1px),#070b12;background-size:24px 24px}
.ai2-cw-canvas[data-mode="APP_WINDOW"]{background:#050913}.ai2-cw-canvas[data-mode="COMPARE_SIMULATE"]{background:linear-gradient(90deg,rgba(59,130,246,.025) 50%,rgba(139,92,246,.025) 50%),#050a13}.ai2-cw-canvas[data-mode="GAME"]{background:radial-gradient(circle at 50% 50%,rgba(47,216,245,.04),transparent 48%),#050a13}
@media(max-width:760px){.ai2-scratch-modes{width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap}.ai2-cw-overlay{padding:8px}.ai2-cw-overlay-panel{width:100%;height:94vh;border-radius:14px}.ai2-scratch-toolbar{overflow-x:auto;flex-wrap:nowrap}.ai2-scratch-object{max-width:calc(100vw - 40px)}}
@media(prefers-reduced-motion:reduce){.ai2-scratch-object{transition:none!important}}