:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0d0d0d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0d0d0d;--bg-secondary: #161616;--bg-tertiary: #1f1f1f;--text-primary: #ffffff;--text-secondary: #a1a1a1;--accent: #e94560;--accent-hover: #ff6b8a;--border: #2a2a2a;--success: #22c55e;--danger: #ef4444}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--text-primary)}.logo svg{color:var(--accent)}.header-actions{display:flex;gap:8px}.tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.editor{max-width:800px;margin:0 auto;padding:32px 24px;width:100%}.section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:24px}.section h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.section h2 svg{color:var(--accent)}.field{margin-bottom:16px}.field label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.field input,.field textarea{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:15px;transition:border-color .2s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.field textarea{resize:vertical;min-height:80px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.theme-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.theme-btn:hover{border-color:var(--border)}.theme-btn.active{border-color:var(--accent);background:#e945601a}.theme-btn span{font-size:12px;color:var(--text-secondary)}.link-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;margin-bottom:12px}.link-info{display:flex;flex-direction:column;gap:4px}.link-info strong{font-size:15px;color:var(--text-primary)}.link-info span{font-size:13px;color:var(--text-secondary)}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.icon-btn.danger:hover{background:#ef44441a;border-color:var(--danger);color:var(--danger)}.add-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-top:16px}.add-form input{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:15px}.add-form input:focus{outline:none;border-color:var(--accent)}.add-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.add-btn:hover{background:var(--accent-hover)}.social-platforms{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.platform-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.platform-btn:hover{border-color:var(--platform-color, var(--accent));color:var(--platform-color, var(--text-primary))}.platform-btn.active{background:#e945601a;border-color:var(--accent);color:var(--accent)}.social-input{display:flex;align-items:center;gap:12px;margin-top:12px}.social-input span{min-width:80px;font-size:14px;font-weight:500}.social-input input{flex:1;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:15px}.social-input input:focus{outline:none;border-color:var(--accent)}.publish-section{background:linear-gradient(135deg,#e945601a,#e945600d);border-color:var(--accent)}.publish-url{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-tertiary);border-radius:10px;margin-bottom:12px}.publish-url span{font-size:15px;font-family:Monaco,Consolas,monospace;color:var(--text-primary)}.copy-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:background .2s}.copy-btn:hover{background:var(--accent-hover)}.publish-note{font-size:13px;color:var(--text-secondary)}@media(max-width:640px){.header{padding:12px 16px}.editor{padding:20px 16px}.section{padding:20px}.add-form{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(3,1fr)}}