:root{--bg-color: #f5f5f5;--panel-bg-color: #ffffff;--text-color: #333;--border-color: #bbb;--accent-color: #0055aa;--hover-color: #003b77;--error-color: #b71c1c;--success-color: #1e7e34}@media (prefers-color-scheme: dark){:root{--bg-color: #1a1a1a;--panel-bg-color: #2a2a2a;--text-color: #f0f0f0;--border-color: #555555;--accent-color: #3399ff;--hover-color: #66b3ff;--error-color: #ff3b3b;--success-color: #1e7e34}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;padding:20px;max-width:1400px;margin:0 auto}h1,h2{margin-bottom:20px}.container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.container:has(.panel:nth-child(4)){grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}@media (max-width: 768px){.container{grid-template-columns:1fr}}.panel{border:1px dashed var(--border-color);padding:20px;border-radius:4px;position:relative;background-color:var(--panel-bg-color);display:flex;flex-direction:column;min-height:250px}.panel-title{margin-bottom:10px;font-weight:700}input[type=text],textarea,code{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-color);color:var(--text-color);font-size:1rem}code{overflow-x:auto}.dropzone{border:2px dashed var(--border-color);padding:30px;border-radius:4px;text-align:center;cursor:pointer;min-height:100px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-grow:1;margin-bottom:15px}.dropzone:hover,.dropzone.drag-active{border-color:var(--accent-color);background-color:#0066cc0d}.file-input{display:none}button{background-color:var(--accent-color);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease;margin-top:auto;align-self:flex-start}button:hover{background-color:var(--hover-color)}#url-button,#text-button,#file-button,#image-button{margin-top:15px}.delete-btn{background-color:var(--error-color);margin-top:20px}.delete-btn:hover{background-color:#d32f2fcc}.toast{position:fixed;bottom:20px;right:20px;padding:10px 20px;border-radius:4px;color:#fff;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:1000}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background-color:var(--success-color)}.toast-error{background-color:var(--error-color)}.info-message{text-align:center;margin:40px 0;color:#888}.delete-controls{text-align:center;margin-top:30px}h1{-webkit-user-select:none;user-select:none}.content-controls{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.control-button{display:flex;align-items:center;gap:8px;background-color:var(--accent-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.control-button:hover{background-color:var(--hover-color)}.control-button svg{width:18px;height:18px}@media (max-width: 480px){.content-controls{flex-direction:column}.control-button{width:100%}}#file-section{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color)}#file-section h2{margin-bottom:20px;color:var(--text-color)}#file-table{width:100%;border-collapse:collapse;background-color:var(--panel-bg-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}#file-table th,#file-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}#file-table th{background-color:var(--accent-color);color:#fff;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.5px}#file-table tbody tr:hover{background-color:#0055aa0d}#file-table tbody tr:last-child td{border-bottom:none}.delete-file-btn,.download-file-btn{background-color:var(--accent-color);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s ease}.delete-file-btn{background-color:var(--error-color)}.delete-file-btn:hover{background-color:#8b0000}.download-file-btn:hover{background-color:var(--hover-color)}@media (max-width: 768px){#file-table{font-size:14px}#file-table th,#file-table td{padding:8px 12px}}@media (max-width: 480px){#file-table th,#file-table td{padding:6px 8px;font-size:12px}.delete-file-btn,.download-file-btn{padding:4px 8px;font-size:11px}}