:root{font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;color:#063d3b;background:#e8fbf9}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#c9f4f0,#f7fffe)}
.links-toolbar{display:flex;align-items:center;gap:18px;padding:18px clamp(16px,4vw,48px);background:#fff;border-bottom:1px solid #8fcfcb}.links-toolbar div{flex:1}.links-toolbar h1{margin:2px 0 0;font-size:clamp(22px,4vw,32px)}.links-toolbar small{font-weight:900;color:#07827d}
.links-shell{width:min(1000px,calc(100% - 32px));margin:28px auto;display:grid;gap:20px}.links-card{padding:clamp(18px,4vw,30px);border:1px solid #8fcfcb;border-radius:22px;background:#fff;box-shadow:0 16px 40px #075e5918}.links-card h2{margin:0 0 16px}
#linkForm{display:grid;grid-template-columns:1fr 1.5fr;gap:14px}#linkForm label{display:grid;gap:7px;font-weight:900}#linkForm label:nth-child(4),.form-actions{grid-column:1/-1}#linkForm label span{color:#bd1e2d;font-size:12px}input,textarea{width:100%;padding:12px 14px;border:1px solid #8fcfcb;border-radius:11px;font:inherit;color:inherit;background:#fff}textarea{resize:vertical}.form-actions{display:flex;gap:9px}#linkStatus{min-height:22px;margin:12px 0 0;color:#087a75;font-weight:800}#linkStatus.error{color:#b42318}
.list-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);align-items:center;gap:4px 15px;margin-bottom:16px}.list-head h2{margin:0}.list-head b{color:#52706e}.list-head input{grid-column:2;grid-row:1}.list-head>small{grid-column:2;color:#52706e}.link-list{display:grid;gap:11px}.link-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid #b8dedb;border-radius:15px;background:#f8fffe}.link-row>div{min-width:0}.link-logo{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border:1px solid #cce8e5;border-radius:14px;background:#fff;font-size:24px;line-height:1}.link-logo img{display:block;width:32px;height:32px;object-fit:contain}.link-row h3{margin:0 0 5px;overflow-wrap:anywhere}.platform-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin:0 0 6px;padding:4px 9px;border-radius:999px;background:#dff7f4;color:#06746f;font-size:12px;font-weight:900;overflow-wrap:anywhere}.platform-icon{width:16px;height:16px;object-fit:contain}.link-row p{margin:0;color:#52706e;white-space:pre-wrap;overflow-wrap:anywhere}.link-row small{display:block;margin-top:7px;color:#78908f}.link-actions{display:grid;justify-items:end;gap:7px;max-width:390px}.link-action-buttons{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.copy-link-feedback{color:#087a75;font-size:12px;font-weight:800;text-align:right}.copy-link-feedback.error{color:#b42318}.copy-link-manual{min-width:0;width:100%;padding:8px 10px;font-size:12px}.empty{padding:26px;text-align:center;color:#52706e;background:#eefaf9;border-radius:14px}
@media(max-width:700px){#linkForm{grid-template-columns:1fr}#linkForm label:nth-child(4),.form-actions{grid-column:auto}.list-head{grid-template-columns:1fr}.list-head input,.list-head>small{grid-column:auto;grid-row:auto}.link-row{grid-template-columns:52px minmax(0,1fr)}.link-actions{grid-column:1/-1;justify-items:stretch;max-width:none}.link-action-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.link-action-buttons .vds-btn{width:100%}.copy-link-feedback{text-align:left}.links-toolbar{align-items:flex-start}}