.preview{width:700px;max-width:750px;height:1200px;background-color:#fff;color:#000;display:flex;flex-direction:column;align-items:center}.preview h1{margin:8px;font-size:40px}.preview header{width:100%;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.preview header div{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;width:90%}span{display:flex;align-items:center;gap:3px}.preview header .icon{width:16px}.sec{width:90%;min-height:80px}.sec h2{font-size:28px;border-bottom:3px solid black}.sec ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:24px}.sec ul .lisec1{display:flex;flex-direction:row;align-items:start;justify-content:space-between}.sec li h3{margin:0;font-weight:400}.sec li span{display:flex;flex-direction:column;align-items:end}.lisec2 div{width:100%;display:flex;justify-content:space-between}.lisec2{display:flex;flex-direction:column}.lisec2 p{margin:0;font-size:14px}.section{background-color:#181818;border-radius:8px;padding:8px 8px 16px}.panel ul{display:flex;flex-direction:column;gap:12px;padding:0 8px;list-style:none;margin:0}.panel ul li{display:flex;flex-direction:column;gap:4px}.dropdownbtn{background-color:#181818;border:none;cursor:pointer;font-size:20px}.dropdownbtn:hover{color:gray}.savebtn{font-size:20px;padding:8px 0;border-radius:48px;border:none;width:32%;align-self:flex-end;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#1b6ccf}.savebtn:hover{background-color:#1a5aa7;cursor:pointer}.section>div{display:flex;flex-direction:column;gap:10px;border-radius:8px;padding-bottom:12px;align-items:center}.section>div>div{background-color:#222;padding:8px;width:90%;border-radius:8px;justify-content:space-between;display:flex}.section>div>div>div{display:flex;align-items:center}.editbtn{background-color:transparent;border:none;cursor:pointer}.deletebtn{color:#ff3131}dialog{width:350px;min-height:400px;max-height:550px;border-radius:16px;position:fixed}dialog header{display:flex;align-items:center;justify-content:space-between;height:75px}h2{margin:0}button{border:none;background-color:transparent;cursor:pointer}ul{display:flex;flex-direction:column;gap:12px;padding:0 8px;list-style:none;margin:0}input{padding:8px;border-radius:8px}ul li{display:flex;flex-direction:column;gap:4px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424}body{margin:0;display:flex;align-items:center;justify-content:center}main{display:flex;gap:36px;max-width:1500px;padding:32px 16px;width:100%}h2{margin:8px 0;display:flex;align-items:end}.panel{display:flex;flex-grow:1;flex-wrap:wrap;gap:24px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:750px;flex-direction:column}