.app{height:100%;display:flex;flex-direction:column}.controls{padding:1rem;background:rgba(0,0,0,.2);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.btn,.controls{display:flex;gap:.5rem}.btn{padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;transition:all .2s;border:none;cursor:pointer;align-items:center}.btn-primary{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.btn-primary:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transform:scale(1.05)}.btn-secondary{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:rgba(255,255,255,.15);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transform:scale(1.05)}.btn-warning{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.btn-info{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.error{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:.75rem;padding:1rem;margin:1rem;color:#fca5a5}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:rgba(255,255,255,.7)}.drawing-instructions{position:absolute;top:1rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:white;padding:.75rem 1.5rem;border-radius:.75rem;z-index:1000;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.roi-list{background:rgba(0,0,0,.2);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);padding:1rem}.roi-list h3{color:white;font-weight:600;font-size:.875rem;margin-bottom:.75rem}.roi-item{background:rgba(255,255,255,.08);border-radius:.75rem;padding:.75rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.roi-color{width:1rem;height:1rem;border-radius:50%;flex-shrink:0}.roi-name{color:rgba(255,255,255,.9);font-size:.875rem;flex:1;cursor:pointer}.roi-name:hover{color:white}.roi-delete{color:rgba(255,255,255,.6);background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.roi-delete:hover{color:#fca5a5;background:rgba(239,68,68,.1)}