*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:20px;max-width:1200px;margin:0 auto;background:#f5f5f5}#app{width:100%}h1{color:#333;margin-bottom:20px}.container{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a}textarea{width:100%;min-height:400px;padding:15px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;border:2px solid #ddd;border-radius:4px;resize:vertical;margin-bottom:15px}textarea:focus{outline:none;border-color:#4caf50}.button-group{display:flex;gap:10px;align-items:center}button{background:#4caf50;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}button:hover{background:#45a049}button:disabled{background:#ccc;cursor:not-allowed}.info{display:flex;gap:20px;color:#666;font-size:14px;align-items:center}.warning{color:#ff9800;font-weight:500}.error{color:#f44336;font-weight:500}.success{color:#4caf50;font-weight:500}.help{margin-top:20px;padding:15px;background:#f9f9f9;border-left:4px solid #4CAF50;border-radius:4px}.help h3{margin-bottom:10px;color:#333}.help p{color:#666;line-height:1.6}.history{margin-top:30px;padding:20px;background:#f9f9f9;border-radius:4px}.history h3{margin-bottom:15px;color:#333}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#fff;border-radius:4px;border:1px solid #ddd;cursor:pointer;transition:all .2s}.history-item:hover{border-color:#4caf50;box-shadow:0 2px 5px #0000001a}.history-item-content{flex:1;display:flex;flex-direction:column;gap:5px}.history-item-text{color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-date{color:#999;font-size:12px}.history-item-delete{background:#f44336;color:#fff;border:none;padding:6px 12px;font-size:14px;border-radius:4px;cursor:pointer;transition:background .2s;margin-left:10px}.history-item-delete:hover{background:#d32f2f}.history-empty{color:#999;text-align:center;padding:20px;font-style:italic}.history-clear-all{background:#ff9800;margin-top:10px}.history-clear-all:hover{background:#f57c00}