:root{--color-primary: #FF6B6B;--color-secondary: #4ECDC4;--color-accent: #FFE66D;--color-dark: #2C3E50;--color-light: #F7F9FC;--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--glass-blur: blur(10px);--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--radius-md: 16px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0;touch-action:none;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#a8edea,#fed6e3);color:var(--color-dark);min-height:100vh;overflow:hidden}#app{width:100vw;height:100vh;position:relative}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.btn{background:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn:active{transform:scale(.95)}.btn-secondary{background:var(--color-secondary)}.input-field{background:#fffc;border:1px solid rgba(255,255,255,.5);padding:10px;border-radius:8px;font-size:1rem;outline:none;width:100%}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b6b33}@media(max-width:600px){.drawing-board{width:95%!important;padding:15px!important;gap:15px!important}.canvas-container{height:250px!important}.color-swatch{width:25px!important;height:25px!important}.fab{bottom:20px!important;right:20px!important;width:50px!important;height:50px!important}.logo{font-size:1.2rem!important;top:15px!important;left:20px!important}}.zoo-stage[data-v-06eb383f]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.zoo-stage[data-v-06eb383f] canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.mode-toggle[data-v-06eb383f]{position:absolute;top:20px;right:20px;z-index:100;width:50px;height:50px;border-radius:50%;font-size:1.5rem;padding:0;display:flex;align-items:center;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.drawing-board[data-v-f33ccef5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;padding:20px;display:flex;flex-direction:column;gap:20px;z-index:100}.canvas-container[data-v-f33ccef5]{width:100%;height:300px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 10px #0000000d;cursor:crosshair}canvas[data-v-f33ccef5]{width:100%;height:100%;touch-action:none;display:block}.controls[data-v-f33ccef5]{display:flex;flex-direction:column;gap:15px}.color-picker[data-v-f33ccef5]{display:flex;justify-content:center;gap:10px}.color-swatch[data-v-f33ccef5]{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 5px #0000001a;transition:transform .2s}.color-swatch.active[data-v-f33ccef5]{transform:scale(1.2);border-color:var(--color-dark)}.tools[data-v-f33ccef5]{display:flex;align-items:center;gap:10px}.size-slider[data-v-f33ccef5]{flex:1;accent-color:var(--color-dark)}.add-btn[data-v-f33ccef5]{width:100%;font-size:1.1rem;padding:12px}.app-container[data-v-7fb7b298]{width:100vw;height:100vh;position:relative;overflow:hidden}.fab[data-v-7fb7b298]{position:absolute;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;font-size:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;z-index:10;padding:0}.logo[data-v-7fb7b298]{position:absolute;top:20px;left:30px;font-size:1.5rem;font-weight:800;color:var(--color-dark);text-shadow:2px 2px 0px rgba(255,255,255,.5);z-index:10;pointer-events:none}.fade-enter-active[data-v-7fb7b298],.fade-leave-active[data-v-7fb7b298]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-7fb7b298],.fade-leave-to[data-v-7fb7b298]{opacity:0;transform:scale(.95)}