*{margin:0;padding:0;box-sizing:border-box}body{font-family:"MS Sans Serif",sans-serif;background:silver;overflow:hidden;line-height:1.4}html,body{height:100%}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:silver;border:1px inset #c0c0c0}::-webkit-scrollbar-thumb{background:silver;border:2px outset #c0c0c0;transition:none}::-webkit-scrollbar-thumb:hover{background:#d0d0d0}::-webkit-scrollbar-thumb:active{border:2px inset #c0c0c0}.text-center{text-align:center}.flex{display:flex}.flex-column{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{font-family:inherit;outline:none;transition:all .2s ease}.btn{padding:.5rem 1rem;border:2px outset #c0c0c0;background:silver;cursor:pointer;font-size:.8rem;font-weight:400;transition:none;font-family:"MS Sans Serif",sans-serif;color:#000}.btn:hover{background:#d0d0d0}.btn:active{border:2px inset #c0c0c0;background:#a0a0a0}.btn-primary{background:silver;color:#000;border:2px outset #c0c0c0}.btn-primary:hover{background:#d0d0d0}.btn-primary:active{border:2px inset #c0c0c0;background:#a0a0a0}.btn-success{background:silver;color:#000;border:2px outset #c0c0c0}.btn-success:hover{background:#d0d0d0}.btn-success:active{border:2px inset #c0c0c0;background:#a0a0a0}.btn-danger{background:silver;color:#000;border:2px outset #c0c0c0}.btn-danger:hover{background:#d0d0d0}.btn-danger:active{border:2px inset #c0c0c0;background:#a0a0a0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:silver;border:3px outset #c0c0c0;padding:1rem;min-width:400px;max-width:80vw;max-height:80vh;overflow-y:auto;animation:slideIn .3s ease;position:relative;font-family:"MS Sans Serif",sans-serif}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.modal-title{font-size:1rem;font-weight:700;color:#000;margin:0;font-family:"MS Sans Serif",sans-serif}.modal-close{background:silver;border:2px outset #c0c0c0;font-size:1rem;cursor:pointer;color:#000;padding:.2rem .5rem;width:auto;height:auto;display:flex;align-items:center;justify-content:center;transition:none;font-family:"MS Sans Serif",sans-serif}.modal-close:hover{background:#d0d0d0}.modal-close:active{border:2px inset #c0c0c0;background:#a0a0a0}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.25rem;font-weight:400;color:#000;font-size:.8rem;font-family:"MS Sans Serif",sans-serif}.form-control{width:100%;padding:.5rem;border:2px inset #c0c0c0;font-size:.8rem;transition:none;background:#fff;font-family:"MS Sans Serif",sans-serif}.form-control:focus{outline:none;border:2px inset #808080}.form-control:hover:not(:focus){background:#f0f0f0}.form-control::placeholder{color:#999;opacity:1}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #3498db;outline-offset:2px}@media print{.toolbar,.modal-overlay{display:none!important}.canvas{border:none!important;box-shadow:none!important}}@media (prefers-contrast: high){.btn{border:2px solid currentColor}.form-control{border-width:2px}.device{border-width:3px!important}}@media (prefers-color-scheme: dark){:root{--bg-color: #1a1a1a;--text-color: #ffffff;--border-color: #444}}