/* 工具容器 */
.lw-cssbut-box { font-family: 'Microsoft YaHei', sans-serif; max-width: 900px; margin: 0 auto; background: #f9f9f9; padding: 20px; border-radius: 12px; }
/* 预览区 */
.lw-preview-zone { background: #fff; padding: 50px; text-align: center; border: 1px solid #eee; border-radius: 10px; margin-bottom: 20px; display: flex; justify-content: center; align-items: center; min-height: 120px; }
/* 参数折叠项 */
.lw-attr-item { background: #fff; border: 1px solid #e1e8ed; border-radius: 8px; margin-bottom: 10px; overflow: hidden; }
.lw-attr-head { padding: 12px 15px; cursor: pointer; background: #fff; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s; }
.lw-attr-head:hover { background: #f8faff; }
.lw-attr-head h4 { margin: 0; font-size: 15px; color: #333; }
.lw-attr-body { padding: 15px; display: none; border-top: 1px solid #f0f0f0; background: #fcfcfc; }
/* 表格布局控制参数 */
.lw-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 15px;
}
.lw-row label {
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
}
.lw-row input[type="range"] {
    width: 100%;
    cursor: pointer;
}
.lw-row input[type="text"], .lw-row input[type="number"], .lw-row select {
    width: 100%;
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
#lw_obj_preview {
    border: none;
    outline: none;
}
.lw-control-row { margin-bottom: 10px; }
.lw-control-row label { display: block; font-size: 13px; color: #666; margin-bottom: 5px; }
.lw-control-row input[type="range"] { width: 100%; cursor: pointer; }
.lw-control-row input[type="text"], .lw-control-row input[type="number"] { width: 100%; padding: 6px; border: 1px solid #ddd; border-radius: 4px; }
/* 结果区 */
.lw-res-box { margin-top: 20px; background: #2d3436; color: #dfe6e9; padding: 20px; border-radius: 8px; position: relative; display: none; }
.lw-res-box pre { margin: 0; font-family: 'Consolas', monospace; font-size: 13px; line-height: 1.6; }