*{box-sizing:border-box}body{margin:0;background:#f6f6f4;color:#171717;font-family:Arial,'Noto Sans KR',sans-serif}.topbar{height:76px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;padding:0 42px;gap:34px}.brand{display:flex;align-items:center;gap:9px;color:#111;text-decoration:none;font-size:25px;font-weight:900}.brand img{width:34px;height:34px}.topbar nav{display:flex;gap:25px;flex:1}.topbar nav a{color:#555;text-decoration:none;font-weight:700}.login{color:#111;text-decoration:none;font-weight:700}.writer{max-width:1180px;margin:38px auto 80px;padding:0 28px}.writer-head{background:#111;color:#fff;padding:42px 48px;border-radius:18px 18px 0 0}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#999}.writer-head h1{font-size:36px;margin:10px 0}.writer-head p:last-child{color:#bbb}.writer-tabs{background:#fff;border:1px solid #ddd;border-top:0;padding:0 24px;display:flex}.tab{border:0;background:transparent;padding:20px 26px;font-size:15px;font-weight:800;color:#777;cursor:pointer;border-bottom:3px solid transparent}.tab.active{color:#111;border-bottom-color:#111}.writer form{background:#fff;border:1px solid #ddd;border-top:0;padding:34px 48px 46px;border-radius:0 0 18px 18px}label{display:block;font-size:14px;font-weight:800;margin-bottom:22px;color:#171717}.writer form label{color:#171717}input,select,textarea{display:block;width:100%;border:1px solid #d5d5d5;background:#fff;border-radius:8px;margin-top:9px;padding:15px 16px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#111}textarea{min-height:520px;resize:vertical;line-height:1.8;font-size:16px}.attach-box{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.attach-box label{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #d7d7dc;border-radius:12px;background:#fff;color:#111}.attach-box input{width:100%;color:#111;background:#fff}.attach-box small{color:#555}.writer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:8px;text-decoration:none;border:1px solid #222;font-weight:800;cursor:pointer}.primary{background:#111;color:#fff}.ghost{background:#fff;color:#111}.status{min-height:20px;text-align:right;color:#666}@media(max-width:700px){.topbar{padding:0 18px}.topbar nav{display:none}.writer{margin:18px auto;padding:0 12px}.writer-head{padding:28px 24px}.writer-head h1{font-size:28px}.writer form{padding:24px 20px}.writer-tabs{overflow:auto}.tab{white-space:nowrap;padding:17px 18px}textarea{min-height:420px}}