*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4;color:#ccc;background:#2c2c2c;overflow:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#555;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#777}.btn{background:#0f7ae5;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.btn:hover{background:#0d6edb;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{background:#404040;color:#666;cursor:not-allowed;transform:none}.btn-secondary{background:#404040;border:1px solid #555}.btn-secondary:hover{background:#4a4a4a;border-color:#666}.btn-danger{background:#e74c3c}.btn-danger:hover{background:#c0392b}.btn-success{background:#27ae60}.btn-success:hover{background:#229954}.input,.textarea,.select{background:#3c3c3c;border:1px solid #555;color:#ccc;padding:8px 12px;border-radius:4px;width:100%;font-size:13px;transition:border-color .2s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:#0f7ae5;box-shadow:0 0 0 2px #0f7ae54d}.textarea{resize:vertical;min-height:80px}.select{cursor:pointer;padding-right:30px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23cccccc' viewBox='0 0 16 16'%3e%3cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}.select option{background:#3c3c3c;color:#ccc}.card{background:#383838;border-radius:6px;padding:20px;border:1px solid #555;box-shadow:0 4px 12px #0000004d}.panel{background:#2c2c2c;border:1px solid #555;border-radius:6px}.panel-header{background:#333;padding:12px 16px;border-bottom:1px solid #555;font-weight:600;font-size:14px;color:#e0e0e0;border-radius:6px 6px 0 0}.panel-body{padding:16px}.layer-item{background:#404040;border:1px solid #555;border-radius:4px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;position:relative}.layer-item:hover{background:#4a4a4a;border-color:#666}.layer-item.selected{background:#0f7ae5;border-color:#1e88e5;color:#fff}.layer-item.hidden{opacity:.5}.icon-btn{background:transparent;border:none;color:#ccc;cursor:pointer;padding:6px;border-radius:3px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:#555;color:#fff}.icon-btn.active{background:#0f7ae5;color:#fff}.icon-btn.active:hover{background:#1e88e5}.icon-btn.danger:hover{background:#e74c3c;color:#fff}.canvas-container{background:#2c2c2c;border:2px solid #555;border-radius:8px;position:relative;overflow:hidden}.canvas-bg{background:linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.toolbar{background:#333;border-bottom:1px solid #555;padding:12px 16px;display:flex;align-items:center;gap:12px}.status-bar{background:#333;border-top:1px solid #555;padding:8px 16px;font-size:12px;color:#999}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{border:2px solid #555;border-top:2px solid #0f7ae5;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}input[type=checkbox]{appearance:none;width:16px;height:16px;border:1px solid #555;border-radius:3px;background:#3c3c3c;cursor:pointer;position:relative}input[type=checkbox]:checked{background:#0f7ae5;border-color:#0f7ae5}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-size:12px;font-weight:700}.error-message{background:#8b2e24;border:1px solid #e74c3c;color:#ffebee;padding:12px;border-radius:4px;font-size:13px}