@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Roboto,sans-serif}.panels-container{position:fixed;top:20px;left:20px;right:20px;font-family:Roboto,sans-serif;display:flex;justify-content:space-between;align-items:flex-start;z-index:30}.control-panel{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px 15px;border-radius:12px;display:flex;gap:10px;box-shadow:0 4px 6px #0000001a;font-family:Roboto,sans-serif;height:50px;align-items:center;transition:transform .5s var(--md3-ease),opacity .5s var(--md3-ease),filter .5s var(--md3-ease);opacity:1;transform:translateY(0);filter:blur(0)}.control-panel.left-panel{justify-content:flex-start}.control-panel.right-panel{justify-content:flex-end}.control-panel.hidden-panel{opacity:0;transform:translateY(-100%);filter:blur(10px);pointer-events:none}.control-panel-divider{width:3px;background-color:#d1d5db;margin:0 10px;height:50%;box-sizing:border-box}.button{position:relative;display:inline-block;cursor:pointer;padding:10px;font-family:Roboto,sans-serif;font-size:16px;background-color:#fffc;border:2px solid #d1d5db;border-radius:9999px;transition:background-color .3s var(--md3-ease),transform .1s ease-out,box-shadow .3s var(--md3-ease);display:flex;align-items:center;justify-content:center}.button:hover{background-color:#fff;transform:scale(1.05);box-shadow:var(--button-box-shadow-hover)}.button:active{transform:scale(.95);box-shadow:var(--button-box-shadow-active)}.button[title]:hover:after{content:attr(title);position:absolute;top:110%;left:50%;transform:translate(-50%);background-color:#3c3c3ce6;color:#fff;padding:5px 8px;border-radius:4px;white-space:nowrap;font-size:12px;pointer-events:none;opacity:1;transition:opacity .2s ease-in-out;z-index:50}#canvas{position:fixed;top:0;left:0;width:100%;height:100%}#overlay-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}:root{--md3-ease: cubic-bezier(.4, 0, .2, 1);--button-box-shadow-hover: 0 6px 12px rgba(0, 0, 0, .15);--button-box-shadow-active: 0 4px 6px rgba(0, 0, 0, .1)}.hidden{display:none!important}.action-menu{position:absolute;top:100px;left:20px;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:10px;z-index:40;transition:transform .5s var(--md3-ease),opacity .5s var(--md3-ease),filter .5s var(--md3-ease);filter:blur(10px);opacity:0;transform:translateY(-10px);pointer-events:none}.action-menu.visible{opacity:1;transform:translateY(0);pointer-events:auto;filter:blur(0)}.size-menu{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:10px;align-items:center;z-index:50}.size-menu input[type=number]{width:60px;padding:5px;border:2px solid #d1d5db;border-radius:8px;font-size:16px;font-family:Roboto,sans-serif;outline:none;transition:border-color .3s var(--md3-ease)}.size-menu input[type=number]:focus{border-color:#d1d5db}.size-menu button{padding:10px;font-family:Roboto,sans-serif;font-size:16px;background-color:#fffc;border:2px solid #d1d5db;cursor:pointer;border-radius:9999px;transition:background-color .3s var(--md3-ease),transform .1s ease-out,box-shadow .3s var(--md3-ease);display:flex;align-items:center;justify-content:center}.size-menu button:hover{background-color:#fff;transform:scale(1.05);box-shadow:var(--button-box-shadow-hover)}.size-menu button:active{transform:scale(.95);box-shadow:var(--button-box-shadow-active)}.preview-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5;pointer-events:none;z-index:40}#blur-overlay.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.polygon-panel{display:flex;justify-content:center;align-items:center;gap:10px}.polygon-point{position:absolute;width:8px;height:8px;background-color:#4caf50;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}#blur-overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:backdrop-filter .3s ease;pointer-events:none;z-index:300}#console-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:500}#console-window{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:20px;width:80%;max-width:600px;max-height:80%;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a}#console-logs{flex-grow:1;overflow-y:auto;margin-bottom:10px;border:1px solid #d1d5db;border-radius:8px;padding:10px;font-family:Roboto,monospace;background-color:#ffffffe6}#console-input{display:flex;gap:10px}#console-command{flex-grow:1;padding:10px;border:2px solid #d1d5db;border-radius:9999px;font-family:Roboto,sans-serif;font-size:16px;outline:none;transition:border-color .3s var(--md3-ease)}#console-command:focus{border-color:#a0aec0}#console-execute{padding:10px;background-color:#fffc;border:2px solid #d1d5db;border-radius:9999px;cursor:pointer;transition:background-color .3s var(--md3-ease),transform .1s ease-out,box-shadow .3s var(--md3-ease)}#console-execute:hover{background-color:#fff;transform:scale(1.05);box-shadow:var(--button-box-shadow-hover)}#console-execute:active{transform:scale(.95);box-shadow:var(--button-box-shadow-active)}