:root{--background:#eceff3;--surface:#ffffff;--surface-subtle:#f3f5f8;--surface-accent:#e3e8ee;--primary-color:#2a3440;--primary-strong:#1f2832;--secondary-color:#3f4c5a;--accent-color:#56697d;--label-color:#404c59;--text-color:#242e39;--sub-title:#677280;--border-color:#d2d9e1;--border-strong:#bcc6d1;--white:#ffffff;--black:#1d2b3a;--red:#b23a3a;--dark-red:#8f2d2d;--gray:#aebdcc;--button-text-color:#2a3440;--button-hover-color:#1f2832;--focus-ring:rgba(86,105,125,0.22);--success-bg:#eaf6ef;--success-text:#236846;--success-border:#c7e4d2;--warning-bg:#fff5df;--warning-text:#8b6618;--warning-border:#efdfae;--danger-bg:#fceaea;--danger-text:#a03333;--danger-border:#e9bebe;--shadow-sm:0 6px 16px rgba(11,28,44,0.08);--shadow-md:0 20px 44px rgba(11,28,44,0.12)}body,html{max-width:100vw;overflow-x:hidden;height:100%;min-height:100%;background:radial-gradient(circle at 15% 5%,#ffffff 0,#eef2f6 32%,var(--background) 68%),var(--background)}body{font-family:var(--font-geist-sans),"Segoe UI",sans-serif;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}label{color:var(--label-color)}.ps-menu-button{background:transparent}.css-16jesut>.ps-menu-button:hover,.css-1t8x7v1>.ps-menu-button:hover,.css-1tqrhto>.ps-menu-button:hover{background-color:rgba(255,255,255,.08)!important}.rightButtonsContainer{display:flex;flex-direction:row-reverse;width:100%;position:relative}.redButton{background-color:var(--red)!important}.container{display:grid;width:100%;height:100%}.center-container{place-self:center;width:100%;height:max-content;max-height:100%;background:var(--surface);border:1px solid var(--border-color);padding:1.2rem;border-radius:.8rem;box-shadow:var(--shadow-md)}.form-title{border-bottom:1px solid var(--border-color);padding-bottom:1.25rem;margin-bottom:1.25rem}.form-title>h1{color:var(--black);margin-bottom:.65rem}.form-title>p{color:var(--sub-title)}.squares-container{display:grid;column-gap:1rem;row-gap:1rem;grid-template-columns:repeat(8,1fr)}.square{text-align:center;border:1px solid var(--border-color);border-radius:.75rem;min-height:9rem;padding:1rem;position:relative;display:grid;gap:.5rem;justify-content:center;transition:.2s ease;background:var(--surface)}.square:hover{border-color:var(--accent-color);box-shadow:var(--shadow-sm);cursor:pointer}.square svg{width:80px;height:80px;justify-self:center}.menuTrigger{position:absolute;top:.35rem;right:.55rem;font-size:1.2rem;font-weight:700;line-height:.9;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;display:none}.square:hover>.menuTrigger{display:block}.contextMenu{position:fixed;background:var(--surface);border-radius:8px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);min-width:160px;z-index:9999;padding:6px 0}.contextMenu div{padding:10px 14px;font-size:14px;cursor:pointer;transition:.15s;display:flex;gap:.5rem;justify-content:left}.contextMenu div:hover{background:var(--surface-accent)}input:focus,select:focus,textarea:focus{outline:none}