.ks-memo-wrapper{
  max-width:520px;
  margin:20px auto;
  padding:0 16px;
}

.ks-memo-table{
  width:100%;
  border-collapse:collapse;
}

.ks-memo-table th{
  width:85px;
  text-align:center;
  vertical-align:middle;
  font-weight:500;
  color:#6b5a2e;
  font-size:13px;
  padding:6px 4px;
  background:#f5f3ed;
  border-radius:8px;
}

.ks-memo-table input{
  width:100%;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid #d8d8d8;
  background:#fafafa;
  font-size:16px;
  outline:none;
}

.ks-free-text{
  width:100%;
  min-height:90px;                
  padding:8px 30px 8px 10px;      
  border-radius:14px;
  border:1px solid #d8d8d8;
  background:#fafafa;
  font-size:16px;
  line-height:1.4;                
  box-sizing:border-box;         
  display:block;
}
#ksStructuredStatus{
  margin:6px 0 12px 0;  
  text-align:center;
  font-size:14px;
  color:#777;
  font-weight:500;
}

.ks-free-text:focus,
.ks-memo-table input:focus{
  border-color:#bfa14a;
  box-shadow:0 0 0 2px rgba(191,161,74,0.2);
}

.ks-memo-buttons{
  margin-top:18px;
  text-align:center;
}

.ks-memo-buttons button{
  margin:0 6px;
  padding:10px 24px;
  border:none;
  border-radius:28px;
  font-size:15px;
  background:linear-gradient(145deg,#bfa14a,#8c6d1f);
  color:white;
}

.ks-input-cell{
  position:relative;
}

.ks-clear-btn{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  border:none;
  background:none;
  font-size:16px;
  color:#999;
  cursor:pointer;
}

.ks-clear-btn:active{
  color:#bfa14a;
}


.ks-bottom-bar{
  display:flex;
  justify-content:center;  
  align-items:center;
  gap:16px;                
  margin-top:18px;
}

#ksStructuredStatus{
  font-size:14px;
  color:#777;
  margin:0;
}

.ks-memo-buttons{
  display:flex;        
  gap:12px;            
  margin:0;
}
.ks-memo-buttons button{
  writing-mode: horizontal-tb;  
  white-space: nowrap;          
}
.ks-clear-btn{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  border:none;
  background:none;
  padding:0;
  cursor:pointer;
}

.ks-trash-icon{
  width:16px;     
  height:16px;
  stroke:#999;
  stroke-width:1.8;
  fill:none;
}

.ks-clear-btn:hover .ks-trash-icon{
  stroke:#bfa14a;
}
.ks-eraser-icon{
  width:16px;
  height:16px;
  stroke:#999;
  stroke-width:1.6;
  fill:none;
  transition:0.2s ease;
}

.ks-clear-btn:hover .ks-eraser-icon{
  stroke:#bfa14a;
}
.ks-eraser-icon{
  width:16px;
  height:16px;
}

.ks-eraser-icon rect:first-child{
  fill:#f4f4f4;  
  stroke:#aaa;
  stroke-width:1;
}

.ks-eraser-icon rect:last-child{
  fill:#2b4fa3;  
}

.ks-clear-btn{
  background:none;
  border:none;
  cursor:pointer;
  padding:0;
  transition:0.2s ease;
}

.ks-clear-btn:hover{
  transform:scale(1.1);
}
.ks-eraser-icon{
  width:16px;
  height:16px;
}

.ks-eraser-icon rect:first-child{
  fill:#f4f4f4;    
  stroke:#aaa;
  stroke-width:1;
}

.ks-eraser-icon rect:nth-child(2){
  fill:#000;      
}

.ks-eraser-icon rect:nth-child(3){
  fill:#2b4fa3;   
}

.ks-clear-btn{
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
  transition:0.15s ease;
}

.ks-clear-btn:hover{
  transform:translateY(-50%) scale(1.08);
}
.ks-eraser-icon{
  width:18px;
  height:18px;
}

.eraser-core{
  fill:#ffffff;
  stroke:#cfcfcf;    
  stroke-width:0.8;
}

.eraser-case{
  fill:#f2f2f2;
  stroke:#cfcfcf;
  stroke-width:0.8;
}

.eraser-black{
  fill:#000000;
}

.eraser-blue{
  fill:#2b4fa3;
}

.ks-clear-btn{
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
  transition:0.15s ease;
}


.ks-clear-btn{
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:none;
  cursor:pointer;

  width:36px;     
  height:36px;    
  display:flex;
  align-items:center;
  justify-content:center;
}