#ly-dynamic-create-root{position:fixed;inset:0;z-index:12000;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#0f172a}
.ly-dynamic-create-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5)}
.ly-dynamic-create-dialog{position:relative;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 40px);margin:clamp(20px,8vh,80px) auto 20px;overflow:auto;border-radius:16px;background:#fff;box-shadow:0 28px 70px rgba(15,23,42,.28)}
.ly-dynamic-create-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px 16px;border-bottom:1px solid #e2e8f0}
.ly-dynamic-create-dialog h2{margin:0;color:#0f172a;font-size:18px;line-height:1.35;font-weight:800}
.ly-dynamic-create-close{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:0;border-radius:9px;color:#64748b;background:#f1f5f9;font-size:23px;line-height:1;cursor:pointer}
.ly-dynamic-create-close:hover{color:#0f172a;background:#e2e8f0}
.ly-dynamic-create-body{padding:22px 24px 8px}
.ly-dynamic-create-note{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px;padding:14px 16px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}
.ly-dynamic-create-note>span{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:10px;color:#fff;background:#2563eb;font-size:18px;font-weight:700}
.ly-dynamic-create-note strong{display:block;color:#1e3a8a;font-size:14px;line-height:1.5}
.ly-dynamic-create-note p{margin:4px 0 0;color:#1e40af;font-size:13px;line-height:1.65}
#ly-dynamic-create-form label{display:block;margin-bottom:20px}
#ly-dynamic-create-form label b{display:block;margin-bottom:8px;color:#334155;font-size:14px;line-height:1.5}
#ly-dynamic-create-form input,#ly-dynamic-create-form textarea{box-sizing:border-box;width:100%;border:1px solid #dcdfe6;border-radius:10px;outline:0;color:#1f2937;background:#fff;font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}
#ly-dynamic-create-form input{height:42px;padding:0 13px}
#ly-dynamic-create-form textarea{min-height:92px;padding:10px 13px;resize:none;line-height:1.55}
#ly-dynamic-create-form input:focus,#ly-dynamic-create-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
#ly-dynamic-create-form input::placeholder,#ly-dynamic-create-form textarea::placeholder{color:#94a3b8}
#ly-dynamic-create-form small{display:block;margin-top:7px;color:#64748b;font-size:12px;line-height:1.5}
.ly-dynamic-create-summary{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#e2e8f0}
.ly-dynamic-create-summary>div{padding:12px 14px;background:#f8fafc}
.ly-dynamic-create-summary span,.ly-dynamic-create-summary strong{display:block;overflow-wrap:anywhere}
.ly-dynamic-create-summary span{margin-bottom:4px;color:#64748b;font-size:12px}
.ly-dynamic-create-summary strong{color:#0f172a;font-size:14px;font-weight:800}
.ly-dynamic-create-error{min-height:20px;margin:12px 0 0;color:#dc2626;font-size:13px;line-height:1.55}
.ly-dynamic-create-error.is-success{color:#047857;font-weight:700}
.ly-dynamic-create-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 22px}
.ly-dynamic-create-dialog footer button{min-width:94px;min-height:40px;padding:0 18px;border:1px solid #dcdfe6;border-radius:9px;color:#334155;background:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ly-dynamic-create-dialog footer .ly-dynamic-create-submit{border-color:#2563eb;color:#fff;background:#2563eb}
.ly-dynamic-create-dialog footer .ly-dynamic-create-submit:hover{background:#1d4ed8}
.ly-dynamic-create-dialog footer button:disabled{cursor:wait;opacity:.65}
@media(max-width:600px){.ly-dynamic-create-dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px);margin:12px auto}.ly-dynamic-create-dialog header{padding:18px 18px 14px}.ly-dynamic-create-body{padding:18px 18px 6px}.ly-dynamic-create-note{padding:12px 13px}.ly-dynamic-create-summary{grid-template-columns:1fr}.ly-dynamic-create-dialog footer{display:grid;grid-template-columns:1fr 1fr;padding:14px 18px 18px}.ly-dynamic-create-dialog footer button{width:100%;min-width:0;margin:0}}
@media(prefers-reduced-motion:reduce){#ly-dynamic-create-root *{transition:none!important}}
