.settings-card{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 4px rgba(139,92,246,.1);border:1px solid #e9d5ff;transition:box-shadow .2s}.settings-card:hover{box-shadow:0 4px 8px rgba(139,92,246,.2)}.radio-option{cursor:pointer}.radio-label{padding:.75rem;border-radius:.5rem;border:2px solid #e5e7eb;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:70px}.radio-option input:checked+.radio-label{border-color:#7c3aed;background:rgba(124,58,237,.05)}.radio-option:hover .radio-label{border-color:rgba(124,58,237,.5)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}#drawer>div:nth-child(2)::-webkit-scrollbar{width:6px}#drawer>div:nth-child(2)::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}@media (max-width:640px){.settings-card{padding:1rem}.radio-label{padding:.5rem;min-height:60px}}.tool-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:0 0;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.tool-btn:hover{background:#f3f4f6}.tool-btn.active{background:#f3f4f6;box-shadow:0 0 0 2px #7100ad}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.tool-btn:disabled:hover{background:0 0}.toolbar-separator{width:100%;height:1px;background:#e5e7eb;margin:8px 0}.toolbar-separator-vertical{width:1px;height:32px;background:#e5e7eb;margin:0 4px;flex-shrink:0}#shapesDropdown{animation:fadeIn .15s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){#mobile-toolbar>div{display:flex;flex-wrap:nowrap;min-width:100%}}.measure-hidden{visibility:hidden}#container{flex:1;position:relative;overflow:hidden;background-color:var(--muted);background-image:linear-gradient(45deg,rgba(0,0,0,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.03) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}#canvas-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#fabric-canvas{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}input[type=color]{appearance:none;-webkit-appearance:none;border:none!important;padding:0!important;margin:0!important;background:0 0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:9999px}#page-input::-webkit-inner-spin-button,#page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#page-input{-moz-appearance:textfield}